MediaWiki:Gadget-Winter.css

/*************************************************************************/ /*********************** Winter Header Styling ***************************/ /*************************************************************************/ .wds-community-header::before { background: #808080; }/**/

/*************************************************************************/ /******************************** :roots *********************************/ /*************************************************************************/
 * root {

--wikia-page-background-color:#AAD4E5; 		/*iceblue*/ --wikia-old-button-top-color:#1E90FF; 		/*deepblue*/ --wikia-old-button-bottom-color:#1E90FF; 		/*deepblue*/ --wikia-old-button-top-color-hover:#87CEFA; 		/*lightskyblue*/ --wikia-old-button-bottom-color-hover:#87CEFA; 		/*lightskyblue*/ --wikia-old-button-other-color:#1E90FF; 		/*deepblue*/ --wikia-button-color:#00BFFF; 		/*deepskyblue and no change hereafter*/ --accent-color:#00008B; 		/*accentdark*/ --accent-color-light:#0000CD; 		/*accent*/ --user-profile-color:#DCDCDC; 		/*lightgrey*/ --link-accent-color:#0000CD; 		/*accent*/ --tabber-unselected-color:#4169E1; 		/*royalblue*/ --footer-color:#B0C4DE; 		/*lightsteelblue*/ --wikia-button-text:#fff; 		/*monotone*/ --header-gradient-color:0,0,255;/*rgba but only rgb values*/ } h1.page-header__title { color:#4682B4!important; } /*************************************************************************/ /*************************** Button Styling ******************************/ /*************************************************************************/ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: var(--wikia-old-button-bottom-color); background-image: -moz-linear-gradient(top, var(--wikia-old-button-top-color) 35%, var(--wikia-old-button-bottom-color) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-top-color)), color-stop(65%, var(--wikia-old-button-bottom-color))); border: 1px solid var(--wikia-old-button-bottom-color); border-radius: 4px; color: black!important; } 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: var(--wikia-old-button-bottom-color-hover); background-image: -moz-linear-gradient(top, var(--wikia-old-button-top-color-hover) 35%, var(--wikia-old-button-bottom-color-hover) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-top-color-hover)), color-stop(65%, var(--wikia-old-button-bottom-color-hover))); text-decoration: none; color: black!important; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active { background-image: -moz-linear-gradient(top, var(--wikia-old-button-bottom-color-hover) 35%, var(--wikia-old-button-top-color-hover) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-bottom-color-hover)), color-stop(65%, var(--wikia-old-button-top-color-hover))); color: black!important; } a.wikia-button[disabled]:active, .wikia-single-button a[disabled]:active, .wikia-menu-button[disabled]:active, input[type="submit"][disabled]:active, input[type="reset"][disabled]:active, input[type="button"][disabled]:active, .button[disabled]:active, button[disabled]:active { background-color: var(--wikia-old-button-bottom-color); background-image: -moz-linear-gradient(top, var(--wikia-old-button-top-color) 35%, var(--wikia-old-button-bottom-color) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-top-color)), color-stop(65%, var(--wikia-old-button-bottom-color))); } .wikia-menu-button:hover { background-color: var(--wikia-old-button-bottom-color); background-image: -moz-linear-gradient(top, var(--wikia-old-button-top-color) 35%, var(--wikia-old-button-bottom-color) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-top-color)), color-stop(65%, var(--wikia-old-button-bottom-color))); } .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: var(--wikia-old-button-bottom-color-hover); background-image: -moz-linear-gradient(top, var(--wikia-old-button-top-color-hover) 35%, var(--wikia-old-button-bottom-color-hover) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-top-color-hover)), color-stop(65%, var(--wikia-old-button-bottom-color-hover))); } .wikia-menu-button > a:active, .wikia-menu-button .drop:active, .wikia-menu-button > li > a:active { background-image: -moz-linear-gradient(top, var(--wikia-old-button-bottom-color-hover) 35%, var(--wikia-old-button-top-color-hover) 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, var(--wikia-old-button-bottom-color-hover)), color-stop(65%, var(--wikia-old-button-top-color-hover))); color: black; } .wikia-menu-button ul a:hover { background-color: var(--wikia-old-button-other-color) } .wikia-menu-button.secondary ul a:hover { background-color: var(--wikia-old-button-other-color) !important } .WikiaRail .rail-module .wds-button:focus:not(:disabled), .WikiaRail .rail-module .wds-button:hover:not(:disabled), .WikiaRail .rail-module .wds-button:active, .WikiaRail .rail-module .wds-button.wds-is-active { background-color: var(--wikia-button-color); border-color: var(--wikia-button-color) } .WikiaRail .rail-module .wds-button.wds-is-secondary, .skin-oasis #custom-wds-2DoListTalk, .skin-oasis a #custom-wds-squished, .skin-oasis .WikiaRail a #custom-wds-rail { background-color: transparent; border-color: var(--wikia-old-button-bottom-color)!important; color: var(--wikia-old-button-bottom-color)!important } .WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:active, .skin-oasis #custom-wds-2DoListTalk:active, .skin-oasis #custom-wds-2DoListTalk:focus, .skin-oasis #custom-wds-2DoListTalk:hover, .skin-oasis a #custom-wds-squished:active, .skin-oasis a #custom-wds-squished:focus, .skin-oasis a #custom-wds-squished:hover, .skin-oasis .WikiaRail a #custom-wds-rail:active, .skin-oasis .WikiaRail a #custom-wds-rail:focus, .skin-oasis .WikiaRail a #custom-wds-rail:hover, .WikiaRail .rail-module .wds-button.wds-is-secondary.wds-is-active { background-color: transparent; border-color: var(--wikia-button-color)!important; color: var(--wikia-button-color)!important } .WikiaRail .rail-module .wds-button.wds-is-text { background-color: transparent; color: var(--wikia-old-button-bottom-color) } .WikiaRail .rail-module .wds-button.wds-is-text:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-text:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-text:active, .WikiaRail .rail-module .wds-button.wds-is-text.wds-is-active { background-color: transparent; color: white; } .ChatWidget .wds-button { background-color: var(--wikia-old-button-bottom-color); border-color: var(--wikia-old-button-bottom-color); color: black; } .ChatWidget .wds-button:focus:not(:disabled), .ChatWidget .wds-button:hover:not(:disabled), .ChatWidget .wds-button:active, .ChatWidget .wds-button.wds-is-active { background-color: var(--wikia-button-color); border-color: var(--wikia-button-color) } .ChatWidget .wds-button.wds-is-secondary { background-color: transparent; border-color: var(--wikia-old-button-bottom-color); color: var(--wikia-old-button-bottom-color) } .ChatWidget .wds-button.wds-is-secondary:focus:not(:disabled), .ChatWidget .wds-button.wds-is-secondary:hover:not(:disabled), .ChatWidget .wds-button.wds-is-secondary:active, .ChatWidget .wds-button.wds-is-secondary.wds-is-active { background-color: transparent; border-color: var(--wikia-button-color); color: black; } .ChatWidget .wds-button.wds-is-text { background-color: transparent; color: black; } .ChatWidget .wds-button.wds-is-text:focus:not(:disabled), .ChatWidget .wds-button.wds-is-text:hover:not(:disabled), .ChatWidget .wds-button.wds-is-text:active, .ChatWidget .wds-button.wds-is-text.wds-is-active { background-color: transparent; color: black; } .WikiaPage .page-header .wds-button { background-color: var(--wikia-old-button-bottom-color); border-color: var(--wikia-old-button-bottom-color); color: black; } .WikiaPage .page-header .wds-button:focus:not(:disabled), .WikiaPage .page-header .wds-button:hover:not(:disabled), .WikiaPage .page-header .wds-button:active, .WikiaPage .page-header .wds-button.wds-is-active { background-color: var(--wikia-button-color); border-color: var(--wikia-button-color) } .embeddable-discussions-share-modal.modal .embeddable-discussions-sharemodal-cancel-button { background: #474646; color: var(--wikia-old-button-bottom-color) } /*************************************************************************/ /*************************** Miscellaneous *******************************/ /*************************************************************************/ /*Community Accent Bar*/ .community-page-todo-list-module .community-page-todo-list-module-content, .community-page-todo-list-module .community-page-todo-list-module-zerostate { border-left: thick solid var(--wikia-old-button-bottom-color); } /*Community Card Headers*/ .community-page-card-module .community-page-card-module-header { background: var(--accent-color); } /*Profile Bottom*/ .UserProfileMasthead .masthead-info { background: var(--user-profile-color); border-radius:2px; } /*Profile Triangle*/ .UserProfileMasthead .masthead-info-lower:before { border-color: var(--user-profile-color) var(--user-profile-color) transparent transparent; } /*Profile Name Gradient*/ .UserProfileMasthead .masthead-info hgroup { background-color: var(--accent-color); background-image: -moz-linear-gradient(top,var(--accent-color-light) 0%,var(--accent-color) 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,var(--accent-color-light)),color-stop(100%,var(--accent-color))); border-radius:2px; } .UserProfileMasthead .masthead-avatar .avatar { border-color: var(--wikia-old-button-bottom-color); } /*NT-Cards and Rails*/ .community-page-rail, .community-page-rail .community-page-module-box, .community-page-card-module, .embeddable-discussions-module .embeddable-discussions-post-detail{ background-color:rgba(250,250,250,0.05)!important; } /*NT-Other Rail Modules*/ .skin-oasis .WikiaRail #custom-rail-bloglist .WikiaBlogListingBox, .WikiaRail .module { background-color:rgba(0,0,0,0)!important; } /*Bottom Bar*/ .WikiaBarWrapper { background-color: var(--wikia-old-button-bottom-color-hover); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(var(--footer-color)), color-stop(0.5, var(--wikia-old-button-bottom-color-hover)), to(var(--footer-color))); } /*Links*/ a { color: var(--link-accent-color); text-decoration: none; } /*System Notifications*/ .WikiaNotifications li div { background-color: var(--wikia-old-button-bottom-color-hover); background-image: -moz-linear-gradient(top,var(--wikia-old-button-top-color-hover) 35%,var(--wikia-old-button-bottom-color-hover) 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,var(--wikia-old-button-top-color-hover)),color-stop(65%,var(--wikia-old-button-bottom-color-hover))); } /*Infoboxes*/ .portable-infobox { background: var(--wikia-page-background-color) !important; }

/*MP Background and Discussions Module*/ .mp-d .embeddable-discussions-module, .WikiaPage .WikiaPageBackground { background: var(--wikia-page-background-color); } /*NT-MP*/ .WikiaPage { border: none; }

/* WDS */ .custom-wds.wds-is-secondary.wds-button { color: #1E90FF; border-color: #1E90FF; } .custom-wds.wds-is-secondary.wds-button:hover { color: #00CED1; border-color: #00CED1; }/**/

/* Background */ body.skin-oasis { background: url("https://vignette.wikia.nocookie.net/moom/images/a/a7/Winter.png/revision/latest?cb=20180105231700") top left repeat; }/**/