MediaWiki:Gadget-DarkTheme.css

/**********************************************/ /********** Halloween Header Styling **********/ /**********************************************/ .wds-community-header::before { background: linear-gradient(to right, rgba(var(--header-gradient-color), 0.5), rgba(var(--header-gradient-color), 0.5)), linear-gradient(to left, rgba(var(--header-gradient-color), 0) 200px, rgba(var(--header-gradient-color), 1) 430px); } .wds-community-header .wds-community-header__wordmark { content: url("https://vignette.wikia.nocookie.net/nobellion/images/b/b5/Monodiephallowreg.png"); } /**********************************************/ /******************* :roots *******************/ /**********************************************/
 * root {

--wikia-page-background-color: #050505;/*darkcolor*/ --wikia-old-button-top-color: #FF6625;/*lightred*/ --wikia-old-button-bottom-color: #F14800;/*darkred*/ --wikia-old-button-top-color-hover: #FF5811;/*midred*/ --wikia-old-button-bottom-color-hover: #DD4200;/*darkerred*/ --wikia-old-button-other-color: #845846;/*darkdarkred*/ --wikia-button-color: #FF8A58;/*lighterred*/ --accent-color: #8A2BE2;/*accent*/ --accent-color-light: #A66ADE;/*accentlight*/ --user-profile-color: #2D2D2D;/*blandgrey*/ --link-accent-color: #AE4ABA;/*accentvar */ --tabber-unselected-color: #6E2100;/*darkdarkdarkred*/ --footer-color: #371201;/*superdarkred*/ --wikia-button-text: #FFFFFF;/*monotone but not applies to all buttons*/ --header-gradient-color: 229, 87, 0;/*rgba but only rgb values*/ } /**********************************************/ /*************** Button Styling ***************/ /**********************************************/ .Wall ul.comments > li.message .wikia-button:not(.secondary), .Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary), a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="submit"]:not(.wds-button), 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: #FFFFFF !important; } .Wall ul.comments > li.message .wikia-button:not(.secondary):hover, .Wall#Wall > .new-message > .speech-bubble-message button:not(.secondary):hover, a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="submit"]:not(.wds-button):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: #FFFFFF !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: #FFFFFF !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: #FFFFFF; } .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); } .skin-oasis a .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a #custom-wds-squished, .WikiaRail .rail-module .wds-button.wds-is-secondary, .skin-oasis #custom-wds-2DoListTalk, .skin-oasis a #custom-wds-squished, .skin-oasis .WikiaSearch .side-articles-footer>a, .skin-oasis .WikiaSearch .exact-wiki-match>a, .WikiaRail .module .more, .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; } .skin-oasis .WikiaSearch .side-articles-footer>a:hover, .skin-oasis .WikiaSearch .exact-wiki-match>a:hover, .WikiaRail .module .more: hover, .skin-oasis .WikiaSearch .side-articles-footer>a:active, .skin-oasis .WikiaSearch .exact-wiki-match>a:active, .WikiaRail .module .more: active, .skin-oasis a .custom-wds-squished.wds-button.wds-is-squished:hover, .skin-oasis a #custom-wds-squished:hover, .skin-oasis a .custom-wds-squished.wds-button.wds-is-squished:active, .skin-oasis a #custom-wds-squished:active, .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: #FFFFFF; } .ChatWidget .wds-button { background-color: var(--wikia-old-button-bottom-color); border-color: var(--wikia-old-button-bottom-color); color: #FFFFFF; } .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: #FFFFFF; } .ChatWidget .wds-button.wds-is-text { background-color: transparent; color: #FFFFFF; } .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: #FFFFFF; } .WikiaPage .page-header .wds-button { background-color: var(--wikia-old-button-bottom-color); border-color: var(--wikia-old-button-bottom-color); color: #FFFFFF; } .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); } /**********************************************/ /**************** Other Styles ****************/ /**********************************************/ /*Activity Accent Bar*/ .activityfeed > li:hover, .WikiaBlogListing li.WikiaBlogListingPost:hover { background: rgba(255,255,255,0.1); border-left: var(--wikia-old-button-bottom-color) 5px solid; } /*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*/ .WikiaUserPagesHeader { background: transparent; } .UserProfileMasthead .masthead-info hgroup { border: 4px solid var(--accent-color); border-bottom: none; box-shadow: 0 1px 4px rgba(0,0,0,.3); 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; } /*Message Wall*/ .Forum#Forum > .ForumNewMessage > .message, .Wall#Wall > .new-message > .speech-bubble-message, .Wall#Wall ul.comments > li.message > .speech-bubble-message { background: var(--tabber-unselected-color); border: 4px solid var(--footer-color); } .Wall#Wall li.message-main > .speech-bubble-message:after, .Wall#Wall .new-message > .speech-bubble-message:after { border-color: var(--tabber-unselected-color) var(--tabber-unselected-color) transparent transparent; } /*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*/ .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a, .wds-dropdown__content .wds-list.wds-is-linked li:hover > a, .WikiaPage .page-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a, a { color: var(--link-accent-color); text-decoration: none !important; text-shadow: none !important; } /*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: var(--wikia-old-button-top-color) !important; border: 4px solid var(--wikia-old-button-bottom-color) !important; color: var(--wikia-button-text) !important; } /*Infobox Tabber Dark, dropdown background and sorting icons*/ .skin-oasis .portable-infobox.pi-theme-sixdiep-mode .pi-image-collection-tabs .current, .pi-europa .pi-image-collection-tabs .current, ul.pi-image-collection-tabs li.current, .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a, .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a, .category-gallery-form #category-exhibition-display-new.active div, .category-gallery-form #category-exhibition-display-old.active div, .skin-oasis .portable-infobox.pi-theme-sixdiep .pi-image-collection-tabs .current { background: var(--tabber-unselected-color) !important; } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a { background: rgba(0, 0, 0, 0.4); } .pi-europa .pi-smart-data-label:nth-child(even), .pi-europa .pi-smart-data-value:nth-child(even) { background: var(--tabber-unselected-color); background: rgba(0, 0, 0, 0.1); } /*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 !important; } /*Rail color background*/ .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.wikitable:not(.grey-table) > * > tr:first-child > th, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.article-table:not(.grey-table) > * > tr:first-child > th, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > td, .WikiaArticle table.WikiaTable:not(.grey-table) > * > tr:first-child > th, .pi-europa .pi-header, .pi-europa .pi-title, .portable-infobox:not(.pi-theme-blogbox) .pi-header.pi-item-spacing, .portable-infobox:not(.pi-theme-blogbox) .pi-title.pi-item-spacing, .skin-oasis .WikiaSearch .side-articles.RailModule .side-articles-header, .skin-oasis .WikiaSearch .exact-wiki-match .exact-wiki-match__header, .skin-oasis .WikiaRail .module > .blog-empty-user-blog .pseudo-h1, .skin-oasis .WikiaRail .RewardModule.rail-module h2, .skin-oasis .WikiaRail .chat-module.rail-module h2, .skin-oasis .WikiaRail .chat-module.rail-module h2, .skin-oasis .WikiaRail .CommunityCornerModule h2, .skin-oasis .WikiaRail .custom-cql#mwModule > h2, .skin-oasis .WikiaRail .rail-module > h2, .skin-oasis .WikiaRail #cql-module > h2, .skin-oasis #WikiaRail > .module > h2 { background: var(--wikia-old-button-top-color) !important; border: 4px solid var(--wikia-old-button-bottom-color) !important; border-bottom: none !important; color: var(--wikia-button-text) !important; } /*sorting pages(ListUsers)*/ .WikiaArticle fieldset { border-color: var(--wikia-old-button-top-color); } .paging_full_numbers span.paginate_active, .paging_full_numbers span.paginate_button:hover { background-color: var(--wikia-old-button-top-color) !important; } /*HEADING COLORS*/ h1, h2, h3, h4, h5, h1>a, h2>a, h3>a, h4>a, h5>a { color: var(--wikia-button-text) !important; }	color: inherit !important; } /*PUBLISH BUTTON*/ .wikia-menu-button-submit input[type=submit] { background: rgba(0, 0, 0, 0) !important; } /*Ease of access fixed*/ .wds-global-navigation__dropdown-content .wds-list.wds-is-linked>li:hover>a, .wds-global-navigation__dropdown-content .wds-list.wds-is-linked > li:hover > a { -webkit-background-clip: border-box !important; -webkit-text-fill-color: #000000 !important; background: none !important; } .wds-sign-out__button, .wds-sign-out__button:hover { background-color: transparent; color: #000000 !important; } /*Background Flicker*/ body.skin-oasis { background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; animation-name: halloween; animation-duration: 60s; animation-iteration-count: infinite; } @keyframes halloween { 0% {   background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; }   74.9% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; }   75% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/e/ee/Wiki-background-hallowdark.png") top left repeat; }   75.2% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; }   75.5% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/e/ee/Wiki-background-hallowdark.png") top left repeat; }   80% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; }   81% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; }   100% {    background: #1A1A1A url("https://vignette.wikia.nocookie.net/nobellion/images/d/d4/Wiki-background-hallowlight.png") top left repeat; } }/**/
 * 1) GlobalNavigationWallNotifications .notification h4 {