Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:WikiaButtons.css

MediaWiki interface page
Revision as of 04:33, 1 November 2016 by CzechOut (talk | contribs)
Clear your cache often around here

After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.

  • Firefox: hold down Shift while performing a page reload.
  • Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
  • Safari users should simultaneously hold down + Option + E. You may need to enable the Develop menu first
  • Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/********* BUTTON MANIA *************/

/* Buttons outside page header */
.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;
}


/* Start a wiki button */

.WikiaHeader .wikia-button:hover,
.WikiaHeader .wikia-button { 
   background: #ececec; 
   color:#012c57;
   border:2px solid #fff;
   font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
   text-transform:uppercase;
   letter-spacing:2px;
   font-style:normal;
       -moz-border-radius:50%/15%;
    -webkit-border-radius:50%/15%;
        -ms-border-radius:50%/15%;
         -o-border-radius:50%/15%;
            border-radius:50%/15%;
}

/* 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;
}

/*  ==========================
    SEARCH BUTTONS
    ========================== */

.WikiaSearch .wikia-button, 
.WikiaSearch .wikia-button:hover, 
.WikiaSearch .wikia-button:active, 
input[type="button"].secondary,
input[type="button"].secondary:hover,
input[type="button"].secondary:active {
    background-color:#E2E2F0;
    height:27px!important;
    width:40px!important;
}

.UserProfileMastheadSearch .WikiaSearch button { display:none } 
 
.UserProfileMastheadSearch .WikiaSearch button:hover {
    border: 1px dashed #012c57;
}
 
.UserProfileMastheadSearch .WikiaSearch button:active {
    background-color: #dfdfdf;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #dfdfdf), color-stop(65%, #f2f2f2));
    background-image:    -moz-linear-gradient(top, #dfdfdf 35%, #f2f2f2 65%);
    background-image:      -o-linear-gradient(top, #dfdfdf 35%, #f2f2f2 65%);
    background-image:          linear-gradient(top, #dfdfdf 35%, #f2f2f2 65%);
    border: 1px dashed #012c57;
}

/*  ++++++++++++++++++
    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; /*-moz-linear-gradient(center top , #747eBE 35%, #012c57 65%);*/
    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
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.