MediaWiki:ModuleDesign.css

/* Rounds corners on modules, search engine, and other things */ .module { border-radius: 3px; } .WikiaSearch input[type="text"] { border-radius: 3px; } .editpage-toolbar { border-radius: 4px; } .chat-whos-here { border-radius: 2px; } .avatar { border-radius:1px; } /* Modifies NavBar */ .WikiHeaderRestyle > nav .subnav-2, WikiNav { background-image: -moz-linear-gradient(top, #006caf 0%, #005c96 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #006caf), color-stop(100%, #005c96)); } ul.subnav.WikiaMenuElement.show { -moz-border-radius: 0em 0em 1.5em 1.5em; -webkit-border-radius: 0em 0em 1.5em 1.5em; border-radius: 0em 0em 1.5em 1.5em; box-shadow: 0 0 5em rgba(0, 0, 0, 0.5); } .WikiaMenuElement { box-shadow: 10px 10px 5px #e2e2e2; border-bottom-right-radius:3px; border-bottom-left-radius:3px; } /* Adds effects to the search bar */ .WikiaSearch input[type="text"] { background-color: #ffffff; background-image: -moz-linear-gradient(top, #ededed 0%, #ffffff 40%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ededed), color-stop(40%, #ffffff)); transition: border 0.5s; -moz-transition: border 0.5s; /* Firefox 4 */ -webkit-transition: border 0.5s; /* Safari and Chrome */ -o-transition: border 0.5s; /* Opera */ } .WikiaSearch input[type="text"]:hover { border: 1px #006caf solid; box-shadow: 0 0 2px #006caf; -webkit-box-shadow: 0 0 2px #006caf; -moz-box-shadow: 0 0 2px #006caf; } .info { background-color:#e2e2e2; } .wikia-menu-button { background-color:#e2e2e2; } /* Modifies Buttons */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button, a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary, .wikia-menu-button.active, .tabbernav li a { background-color: whiteSmoke !important; background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1)) !important; background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1) !important; background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1) !important; background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1) !important; background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1) !important; background-image: linear-gradient(top,whiteSmoke,#F1F1F1) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); border: 1px solid gainsboro; border-color: rgba(0, 0, 0, .1) !important; color: #444 !important; height: 20px !important; line-height: 20px !important; font-family: Arial,sans-serif !important; font-size: 11px !important; font-weight: bold !important; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; padding: 0 8px !important; cursor: default !important; -moz-user-select: none; -webkit-user-select: none; padding:4px; } 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, a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover, button.secondary:hover, .tabbernav li a:hover { border-color: #C6C6C6 !important; box-shadow: 0 1px 1px rgba(0, 0, 0, .1) !important; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1) !important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) !important; color: #222 !important; background-color: #F8F8F8 !important; background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#F1F1F1)) !important; background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1) !important; background-image: -moz-linear-gradient(top,#F8F8F8,#F1F1F1) !important; background-image: -ms-linear-gradient(top,#F8F8F8,#F1F1F1) !important; background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1) !important; background-image: linear-gradient(top,#F8F8F8,#F1F1F1) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); } a.wikia-button:active, .wikia-single-button a:active, .wikia-menu-button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active, button:active, a.wikia-button.secondary:active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary:active, input[type="submit"].secondary:active, input[type="reset"].secondary:active, input[type="button"].secondary:active, .button.secondary:active, button.secondary:active, .tabbernav li a:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important; } a.wikia-button.secondary img.chevron, .wikia-single-button a.secondary img.chevron, .wikia-menu-button.secondary img.chevron, input[type="submit"].secondary img.chevron, input[type="reset"].secondary img.chevron, input[type="button"].secondary img.chevron, .button.secondary img.chevron, button.secondary img.chevron { border-top-color: #444 !important; margin-left: 5px !important; } a.wikia-button.secondary:hover img.chevron, .wikia-single-button a.secondary:hover img.chevron, .wikia-menu-button.secondary:hover img.chevron, input[type="submit"].secondary:hover img.chevron, input[type="reset"].secondary:hover img.chevron, input[type="button"].secondary:hover img.chevron, .button.secondary:hover img.chevron, button.secondary:hover img.chevron { border-top-color: #222 !important; } .wikia-menu-button > a, .wikia-menu-button .drop { background: transparent !important; } .wikia-menu-button.secondary.control-button, .wikia-menu-button.contribute.secondary.active { border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; } .wikia-menu-button.secondary.control-button a, .wikia-menu-button > a, .wikia-menu-button > li > a { color: #444 !important; } .wikia-menu-button.secondary.control-button:hover a, .wikia-menu-button:hover > a, .wikia-menu-button:hover > li > a { color: #222 !important; } .start-a-wiki .wikia-button { margin-top: -1px; } height: 22px !important; } .wikia-menu-button .chevron { margin: 1px 0 0 2px !important; } .WikiaSearch .wikia-button { height: 26px !important; } .LatestPhotosModule .wikia-button img { background-position-y: -31px !important; } .ChatModule .chat-join button::before { height: 18px !important; } .WikiHeaderRestyle .buttons .share-button { padding-right: 20px !important; } a.wikia-menu-button { background-color:blue; } border-radius:3px !important; } /* Scrollbar */
 * 1) EditPage .module_page_controls .buttons #wpSave {
 * 1) WikiaPage, .WikiaPageContentWrapper, .WikiaPageBackground {
 * -webkit-scrollbar {

height:16px; width:13px; }
 * -webkit-scrollbar-button {

height:0; width:0; }
 * -webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {

display:block; }
 * -webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {

display:none; }
 * -webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal, {

border-style:solid; border-color:transparent; }
 * -webkit-scrollbar-track:vertical {

background-clip:padding-box; background-color:transparent; border-left-width:5px; border-right-width:0; }
 * -webkit-scrollbar-track:horizontal {

background-clip:padding-box; background-color:transparent; border-bottom-width:0; border-top-width:5px; }
 * -webkit-scrollbar-thumb {

-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); min-height:28px; padding-top:100px; }
 * -webkit-scrollbar-thumb:hover {

-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4); }
 * -webkit-scrollbar-thumb:active {

-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5); }
 * -webkit-scrollbar-thumb:vertical {

border-width:0; border-left-width:5px; }
 * -webkit-scrollbar-thumb:horizontal {

border-width:0; border-top-width:5px; }
 * -webkit-scrollbar-track:vertical {

border-left-width:6px; border-right-width:1px; }
 * -webkit-scrollbar-track:horizontal {

border-bottom:1px; border-top:6px; }
 * -webkit-scrollbar-thumb:vertical {

border-width:0; border-left-width:6px; border-right-width:1px; }
 * -webkit-scrollbar-thumb:horizontal {

border-width:0; border-bottom:1px; border-top:6px; }
 * -webkit-scrollbar-track:hover {

-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05); }
 * -webkit-scrollbar-track:active {

-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07); background-color:rgba(0,0,0,.05); }