MediaWiki:WikiaButtons.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
Tag: sourceedit
No edit summary
Tag: sourceedit
Line 2: Line 2:


/* Buttons outside page header */
/* Buttons outside page header */
.EditPage .module_page_controls .buttons,
 
a#wpDiff.diff-link,
a#wpDiff.diff-link,
.CategorySelectAdd,
.CategorySelectAdd,

Revision as of 05:56, 30 May 2017

/********* BUTTON MANIA *************/

/* Buttons outside page header */

a#wpDiff.diff-link,
.CategorySelectAdd,
.CategorySelect.articlePage .add,
.addVideo,
a.secondary.button.policies-link,
.save-button,
.create-new-board-button,
a.button.admin-link,
a.button.policies-link,
.RelatedForumDiscussion h2 .forum-new-post,
a.wikia-button, 
wikia-single-button a, 
.wikia-single-button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"],
div.chat-join button, 
div.chat-start button,
nav.wikia-menu-button,
.wikia-menu-button,
.WikiaSearch .wikia-button,
.WikiaRail .module .wikia-button, 
.WikiaRail #RIGHT_SKYSCRAPER .wikia-button,
.WikiaPagesOnWikiModule .wikia button,
#WikiaSpotlightsModule .wikia-button,
.LatestPhotosModule .wikia-button,
.WikiFooter .buttons a,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo,
.WikiaPageHeader a.wikia-button, 
div.UserProfileActionButton a.wikia-button, /* buttons on user page */
div.buttons a.wikia-button, /* ArchiveTool buttons */
.WikiaFooter .wikia-button /* Random Wiki button at bottom of page */ {
   background: #012c57; /* Old browsers */
   background: -moz-linear-gradient(top,  #012c57 0%, #012c57 35%, #0253a3 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012c57), color-stop(35%,#012c57), color-stop(100%,#0253a3)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #012c57 0%,#012c57 35%,#0253a3 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #012c57 0%,#012c57 35%,#0253a3 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #012c57 0%,#012c57 35%,#0253a3 100%); /* IE10+ */
   background: linear-gradient(top,  #012c57 0%,#012c57 35%,#0253a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012c57', endColorstr='#0253a3',GradientType=0 ); /* IE6-9 */
   border: 1px solid #ffffff;
       -moz-border-radius:50%/15%;
    -webkit-border-radius:50%/15%;
        -ms-border-radius:50%/15%;
         -o-border-radius:50%/15%;
            border-radius:50%/15%;
   /*-moz-box-shadow:0 0 10px #0253a3;
   -webkit-box-shadow:0 0 10px #0253a3;
   box-shadow:0 0 10px #0253a3;*/
   color: #fff;
   overflow:visible;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
   font-style:italic;
   text-transform:lowercase;
   padding:0px 5px 0px 5px;
}

.secondary.cancel-button,
a.edit-topic-link,
.replyButton,
.previewButton.secondary,
.quote-button.secondary,
a.wikia-button secondary,
div.buttons a.wikia-button.secondary {
   background:none;
   background-color:#ececec;
   border: 2px solid #d5d4f0;
       -moz-border-radius:50%/15%;
    -webkit-border-radius:50%/15%;
        -ms-border-radius:50%/15%;
         -o-border-radius:50%/15%;
            border-radius:50%/15%;
   -moz-box-shadow:0 0 10px #d5d4f0;
   -webkit-box-shadow:0 0 10px #d5d4f0;
   box-shadow:0 0 10px #d5d4f0;
   color: #012c57;
   overflow:visible;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
   font-style:italic;
   text-transform:lowercase;
   padding:0px 5px 0px 5px;
}

a.wikia-button.secondary:hover {
   background-image:none
}

/*** Getting rid of annoying graphics ***/
/*a.wikia-button img, 
.wikia-single-button a img, 
.wikia-menu-button img, 
input[type="submit"] img, 
input[type="reset"] img, 
input[type="button"] img, 
.button img, 
button img, */
img.sprite.edit-pencil,
.addVideo img.sprite.addRelatedVideo,
div.chat-join button img,
nav.wikia-menu-button a img.sprite.edit-pencil,
a > wikia-button.createpage img, /*img.sprite.new,*/ 
a > wikia-button.upphotos img, /*.sprite.photo*/
.RelatedVideos img.sprite.addRelatedVideos,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo img,
/*.WikiaPageHeader img,*/
/*.ChatModule .chat-join img,*/
.WikiaPagesOnWikiModule .sprite.new, 
.LatestPhotosModule .wikia-button img,
.UserProfileActionButton .image.sprite.blog,
.WikiaActivityModule .sprite {
 display:none 
}

nav.wikia-menu-button a#ca.edit {
padding: 4px;
}

/* Drop-down menus deriving from buttons */

.wikia-menu-button ul, 
.UserProfileActionButton ul { 
   /*background: #ececec repeat scroll 0 0;*/
    background:transparent url(http://images.wikia.com/tardistest/images/6/6e/75opacitygrey.png); 
       -moz-border-radius:2%;
    -webkit-border-radius:2%;
        -ms-border-radius:2%;
         -o-border-radius:2%;
            border-radius:2%;
   border:2px solid #fff;
   -moz-box-shadow:0 0 40px #012c57;
   -webkit-box-shadow:0 0 40px #012c57;
   box-shadow:0 0 40px #012c57;
   color:#012c57;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
   /*font-size:11pt;*/
   padding:3px;
   font-weight:bold;
}

/* Controls color of text in dropdown; oddly the above doesn't */

.wikia-menu-button ul a { 
   color:#012c57;
   background-color:#ECECEC;
   padding:3px;
   font-size:11pt;
   font-weight:bold; 
}

wikia-button ul:hover,
.wikia-menu-button ul:hover { 
   background-color:#ececec;
   color:#0253a3;
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}

.wikia-button ul a:hover,
.wikia-menu-button ul a:hover { 
   background-color:#ececec ;
   color:#0253a3;
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}
 
.wikia-menu-button li { 
   color:#012c57; 
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}
             
.wikia-menu-button li:hover { 
   background-color:#ececec;
   color:#0253a3;
   padding:3px; 
   font-size:11pt; 
   font-weight:bold;
}

.wikia-menu-button li a:hover { 
   background-color:transparent;
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}

.wikia-menu-button li a { 
   color:#012c57; 
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}
 
a.wikia-button:hover, 
a.wikia-button.createpage:hover,
wikia-single-button a:hover, 
wikia-menu-button:hover, 
a.wikia-button.upphotos:hover,
.WikiaSearch .wikia-button:hover,
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
div.chat-join button:hover,
div.chat-start button:hover,
.button-hover, 
button-hover {                      
 background-color:#012c57;
 background-image: -moz-linear-gradient(center top , #747eBE 35%, #012c57 65%);
 border: 2px solid #ffffff;
       -moz-border-radius:50%/15%;
    -webkit-border-radius:50%/15%;
        -ms-border-radius:50%/15%;
         -o-border-radius:50%/15%;
            border-radius:50%/15%;
   -moz-box-shadow:0 0 10px #fff;
   -webkit-box-shadow:0 0 10px #fff;
   box-shadow:0 0 10px #fff;
   color: #fff;
   overflow:visible;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
   font-style:italic;
   text-transform:lowercase
}

/**** Button stuff ****/

.wikia-menu-button > a,
.wikia-button > a {
  color:white;
  font-size:12pt;
}
 
    /* This is the big daddy.  It controls the text on the button, and ONLY
       the text on the button.  */


.wikia-menu-button .drop { 
   color:#012c57;
   margin:auto auto auto auto;
   padding: auto auto auto auto; 
}


.WikiaPageHeader .wikia-button, .WikiaPageHeader .wikia-menu-button {
    margin-top: 2px;
    vertical-align: top;
    z-index: 3;
    font-size: 12pt;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
}

/* Random Page and Wiki Activity buttons */
/* actually does the contribute button in 2016 */
.WikiHeader .buttons a,
.WikiHeader .buttons a:hover { 
   background-color:#012c57;
   border:#fff; 
   color:#012c57;
   font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
   text-transform:lowercase;
       -moz-border-radius:2%;
    -webkit-border-radius:2%;
        -ms-border-radius:2%;
         -o-border-radius:2%;
            border-radius:2%;
        -mox-box-shadow:none;
          -o-box-shadow:none;
     -webkit-box-shadow:none;
             box-shadow:none;
}

/* Coloring chevron white; the chevron is 
   the little down-arrow thingie on various buttons */

.wikia-menu-button .chevron,
a.wikia-button img.chevron, 
.wikia-single-button a img.chevron, 
.wikia-menu-button img.chevron, 
input[type="submit"] img.chevron, 
input[type="reset"] img.chevron, 
input[type="button"] img.chevron, 
.button img.chevron, 
button img.chevron {
   color:white;
}

a.wikia-button:hover, 
wikia-single-button a:hover, 
.wikia-menu-button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
.button-hover, 
button-hover {
   background-color:#012c57;
   color:white;
}


a.wikia-button, 
wikia-single-button, 
.wikia-menu-button {
  background-color:transparent;
  color:#012c57;
} 

/*This changes the bits underneath the edit box, where the summary input box is */
.skin-oasis #edit_enhancements_toolbar,
.skin-oasis .edit_enhancements_toolbar,
.csMainContainer,
#csMainContainer {
  border:dashed 1px #012c57;
}

a.button.forum-new-post {
    border:none;
    color:transparent;
    background:transparent;
}

a.button.forum-new-post a:link {
    color:transparent
}

.WikiHeader .buttons {
    width: 251px;
}

/*  Fixes for bug in Wikia skin */

/*  Make menu button dropdowns 
    appear on top of user page content */
    
.WikiaUserPagesHeader .wikia-button,
.WikiaUserPagesHeader .wikia-menu-button,
.UserProfileActionButton .wikia-menu-button {
    z-index: 10;
    color:#fff;
}

/*  ++++++++++++++++++
    Preview/Publish buttons
    ++++++++++++++++++ */

/* div.neutral.modalToolbar a#ok.wikia-button,*/ /* OK button on create a new page */
/* #EditPage .module_page_controls .wikia-menu-button, 
#EditPage .module_page_controls input[type="submit"], 
#wpSave,
#wpPreview,
#wpDiff,
#wpSave a:hover,
#wpDiff a:hover,
#wpPreview a:hover,
#wpSave:hover,
#wpDiff:hover,
#wpPreview:hover {
    background-image: none; 
    background-color: #012c57;
    border: 2px solid #ffffff;
       -moz-border-radius:10px;
         -o-border-radius:10px;
        -ms-border-radius:10px;
    -webkit-border-radius:10px;
            border-radius:10px;
       -moz-box-shadow:0 0 10px #012c57;
        -ms-box-shadow:0 0 10px #012c57;
         -o-box-shadow:0 0 10px #012c57;
    -webkit-box-shadow:0 0 10px #012c57;
            box-shadow:0 0 10px #012c57;
    color: #fff;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    text-transform:lowercase;
    font-style:italic;
    font-size:110%;
} 

.nav.wikia-menu-button.secondary.control-button,
.nav wikia-menu-button.secondary.control-button active,
a#wpDiff,
.wikia-menu-button.secondary ul,
.wikia-menu-button.secondary ul li
.wikia-menu-button.secondary ul li a#wpDiff {
    background:none;
    background-color:#ececec;
}


div.neutral.modalToolbar a#publish.wikia-button {
    color:#fff 
}

div.neutral.modalToolbar a#close-wikia-button.secondary:hover {
    color:#012c57;
}
*/
/*  =====================
    Number of talk comments
    in the "talk" button
    ===================== */
.commentsbubble {
    display:inline;
    font-size:75%
}

/*  =====================
    Speialised colour 
    changer button 
    ===================== */
input.color-changer:hover,
input.color-changer {
    background-image: url("http://images2.wikia.nocookie.net/__cb20131017174708/tardis/images/6/64/ColourPicker.png");
    background-position:center;
    background-color: transparent!important;
       -moz-border-radius:50%/15%;
    -webkit-border-radius:50%/15%;
        -ms-border-radius:50%/15%;
         -o-border-radius:50%/15%;
            border-radius:50%/15%;
    background-repeat: no-repeat;
    border:1px white solid;
    cursor:pointer;
    vertical-align:top;
    color:transparent;
    margin-left:5px;
    margin-top:2px;
}

button input.color-changer {
    color:purple!important
}