MediaWiki:WikiaButtons.css

/********* 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, .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; }
 * 1) WikiaSpotlightsModule .wikia-button,

.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, */ .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 */ .WikiHeader .buttons a, .WikiHeader .buttons a:hover { background-color:#012c57; color:#fff; border:#fff; 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; }

/* Turning off ul.wikia-menu-button, .wikia-menu-button, wikia-single-button, a.wikia-button { background-color:white; color:black; }

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, border:dashed 1px #012c57; }
 * 1) csMainContainer {

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:18px; margin-top:3px; margin-right:3px; }

.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 */ 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%; }
 * 1) EditPage .module_page_controls .wikia-menu-button,
 * 2) EditPage .module_page_controls input[type="submit"],
 * 3) wpSave,
 * 4) wpPreview,
 * 5) wpDiff,
 * 6) wpSave a:hover,
 * 7) wpDiff a:hover,
 * 8) wpPreview a:hover,
 * 9) wpSave:hover,
 * 10) wpDiff:hover,
 * 11) wpPreview:hover {

.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; padding:15px; background-color: transparent!important; -moz-border-radius:0%; -webkit-border-radius:0%; -ms-border-radius:0%; -o-border-radius:0%; border-radius:0%; background-repeat: no-repeat; border:none; cursor:pointer; vertical-align:middle; color:transparent; margin-top:0px; }

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