MediaWiki:Gadget-googlewiki.css

/*Google Wiki Skin 2.0 - Created by Codyn329, ShermanTheMythran, and Drew1200.*/ /*CSS Skin Table of Contents Start*/ /*(00)Section --- Font Import*//*Progress - Complete*/ /*(01)Section -- Body*//*Progress - Complete*/ /*(02)Section --- Modules*//*Progress - Complete*/ /*(03)Section --- Buttons*//*Progress - Complete*/ /*(04)Section -- Tabs*//*Progress -- N/A*/ /*(05)Section --- Avatars*//*Progress - Complete*/ /*(06)Section Navigation*//*Progress - Complete*/ /*(07)Section -- User Profile*//*Progress - Complete*/ /*(08)Section - Input, select*//*Progress - Complete*/ /*(09)Section --- Drop down menus*//*Progress - Complete*/ /*(10)Section -- Chat*//*Progress -- N/A*/ /*(11)Section - Custom Scroll Bar*//*Progress - Complete*/ /*(12)Section - Maliciousness*//*Progress -- N/A*/ /*CSS Skin Table of Contents Closure*/ /*(00)Section - Font Import*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans); /*(01)Section - Body*/ body { font-family: 'Open Sans', sans-serif; } /*(02)Section - Modules*/ .WikiaRail .module { background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /*(03)Section - Buttons*/ a.wikia-button, .wikia-single-button a, .wikia-menu-button, 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 { border: 1px solid gainsboro; border-color: rgba(0, 0, 0, .1); height: 20px; line-height: 20px; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #222; background-image: none; background: #f5f5f5; background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#F1F1F1)); background: -webkit-linear-gradient(top,#f5f5f5,#F1F1F1); background: -moz-linear-gradient(top,#f5f5f5,#F1F1F1); background: -ms-linear-gradient(top,#f5f5f5,#F1F1F1); background: -o-linear-gradient(top,#f5f5f5,#F1F1F1); background: linear-gradient(top,#f5f5f5,#F1F1F1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button: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, .WikiHeader .buttons>.contribute:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button>li>a:hover { border-color: #C6C6C6; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); background: #F8F8F8; background: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#F1F1F1)); background: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1); background: -moz-linear-gradient(top,#F8F8F8,#F1F1F1); background: -ms-linear-gradient(top,#F8F8F8,#F1F1F1); background: -o-linear-gradient(top,#F8F8F8,#F1F1F1); background: linear-gradient(top,#F8F8F8,#F1F1F1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); } a.wikia-button:active, .wikia-single-button a:active, .wikia-menu-button: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, .wikia-menu-button.active:active, .tabbernav li a:active, .WikiHeader .buttons>.contribute:active, .wikia-menu-button > a:active, .wikia-menu-button .drop:active, .wikia-menu-button>li>a:active  { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: #222; background-image: none; background: #f0f0f0; } .WikiaRail .module .chat-join .wikia-button, #LatestPhotosModule.module .wikia-button { font-weight: bold; } .WikiaHeader li>.wikia-button { border: 1px solid gainsboro; } .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .module_page_controls #wpSave { color: #fff; } .wikia-menu-button > a, .wikia-menu-button > a:active { color: #222; } .wikia-menu-button .chevron { border-top-color: #3a3a3a; } .wikia-menu-button>a, .wikia-menu-button>li>a { border-right: 1px solid #d3d3d3; } /*(04)Section - Tabs*/ /*(05)Section - Avatars*/ border-width: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*(06)Section - Navigation*/ /*background-color: #f1f1f1;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .WikiaBarCollapseWrapper { border: 1px solid #e8e8e8; } background-color: #ddd; background-image: none; border-bottom: 1px solid #ddd; } -webkit-border-radius: 0 5px 0 5px; -moz-border-radius: 0 5px 0 5px; border-radius: 0 5px 0 5px; background: rgb(78,120,194); background: -moz-linear-gradient(top, rgba(78,120,194,1) 0%, rgba(50,93,167,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,120,194,1)), color-stop(100%,rgba(50,93,167,1))); background: -webkit-linear-gradient(top, rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: -o-linear-gradient(top, rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: -ms-linear-gradient(top, rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: linear-gradient(to bottom, rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e78c2', endColorstr='#325da7',GradientType=0 ); } /*(07)Section - User Profile*/ .UserProfileMasthead .masthead-info { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); background-color: white; } background: rgb(221,75,57); background: -moz-linear-gradient(top,rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(221,75,57,1)),color-stop(100%,rgba(197,55,39,1))); background: -webkit-linear-gradient(top,rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: -o-linear-gradient(top,rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: -ms-linear-gradient(top,rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: linear-gradient(to bottom,rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39',endColorstr='#c53727',GradientType=0 ); } background: rgb(221,75,57); } /*(08)Section - Input, select*/ input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], .WikiaSearch input[type="text"], .CategorySelect.editPage .input, .EditPage .module_page_controls textarea, select { border-top: 1px solid #aaa; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } input:not([type]):hover, input[type="color"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover, .WikiaSearch input[type="text"]:hover, .CategorySelect.editPage .input, .EditPage .module_page_controls textarea:hover, select:hover { border: 1px solid #b9b9b9; border-top-color: #a0a0a0; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus, .WikiaSearch input[type="text"]:focus, .CategorySelect.editPage .input:focus, .EditPage .module_page_controls textarea:focus, select:focus { border: 1px solid #4d90fe; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3); box-shadow: inset 0 1px 2px rgba(0,0,0,.3); outline: none; } input[type="submit"] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid transparent; font-weight: bold; color: #fff; background-image: none; background: rgb(221,75,57); background: -moz-linear-gradient(top, rgba(221,75,57,1) 0%, rgba(209,72,54,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,75,57,1)), color-stop(100%,rgba(209,72,54,1))); background: -webkit-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(209,72,54,1) 100%); background: -o-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(209,72,54,1) 100%); background: -ms-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(209,72,54,1) 100%); background: linear-gradient(to bottom, rgba(221,75,57,1) 0%,rgba(209,72,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#d14836',GradientType=0 ); } input[type="submit"]:hover { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); border: 1px solid #b0281a; background: rgb(221,75,57); background: -moz-linear-gradient(top, rgba(221,75,57,1) 0%, rgba(197,55,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,75,57,1)), color-stop(100%,rgba(197,55,39,1))); background: -webkit-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: -o-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: -ms-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); background: linear-gradient(to bottom, rgba(221,75,57,1) 0%,rgba(197,55,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 ); } input[type="submit"]:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); border: 1px solid #992a1b; background: rgb(221,75,57); background: -moz-linear-gradient(top, rgba(221,75,57,1) 0%, rgba(176,40,26,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,75,57,1)), color-stop(100%,rgba(176,40,26,1))); background: -webkit-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(176,40,26,1) 100%); background: -o-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(176,40,26,1) 100%); background: -ms-linear-gradient(top, rgba(221,75,57,1) 0%,rgba(176,40,26,1) 100%); background: linear-gradient(to bottom, rgba(221,75,57,1) 0%,rgba(176,40,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#b0281a',GradientType=0 ); } padding: 5px; background-color: #f9f9f9; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } float: left; position: absolute; font-family: 'Roboto', sans-serif; color: #333; } overflow: visible; position: relative; float: right; padding: 0; border: 1px solid #3079ed; background-image: none; background: #4d90fe; background: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)); background: -webkit-linear-gradient(top,#4d90fe,#4787ed); background: -moz-linear-gradient(top,#4d90fe,#4787ed); background: -ms-linear-gradient(top,#4d90fe,#4787ed); background: -o-linear-gradient(top,#4d90fe,#4787ed); background: linear-gradient(top,#4d90fe,#4787ed); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed'); } border-color: #2f5bb7; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 1px 0; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 1px 0; box-shadow: rgba(0,0,0,0.2) 0 1px 1px 0; background: #357ae8; background: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background: -webkit-linear-gradient(top,#4d90fe,#357ae8); background: -moz-linear-gradient(top,#4d90fe,#357ae8); background: -ms-linear-gradient(top,#4d90fe,#357ae8); background: -o-linear-gradient(top,#4d90fe,#357ae8); background: linear-gradient(top,#4d90fe,#357ae8); } -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0 inset; box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0 inset; } /*(09)Section - Drop down Menus*/ .wikia-menu-button.secondary ul, .wikia-menu-button ul, .WikiHeader .buttons .contribute ul, .GlobalNavigation .subnav, .AccountNavigation .subnav, #WallNotifications .subnav { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); background: #fff; border: 1px solid rgba(0,0,0,.2); font-weight: bold; } /*(10)Section - Chat*/ .ChatModule .chat-whos-here, .ChatModule .chat-whos-here .arrow-left img, .ChatModule .chat-whos-here .arrow-right img { border-width: 0; } .ChatModule .chat-whos-here .arrow-left { background: url(https://images.wikia.nocookie.net/codyn329/images/9/97/LeftArrow.png); margin-left: -15px; } .ChatModule .chat-whos-here .arrow-left:hover { background: url(https://images.wikia.nocookie.net/codyn329/images/c/cb/LeftArrowHover.png); } .ChatModule .chat-whos-here .arrow-left:active { background: url(https://images.wikia.nocookie.net/codyn329/images/3/36/LeftArrowActive.png); } .ChatModule .chat-whos-here .arrow-right { background: url(https://images.wikia.nocookie.net/codyn329/images/c/cc/RightArrow.png); margin-right: -25px; } .ChatModule .chat-whos-here .arrow-right:hover { background: url(https://images.wikia.nocookie.net/codyn329/images/c/c5/RightArrowHover.png); } .ChatModule .chat-whos-here .arrow-right:active { background: url(https://images.wikia.nocookie.net/codyn329/images/0/04/RightArrowActive.png); } .ChatModule .chat-whos-here .arrow-left, .ChatModule .chat-whos-here .arrow-right, .ChatModule .chat-whos-here .arrow-left:hover, .ChatModule .chat-whos-here .arrow-right:hover { height: 46px; width: 23px; margin-top: -5px; background-repeat: no-repeat; } /*(11)Section - Custom scroll bar*/
 * 1) UserProfileMasthead .masthead-avatar img, #AccountNavigation .avatar, .ChatModule .chat-whos-here .avatar, .WikiaBlogListing .avatar, .Wall .avatar {
 * 1) WikiaBarWrapper, #WikiaHeader, .WikiaBarCollapseWrapper {
 * 1) WikiaHeader { border-bottom: 1px solid #e8e8e8; }
 * 2) WikiaBarWrapper { border-top: 1px solid #e8e8e8; }
 * 1) WikiaBarWrapper, #WikiaHeader { background-image: none; }
 * 2) WikiaHeader .wikia-header-mask, #WikiaBarWrapper .wikia-bar, .WikiaBarCollapseWrapper .wikia-bar-collapse { background-image: none; }
 * 3) WikiaBarWrapper ul li a, #WikiaBarWrapper ul, #WikiaHeader ul li a { color: #848484; }
 * 1) GlobalNavigation>li:hover, #WallNotifications>li:hover, #AccountNavigation>li:hover {
 * 1) WikiHeader .navbackground {
 * 1) WikiHeader .navbackground div { background-color: transparent; }
 * 2) WikiHeader > nav .nav-item.marked { background-color: #4e78c2; border-bottom: #4e78c2; }
 * 3) WikiHeader > nav .nav-item.marked>a { border-top: 1px solid transparent; }
 * 1) UserProfileMasthead .masthead-info hgroup {
 * 1) UserProfileMasthead .masthead-info .tag {
 * 1) WikiaSearch {
 * 1) WikiaSearch input[type="text"] {
 * 1) WikiaSearch .wikia-button {
 * 1) WikiaSearch .wikia-button:hover {
 * 1) WikiaSearch .wikia-button:active {
 * 1) WikiaSearchHeader #WikiaSearch { margin-top: -10px; }
 * -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); 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); 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); 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); 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); 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); } /*(12)Section - Maliciousness*/ .modalWrapper { -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2); -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2); box-shadow: 0 4px 16px rgba(0,0,0,0.2); border: 1px solid #ccc; } background-color: #f1f1f1; background-color: rgba(241, 241, 241, 1); border-bottom: 1px solid #e5e5e5; }
 * 1) LightboxModal .LightboxHeader {

border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); background: rgb(78,120,194); background: -moz-linear-gradient(top,rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(78,120,194,1)),color-stop(100%,rgba(50,93,167,1))); background: -webkit-linear-gradient(top,rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: -o-linear-gradient(top,rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: -ms-linear-gradient(top,rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); background: linear-gradient(to bottom,rgba(78,120,194,1) 0%,rgba(50,93,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e78c2',endColorstr='#325da7',GradientType=0 ); }
 * 1) WikiaNotifications li div {