MediaWiki:Wikia.css/WikiaButtons.css

/* +++++++++++++++++++  BUTTON MANIA!

Because Wikia's button styling in the Wikia skin doesn't actually cascade in a graceful way as of   September 2014, you have to    painstakingly declare each one. This list is almost certainly not exhaustive, but it's at  least a good start, which will affect an estimated 90% of   buttons.

If you find a more efficient way to do this, please let me know know. -- User:CzechOut +++++++++++++++++++ */ button, .button, #button, button.secondary, .button-secondary, .follow-button:link, .follow-button:visited, .timeline-header .follow-button, .timeline-header a.follow-button:link, .WikiHeader .buttons .contribute, .WikiHeader .buttons .share, .WikiHeader .buttons .wikia-menu-button, .wikia-menu-button.secondary.combined, .Wall .speech-bubble-message .buttons ul li a, .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-image:none; background:#ececec; border: 0px solid #333; -moz-border-radius:1; -webkit-border-radius:1; -ms-border-radius:1; -o-border-radius:1; border-radius:1; -moz-box-shadow:0 0 0 #000; -webkit-box-shadow:0 0 0 #000; box-shadow:0 0 0 #000; color: #333; overflow:visible; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; }
 * 1) WikiaSpotlightsModule .wikia-button,

/* +++++++++++++++++++  HOVER STATES

As of 9 Sept 2014, these are set with same styling as un-hovered state, so there effectively is no  hover state. By including this framework, though, it should be   easier to add a hover state. +++++++++++++++++++ */ .WikiHeader .buttons .contribute:hover, .WikiHeader .buttons .share:hover, a.wikia-button.secondary:hover, .WikiHeader .buttons .wikia-menu-button:hover, .wikia-menu-button.secondary.combined:hover, .Wall .speech-bubble-message .buttons ul li a:hover, .follow-button:hover, 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, button:hover, button.secondary:hover, .button-secondary:hover { background-color:#ececec; background-image:none; border: 0px solid #333; -moz-border-radius:1; -webkit-border-radius:1; -ms-border-radius:1; -o-border-radius:1; border-radius:1; -moz-box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff; color: #333!important; font-family: 'Source Sans Pro', sans-serif; font-style:normal; text-transform:uppercase; }

/* +++++++++++++++++++  START A WIKI +++++++++++++++++++ */

.WikiaHeader .wikia-button:hover, .WikiaHeader .wikia-button { background: white; color:#7a7a7a; border:0px solid #333; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; letter-spacing:1px; font-style:normal; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }

/* +++++++++++++++++++  RANDOM PAGE and WIKI ACTIVITY buttons +++++++++++++++++++ */

.WikiHeader .buttons a, .WikiHeader .buttons a:hover { background-color:#ececec; color:#333; border:0px solid #ddd; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; -moz-border-radius:1; -webkit-border-radius:1; -ms-border-radius:1; -o-border-radius:1; border-radius:1; -mox-box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

/* +++++++++++++++++++  CHEVRONS 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:#7a7a7a; }

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

div.neutral.modalToolbar a#ok.wikia-button, /* OK button on create a new page */ background-image: none; background-color: #ececec; border: 0px solid #ffffff; -moz-border-radius:1; -o-border-radius:1; -ms-border-radius:1; -webkit-border-radius:1; border-radius:1; -moz-box-shadow:0 0 0 #000000; -ms-box-shadow:0 0 0 #000000; -o-box-shadow:0 0 0 #000000; -webkit-box-shadow:0 0 0 #000000; box-shadow:0 0 0 #000000; color: #7a7a7a; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; font-style:none; 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 {