MediaWiki:Gadget-HS Christmas.css

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

--wikia-page-background-color:#2b2322; 		/*darkcolor*/ --wikia-old-button-top-color:#F44336; 		/*lightred*/ --wikia-old-button-bottom-color:#D32F2F; 		/*darkred*/ --wikia-old-button-top-color-hover:#E53935; 		/*midred*/ --wikia-old-button-bottom-color-hover:#C62828; 		/*darkerred*/ --wikia-old-button-other-color:#B71C1C; 		/*darkdarkred*/ --wikia-button-color:#EF5350; 		/*lighterred*/ --accent-color:#388E3C; 		/*accent*/ --accent-color-light:#4CAF50; 		/*accentlight*/ --user-profile-color:#2d2d2d; 		/*blandgrey*/ --link-accent-color:#4CAF50; 		/*accentvar */ --tabber-unselected-color:#330808; 		/*darkdarkdarkred*/ --footer-color:#751212; 		/*superdarkred*/ --wikia-button-text:#fff; 		/*monotone*/ --header-color:#00e06c; 		/*lightred*/ --header-accent-color:#00a64d; 		/*red*/ } .wds-community-header .wds-community-header__wordmark { width:100%; height:95%; margin-bottom:-30px; padding-top:0px; margin-top:0px; } /*************************************************************************/ /*************************************************************************/ /**************** Beautiful Christmas Header Styling ******************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width: 1023px) and (min-width: 50px) { .wds-community-header::before { background: linear-gradient(to right, rgba(0, 0, 0, 0) 24.5%, var(--header-color) 24.5%, var(--header-color) 55%, rgba(0, 0, 0, 0) 55%), linear-gradient(to right, var(--wikia-page-background-color) 0%, var(--wikia-page-background-color) 23.75%, var(--header-accent-color) 23.75%, rgba(0, 0, 0, 0) 29%); }   .wds-community-header { background-image: url("https://vignette.wikia.nocookie.net/nobellion/images/2/21/Christ_hs.png")!important; }   .wds-community-header .wds-community-header__wordmark { content: url("https://vignette.wikia.nocookie.net/nobellion/images/d/d7/Christmaswrdmk2.png"); } } @media only screen and (max-width: 1084px) and (min-width: 1023px) { .wds-community-header::before { background: linear-gradient(to right, rgba(0, 0, 0, 0) 19.5%, var(--header-color) 19.5%, var(--header-color) 55%, rgba(0, 0, 0, 0) 55%), linear-gradient(to right, var(--wikia-page-background-color) 0%, var(--wikia-page-background-color) 19%, var(--header-accent-color) 19%, rgba(0, 0, 0, 0) 25%); }   .wds-community-header { background-image: url("https://vignette.wikia.nocookie.net/nobellion/images/2/21/Christ_hs.png")!important; }   .wds-community-header .wds-community-header__wordmark { content: url("https://vignette.wikia.nocookie.net/nobellion/images/d/d7/Christmaswrdmk2.png"); } } @media only screen and (max-width: 1595px) and (min-width: 1084px) { .wds-community-header::before { background: linear-gradient(to right, rgba(0, 0, 0, 0) 25.25%, var(--header-color) 25.25%, var(--header-color) 63%, rgba(0, 0, 0, 0) 63%), linear-gradient(to right, var(--wikia-page-background-color) 0%, var(--wikia-page-background-color) 24.75%, var(--header-accent-color) 24.75%, rgba(0, 0, 0, 0) 29%); }   .wds-community-header { background-image: url("https://vignette.wikia.nocookie.net/nobellion/images/2/21/Christ_hs.png")!important; }   .wds-community-header .wds-community-header__wordmark { content: url("https://vignette.wikia.nocookie.net/nobellion/images/d/d7/Christmaswrdmk2.png"); } } @media only screen and (max-width: 10000px) and (min-width: 1596px) { .wds-community-header::before { background: linear-gradient(to right, rgba(0, 0, 0, 0) 22.5%, var(--header-color) 22.5%, var(--header-color) 67%, rgba(0, 0, 0, 0) 67%), linear-gradient(to right, var(--wikia-page-background-color) 0%, var(--wikia-page-background-color) 22%, var(--header-accent-color) 22%, rgba(0, 0, 0, 0) 29%); }   .wds-community-header { background-image: url("https://vignette.wikia.nocookie.net/nobellion/images/2/21/Christ_hs.png")!important; }   .wds-community-header .wds-community-header__wordmark { content: url("https://vignette.wikia.nocookie.net/nobellion/images/d/d7/Christmaswrdmk2.png"); } } /*************************************************************************/ /*************************************************************************/ /*************************** 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: white!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: white!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: white!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: white; } .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: white; } .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: white; } .ChatWidget .wds-button.wds-is-text { background-color: transparent; color: white; } .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: white; } .WikiaPage .page-header .wds-button { background-color: var(--wikia-old-button-bottom-color); border-color: var(--wikia-old-button-bottom-color); color: white; } .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 and Infobox Headers*/ .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-title, .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-header, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-title, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-header, .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))); } /*Infobox Tabber Dark*/ .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-image-collection-tabs .current, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-image-collection-tabs .current { background:var(--tabber-unselected-color); } /*Infobox Curves*/ .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-navigation, .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-layout-stacked, .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-data, .skin-oasis .portable-infobox.pi-theme-sixdiep-mode.pi-layout-stacked .pi-group, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-navigation, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-layout-stacked, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-data, .skin-oasis .portable-infobox.pi-theme-sixdiep.pi-layout-stacked .pi-group, .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-image, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-image { border-color: var(--wikia-old-button-bottom-color-hover); } /*MP Background and Discussions Module*/ .mp-d .embeddable-discussions-module, .WikiaPage .WikiaPageBackground { background: var(--wikia-page-background-color); } /*NT-MP*/ .WikiaPage { border: none; } /*Background*/ body.skin-oasis { background: #1a1a1a url("https://vignette.wikia.nocookie.net/nobellion/images/3/32/Wiki-backgroundchristm.png") top left repeat; }/**/