No edit summary |
(fix user dropdown arrow + adjust colors of nikki, .flow, someday, and tsushin for better contrast) |
||
(215 intermediate revisions by 7 users not shown) | |||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Cosmos skin */ | /* All CSS here will be loaded for users of the Cosmos skin */ | ||
/*Override sticky banner and toolbar*/ | |||
#cosmos-banner, #cosmos-toolbar { | #cosmos-banner, #cosmos-toolbar { | ||
position: static !important; | position: static !important | ||
} | |||
/* banner, header, and footer background color */ | |||
#cosmos-banner, .cosmos-header, #cosmos-footer { | |||
background-color: var(--cosmos-banner, #c0c0c0) | |||
} | |||
/*Banner*/ | |||
#cosmos-banner-content { | |||
width: 89%; | |||
margin: 0 auto | |||
} | |||
@media only screen and (min-width: 1596px) { | |||
#cosmos-banner-content { | |||
width: 1650px; | |||
max-width: 95% | |||
} | |||
} | |||
/*Search placeholder text*/ | |||
#searchInput::placeholder, | |||
.wvui-input__input::placeholder { | |||
color: #000000a0 | |||
} | |||
/* Mobile menu button */ | |||
@media screen and (max-width: 850px) { | |||
.wds-tabs { | |||
z-index: 998; | |||
top: 55px; | |||
width: 80% | |||
} | |||
} | |||
/* article counter, username, and mobile menu button color */ | |||
.cosmos-header .cosmos-header__counter, | |||
.cosmos-userButton-label, | |||
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label, | |||
.cosmos-button-primary.cosmos-button.cosmos-mobile-menu-button { | |||
color: var(--header-link-text,#000000) | |||
} | |||
#cosmos-userButton-avatar, #cosmos-userButton-icon { | |||
stroke: var(--header-link-text, #000000) | |||
} | |||
#cosmos-userButton-icon { | |||
fill: var(--header-link-text, #000000) | |||
} | |||
.cosmos-dropdown-icon.cosmos-bannerOption-dropdownIcon svg { | |||
fill:var(--header-link-text,#000000); | |||
} | |||
/* header link color */ | |||
@media screen { | |||
.cosmos-header .cosmos-header__sitename a { | |||
color: var(--header-link-text, #000000) | |||
} | |||
} | |||
/* header tabber text colors */ | |||
.cosmos-header .wds-tabs .wds-tabs__tab-label, | |||
.cosmos-header .wds-tabs .wds-tabs__tab-label a, | |||
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a { | |||
color: var(--header-link-text, #000000) | |||
} | } | ||
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a { | |||
opacity: 0.8 | |||
} | |||
/*Tab colors*/ | |||
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button), | |||
.cosmos-dropdown-list > ul > a:only-child:hover, | |||
.cosmos-dropdown-list > ul > li > a:only-child:hover, | |||
.cosmos-dropdown-list > li > a:only-child:hover, | |||
#cosmos-actionsList-list a:not(.new):hover, | |||
.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { | |||
background-color: rgb(from var(--link-text-hover, rgb(0 108 176)) r g b / calc(alpha - 0.9)); | |||
color: var(--link-text-hover, #0645ad) | |||
} | |||
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li > a:not(.wds-button), | |||
.cosmos-dropdown-list > ul > a:only-child, | |||
.cosmos-dropdown-list > ul > li > a:only-child, | |||
.cosmos-dropdown-list > li > a:only-child, | |||
.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) { | |||
color: var(--link-text, #3a3a3a) | |||
} | |||
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label, | |||
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label > a { | |||
opacity: 1.0 | |||
} | |||
.wds-tabs__tab-label { | |||
border-bottom-color: var(--box-border, var(--box-background, rgb(160 160 160 / 0.2))) | |||
} | |||
.cosmos-header .wds-dropdown__content, | |||
.cosmos-dropdown-list, | |||
#cosmos-actionsList-list { | |||
background-color: var(--box-background, var(--content-background, #fff)); | |||
border-color: var(--box-border, #00000030); | |||
box-shadow: 0 8px 16px 0 rgba(0 0 0 / 0.2); | |||
} | |||
/*dropdown arrow*/ | |||
.cosmos-header .wds-dropdown:after { | |||
border-bottom-color: var(--box-background, var(--content-background, #fff)) | |||
} | |||
/*Mobile menu colors*/ | |||
@media screen and (max-width: 850px) { | |||
.wds-tabs__tab-label span { | |||
color: var(--link-text, #3a3a3a) | |||
} | |||
.wds-tabs { | |||
background-color: var(--box-background, var(--content-background, #fff)); | |||
border-color: var(--box-border, #00000030); | |||
box-shadow: 0 8px 16px 0 rgb(0 0 0 / 0.2) | |||
} | |||
} | |||
/*bold dropdown*/ | |||
.wds-list.wds-is-linked a { | |||
font-weight: bold | |||
} | |||
/* remove gradient from header */ | |||
.cosmos-header:before { | |||
background: none | |||
} | |||
/*Secondary buttons style*/ | |||
.cosmos-header .wds-button.wds-is-secondary, | |||
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { | |||
border-color: var(--header-link-text, #fff); | |||
color: var(--header-link-text, #fff) | |||
} | |||
.cosmos-header .wds-button.wds-is-secondary:hover, | |||
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button:hover { | |||
border-color: rgb(from var(--header-link-text, #fff) r g b / calc(alpha - 0.2)) | |||
} | |||
/*Footer*/ | |||
/* footer text colors */ | |||
.cosmos-footerLinks-list { | |||
color: var(--footer-text, var(--header-link-text, #666666)) | |||
} | |||
/* footer link color */ | |||
#cosmos-footer a { | |||
color: var(--header-link-text, #000000) | |||
} | |||
/*Toolbar*/ | |||
#cosmos-toolbar { | #cosmos-toolbar { | ||
box-shadow: none | box-shadow: none; | ||
max-width: 100%; | |||
margin: auto; | |||
float: none | |||
} | |||
/*Primary button (Edit button)*/ | |||
.cosmos-button-primary { | |||
color: var(--button-text, #000000); | |||
stroke: var(--button-text, #000000); | |||
background-color: var(--button-color, #00000040); | |||
} | |||
.cosmos-dropdown-icon svg { | |||
fill: var(--button-text, #000000) | |||
} | |||
/*Red discussion button if new*/ | |||
.cosmos-button.new { | |||
color:#dd3333; | |||
stroke:#dd3333 | |||
} | |||
/*Discussion button border*/ | |||
.cosmos-button.cosmos-button-secondary:hover { | |||
border-color: var(--box-border, #000000) | |||
} | |||
/*Inputbox button*/ | |||
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button, | |||
.mw-inputbox-createbox:required ~ .mw-ui-button, | |||
.mw-inputbox-createbox:required ~ .mw-ui-button:hover { | |||
background-color:var(--button-color, #00000040); | |||
border-color:var(--button-color, #00000040); | |||
cursor:default; | |||
color:#000000 | |||
} | |||
.mw-inputbox-createbox:required ~ .mw-ui-button:hover { | |||
filter: brightness(110%) | |||
} | |||
/*General content*/ | |||
body #mw-content-container { | |||
padding-top: 0 | |||
} | |||
#mw-content-wrapper { | |||
width: 90%; | |||
padding: 0 20px | |||
} | } | ||
#mw-indicator-smw-entity-examiner { | #mw-indicator-smw-entity-examiner { | ||
display: none; | display: none | ||
} | |||
element.style { | |||
width: 141px | |||
} | |||
li.gallerybox div.thumb { | |||
background: none !important | |||
} | |||
/* article background color */ | |||
#mw-content { | |||
background-color: var(--content-background, #ffffff) | |||
} | |||
/* link color */ | |||
#mw-content a:not(.new) { | |||
color: var(--link-text, #0645ad) | |||
} | |||
/* link hover color */ | |||
#mw-content a:not(.new):hover { | |||
color: var(--link-text-hover, #04307a) | |||
} | |||
/*Table of contents customization*/ | |||
@media screen { | |||
.skin-cosmos .toc { | |||
background-color: var(--box-background, #00000006); | |||
border: 1px solid var(--box-border, #00000030) | |||
} | |||
} | } | ||
. | .toc .tocnumber { | ||
font-weight: bold; | |||
} | } | ||
/*No border between toc caption and list*/ | |||
#mw-content .toc > ul { | |||
border-top: solid 0px | |||
} | } | ||
/*Section header*/ | |||
#mw-content h2 { | |||
font-weight: 500; | |||
padding: 3px 0; | |||
/*h2 underline, manual ns-specific styles will still override*/ | |||
border-bottom-color: var(--box-border, var(--box-background, rgb(0 0 0 / 0.2))) | |||
} | } | ||
. | /*Image thumbs*/ | ||
div.thumbinner { | |||
background-color: var(--box-background, #00000006) | |||
} | } | ||
.thumbimage, | |||
div.thumbinner .thumbcaption { | |||
border-color: var(--box-border, #00000030) | |||
} | |||
/*Infoboxes e.g. Locationbox*/ | |||
.infobox { | |||
background-color: var(--box-background, #00000006); | |||
border: 1px solid var(--box-border, #00000030) | |||
} | |||
/*wikitable*/ | |||
body .wikitable:not([style*="background-color"]) > * > tr > th, | |||
body .wikitable:not([style*="background-color"]) > * > tr > td { | |||
border-color:var(--box-border,#00000030); | |||
background-color:var(--box-background,var(--content-background, #fff)) | |||
} | |||
body .wikitable:not([style*="background-color"]) > * > tr > th { | |||
filter: brightness(0.85) saturate(1.5) | |||
} | |||
/*Category ribbon from bottom of page*/ | |||
#catlinks { | |||
background-color: var(--box-background, #00000006); | |||
border: 1px solid var(--box-border, #00000030) | |||
} | |||
/*SMW factbox*/ | |||
.smw-factbox .smwfact, | |||
.smwfact .smw-table-row:nth-child(2n), | |||
.smw-factbox input.nav-tab:checked + label.nav-label { | |||
background-color: var(--box-background, #00000006) | |||
} | |||
.smwfact .smw-table-row:nth-child(2n+1) { | |||
background-color: #00000010 | |||
} | |||
.smw-factbox input.nav-tab:checked + label.nav-label { | |||
border-color: var(--box-border, #00000030); | |||
border-bottom: none; | |||
border-top-color: var(--cosmos-banner, orange) | |||
} | |||
.smw-factbox section { | |||
border-color: var(--box-border, #00000030) | |||
} | |||
span.smwsearch a, | |||
span.smwbrowse a { | |||
filter: brightness(60%) | |||
} | |||
/*edit window*/ | |||
.editOptions { | |||
border-color: var(--box-border, #c8ccd1); | |||
} | |||
/* [START] NS3000-3001: Yume Nikki */ | |||
.ns-3000, .ns-3001 { | |||
--cosmos-banner: #67333f; | |||
--link-text: #912235; | |||
--link-text-hover: #C97D8A; | |||
--header-link-text: #ffffff; | |||
--button-color: #b06d7e; | |||
--footer-text: #b393a3; | |||
--content-background: #e5cdd3; | |||
--box-background: #DEB3BD; | |||
--box-border: #B06D7E; | |||
background-color: #33191f | |||
} | |||
/*Section header*/ | |||
.ns-3000 #mw-content h2 { | |||
border-bottom: 1px solid #b393a3 | |||
} | |||
/* [END] NS3000-3001: Yume Nikki */ | |||
/* [START] NS3002-3003: Yume 2kki */ | |||
.ns-3002, .ns-3003 { | |||
--cosmos-banner: #362c3c; | |||
--link-text: #7f2d3d; | |||
--link-text-hover: #331218; | |||
--header-link-text: #ffffff; | |||
--button-color: #a492af; | |||
--footer-text: #c1afc4; | |||
--content-background: #dfdbc3; | |||
--box-background: #d7d3bc; | |||
--box-border: #b6b3a1; | |||
background-image: linear-gradient(180deg, transparent 10%, #241d28 60%), url(/resources/assets/2kki-bg-image.png) | |||
} | |||
/*Computer Table*/ | |||
.ns-3002 .computer-table { | |||
width: 100%; | |||
color: #EFEBEF; | |||
font-weight: bold; | |||
text-shadow: 2px 2px #2B332B; | |||
border: solid #949294 4px; | |||
border-collapse: collapse; | |||
border-top-color: #BDBAB5; | |||
border-left-color: #BDBAB5; | |||
} | |||
.ns-3002 .computer-table tbody { | |||
background: url(https://yume.wiki/images/6/69/Computer-background.png) repeat top left; | |||
background-size: auto; | |||
} | |||
.ns-3002 .computer-table th { | |||
height: 20px; | |||
padding: 0 2px; | |||
text-align: center; | |||
background: #523052 url(https://yume.wiki/images/f/f8/Computer-cross.png) no-repeat right center; | |||
background-size: auto; | |||
border: solid #BDBAB5 4px; | |||
border-bottom-color: #949294; | |||
border-right-color: #949294; | |||
} | |||
.ns-3002 .pchl { | |||
color: #FFFF6B; | |||
} | |||
/*Effectbox*/ | |||
.ns-3002 .portable-infobox.pi-background { | |||
background-color: #D7D3BC; | |||
border: solid #A9A692 1px; | |||
} | |||
.ns-3002 .portable-infobox .pi-title { | |||
background-color: #43353a; | |||
color: #a28da5; | |||
text-align: center; | |||
font-weight: bold !important; | |||
font-size: 22px !important; | |||
} | |||
.ns-3002 .portable-infobox .pi-header { | |||
font-weight: bold !important; | |||
font-size: 16px !important; | |||
background-color: #43353a; | |||
color: #a28da5; | |||
} | |||
.ns-3002 .pi-data-value { | |||
min-width: 50%; | |||
} | |||
.ns-3002 .portable-infobox .pi-data { | |||
border-bottom: 1px #A9A692 solid; | |||
} | |||
/* [END] NS3002-3003: Yume 2kki */ | |||
/* [START] NS3004-3005: .flow */ | |||
.ns-3004, .ns-3005 { | |||
--cosmos-banner: #787878; | |||
--link-text: #83251b; | |||
--link-text-hover: #c2766d; | |||
--header-link-text: #000; | |||
--button-color: #a1a1a1; | |||
--footer-text: #ffffff; | |||
--content-background: #b9b9b9; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background-color: #1f0909; | |||
} | |||
/* [END] NS3004-3005: .flow */ | |||
/* [START] NS3006-3007: Someday */ | |||
.ns-3006, .ns-3007 { | |||
--cosmos-banner: #387c5e; | |||
--link-text: #1b8941; | |||
--link-text-hover: #7db19b; | |||
--header-link-text: #defff2; | |||
--header-link-text-hover: #bbfcfc; | |||
--button-color: #77caa2; | |||
--footer-text: #002618; | |||
--content-background: #c6e3d7; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background: url(/resources/assets/someday-bg-image.png); | |||
} | |||
/* [END] NS3006-3007: Someday */ | |||
/* [START] NS3008-3009: Deep Dreams */ | |||
.ns-3008, .ns-3009 { | |||
--cosmos-banner: #271a2a; | |||
--link-text: #950F70; | |||
--link-text-hover: #DD17A7; | |||
--header-link-text: #e3c9db; | |||
--button-color: #bca0b4; | |||
--footer-text: #d3dfe1; | |||
--content-background: #D9D5DD; | |||
--box-background: #B6ADBC; | |||
--box-border: #A69AAD; | |||
background-color: #704b6f; | |||
} | |||
/* [END] NS3008-3009: Deep Dreams */ | |||
/* [START] NS3010-3011: Answered Prayers */ | |||
.ns-3010, .ns-3011 { | |||
--cosmos-banner: #228524; | |||
--link-text: #3c7348; | |||
--link-text-hover: #639d84; | |||
--header-link-text: #c2ff2b; | |||
--button-color: #228524; | |||
--footer-text: #94fd96; | |||
--content-background: #92c27b; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background-image: linear-gradient(180deg, transparent 10%, #001000 60%), url(/resources/assets/ap-bg-image.png); | |||
} | |||
/* [END] NS3010-3011: Answered Prayers */ | |||
/* [START] NS3012-3013: Amillusion */ | |||
.ns-3012, .ns-3013 { | |||
--cosmos-banner: #564228; | |||
--link-text: #585105; | |||
--link-text-hover: #aca015; | |||
--header-link-text: #cbc051; | |||
--button-color: #cbc051; | |||
--footer-text: #aca015; | |||
--content-background: #f2c49f; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background-color: #815721; | |||
} | |||
/* [END] NS3012-3013: Amillusion */ | |||
/* [START] NS3014-3015: Uneven Dream */ | |||
.ns-3014, .ns-3015 { | .ns-3014, .ns-3015 { | ||
--cosmos-banner: #a47ca9; | |||
--link-text: #6f027c; | |||
--link-text-hover: #150017; | |||
--header-link-text: #351346; | |||
--button-color: #6f027c; | |||
--button-text: #ffffff; | |||
--footer-text: #000000; | |||
--content-background: #ffffff; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png); | background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png); | ||
} | |||
/*[END] NS3014-3015: Uneven Dream */ | |||
/*[START] NS3016-3017: Braingirl */ | |||
.ns-3016, .ns-3017 { | |||
--cosmos-banner: #ce9b8f; | |||
--link-text: #068959; | |||
--link-text-hover: #012719; | |||
--header-link-text: #6c4014; | |||
--button-color: #00dc9a; | |||
--footer-text: #000000; | |||
--content-background: #fff7e9; | |||
--box-background: #e4e5df; | |||
--box-border: #c0c1bd; | |||
background: #180c29; | |||
} | |||
/*[END] NS3014-3015: Braingirl */ | |||
/*[START] NS3018-3019: Collective Unconscious */ | |||
.ns-3018, .ns-3019 { | |||
--cosmos-banner: #1f4a7d; | |||
--link-text: #25378D; | |||
--link-text-hover: #268ECC; | |||
--header-link-text: #ffffff; | |||
--button-color: #66a0c3; | |||
--footer-text: #d3dfe1; | |||
--content-background: #CDE7F5; | |||
--box-background: #8CBDD7; | |||
--box-border: #62A4C8; | |||
background-color: #0e091f; | |||
} | |||
/*[END] NS3018-3019: Collective Unconscious */ | |||
/*[START] NS3018-3019: Cerasus */ | |||
.ns-3020, .ns-3021 { | |||
--cosmos-banner: #ac2847; | |||
--link-text: #fa6e79; | |||
--link-text-hover: #ff0000; | |||
--header-link-text: #ffffff; | |||
--button-color: #FF7580; | |||
--footer-text: #000000; | |||
--content-background: #ffd1d5; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background-image: linear-gradient(180deg, rgba(44,30,49,0.5) 0%, rgba(44,30,49,1) 100%), url(https://yume.wiki/images/f/f3/C_Background_Pattern.png); | |||
} | |||
/* adds drop shadow to article, changes padding of mw-content-wrapper so the drop shadow is properly placed */ | |||
.ns-3020 #mw-content-wrapper, .ns-3021 #mw-content-wrapper { | |||
box-shadow: -5px 5px 10px 10px #00000050; | |||
padding: 0; | |||
} | |||
/* header and footer rounding */ | |||
.ns-3020 .cosmos-header, .ns-3021 .cosmos-header { | |||
border-radius: 5px 5px 0px 0px; | |||
} | |||
.ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer { | |||
border-radius: 0px 0px 5px 5px; | |||
} | |||
/* changes footer toolbar color (THIS WILL NOT BE VISIBLE) */ | |||
.ns-3020 #cosmos-toolbar, .ns-3021 #cosmos-toolbar { | |||
background-color: #ac2847; | |||
background-image: none; | |||
} | |||
*/ | |||
.ns-3020 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3021 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a { | |||
color: #ffffff95; | |||
} | |||
/* changes h1 & h2 bottom border colors */ | |||
.ns-3020 h1, .ns-3021 h1, .ns-3020 h2, .ns-3021 h2 { | |||
border-bottom: solid 1px #00000080; | |||
} | |||
/* changes the color of the dividers on the footer */ | |||
.ns-3020 #footer-places > li:not(:first-child)::before, .ns-3020 #footer-places > li:not(:first-child)::before { | |||
color: #000000; | |||
} | |||
/* changes the color of the border around an image with a caption */ | |||
.ns-3020 li.gallerybox div.thumb { | |||
border: 1px solid #00000080; | |||
} | |||
/*[END] NS3021-3021: Cerasus Wiki */ | |||
/* [START] NS3022-3023: Muma|Rope */ | |||
.ns-3022, .ns-3023 { | |||
--cosmos-banner: #101010; | |||
--link-text: #ff14c0; | |||
--link-text-hover: #ff14c080; | |||
--header-link-text: #ff14c0; | |||
--button-color: #ffffff; | |||
--footer-text: #666666; | |||
--box-background: #000000; | |||
--box-border: #ffffff; | |||
/* Background color + calculated accessible text color */ | |||
--bg-red: 0; | |||
--bg-green: 0; | |||
--bg-blue: 0; | |||
--content-background: rgb(var(--bg-red), var(--bg-green), var(--bg-blue)); | |||
--accessible-color: calc(((((var(--bg-red) * 299) + (var(--bg-blue) * 587) + (var(--bg-green) * 114)) / 1000) - 128) * -1000); | |||
background-color: #1a1a1a; | |||
} | |||
/*Text color override*/ | |||
.ns-3022 .editOptions, .ns-3023 .editOptions, | |||
.ns-3022 .diff-context, .ns-3023 .diff-context, | |||
.ns-3022 .toc .tocnumber, .ns-3023 .toc .tocnumber, | |||
.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary, | |||
.ns-3022 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label, .ns-3023 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label, | |||
.ns-3022 .smw-factbox .smwfact, .ns-3023 .smw-factbox .smwfact, | |||
.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label, .ns-3023 .smw-factbox input.nav-tab:checked + label.nav-label, | |||
.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3023 .ve-init-mw-desktopArticleTarget-originalContent, | |||
.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3023 .ve-init-mw-desktopArticleTarget-originalContent, | |||
.ns-3022 .ve-ce-focusableNode-highlight, .ns-3023 .ve-ce-focusableNode-highlight, | |||
.ns-3022 .ve-ce-focusableNode-highlight, .ns-3023 .ve-ce-focusableNode-highlight, | |||
.ns-3022 #mw-content #mw-content-text, .ns-3023 #mw-content #mw-content-text, | |||
.ns-3022 #mw-content-text, .ns-3023 #mw-content-text, | |||
.ns-3022 #mw-content-text .thumbcaption, .ns-3023 #mw-content-text .thumbcaption, | |||
.ns-3022 #cosmos-title-text, .ns-3023 #cosmos-title-text, | |||
.ns-3022 #mw-content-text .mw-editsection-bracket, .ns-3023 #mw-content-text .mw-editsection-bracket, | |||
.ns-3022 #mw-content-text .mw-editsection-divider, .ns-3023 #mw-content-text .mw-editsection-divider, | |||
.ns-3022 h1, .ns-3022 h2, .ns-3022 h3, .ns-3022 h4, .ns-3022 h5, .ns-3022 h6, .ns-3023 h1, .ns-3023 h2, .ns-3023 h3, .ns-3023 h4, .ns-3023 h5, .ns-3023 h6, | |||
.ns-3022 .page-header__categories, .ns-3023 .page-header__categories, | |||
.ns-3022 .skin-cosmos .toc .tocnumber, .ns-3023 .skin-cosmos .toc .tocnumber, | |||
.ns-3022 #stub span, .ns-3023 #stub span, | |||
.ns-3022 .wikitable > * > tr > td, .ns-3023 .wikitable > * > tr > td, | |||
.ns-3022 .wikitable > * > tr > th, .ns-3023 .wikitable > * > tr > th, | |||
.ns-3022 #catlinks, .ns-3023 #catlinks { | |||
color: #ffffff; | |||
} | |||
.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary { | |||
stroke: #ffffff; | |||
} | |||
.ns-3022 #cosmos-toolbar a,.ns-3023 #cosmos-toolbar a { | |||
color: var(--header-link-text); | |||
} | |||
.ns-3022 #mw-content-text .thumbcaption, | |||
.ns-3022 .smw-factbox .smwfact, | |||
.ns-3022 .smwfact .smw-table-row, | |||
.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label, | |||
.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent, | |||
.ns-3023 .ve-init-mw-desktopArticleTarget-originalContent, | |||
.ns-3022 .ve-ce-focusableNode-highlight, | |||
.ns-3023 .ve-ce-focusableNode-highlight { | |||
background-color: #000000; | |||
} | } | ||
.ns- | .ns-3022 span.smwsearch a, | ||
.ns-3022 span.smwbrowse a { | |||
filter: none; | |||
} | } | ||
.ns- | .ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label { | ||
color: | border-top-color: var(--link-text) | ||
} | } | ||
.ns- | /* [END] NS3022-3023: Muma|Rope Wiki */ | ||
/* [START] NS3024-3025: YNOproject Wiki */ | |||
/* [END] NS3024-3025: YNOproject Wiki */ | |||
/* [START] NS3026-3027: Dream Genie Wiki */ | |||
.ns-3026, .ns-3027 { | |||
--cosmos-banner: #77503b; | |||
--link-text: #915732; | |||
--link-text-hover: #d8b749; | |||
--header-link-text: #d6b6b5; | |||
--button-color: #cdb48c; | |||
--footer-text: #d8b749; | |||
--content-background: #fdfef6; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background: linear-gradient(180deg, #00000000 20%, #43332a 100%), url(/resources/assets/genie-bg-image.png); | |||
} | } | ||
/* [END] NS3026-3027: Dream Genie Wiki */ | |||
.ns- | /* [START] NS3028-3029: Mikan Muzou Wiki */ | ||
background: # | .ns-3028, .ns-3029 { | ||
--cosmos-banner: #323434; | |||
--link-text: #863931; | |||
--link-text-hover: #C76C63; | |||
--header-link-text: #ffffff; | |||
--button-color: #8c949b; | |||
--footer-text: #7c8689; | |||
--content-background: #DADCDE; | |||
--box-background: #B4B5B6; | |||
--box-border: #888888; | |||
background-color: #1f2121; | |||
} | |||
/* [END] NS3028-3029: Mikan Muzou Wiki */ | |||
/* [START] NS3030-3031: Ultra Violet Wiki */ | |||
.ns-3030, .ns-3031 { | |||
--cosmos-banner: #a979b3; | |||
--link-text: #7248cb; | |||
--link-text-hover: #866ed6; | |||
--header-link-text: #4c2288; | |||
--button-color: #c396d1; | |||
--footer-text: #000000; | |||
--content-background: #eadbed; | |||
/*--box-background: #FFFFFF; | |||
--box-border: #CCCCCC;*/ | |||
background: linear-gradient(180deg, #ffffff60 20%, #c8a5cf 100%), url(/resources/assets/uv-bg-image.png); | |||
} | |||
/* [END] NS3030-3031: Ultra Violet Wiki */ | |||
/* [START] NS3032-3033: She Awaits Wiki */ | |||
.ns-3032, .ns-3033 { | |||
--cosmos-banner: #797cd9; | |||
--link-text: #060da1; | |||
--link-text-hover: #515392; | |||
--header-link-text: #f3ddd3; | |||
--button-color: #d0d1f9; | |||
--footer-text: #ffffff; | |||
--content-background: #b3b6f6; | |||
--box-background: #9fa3f4; | |||
--box-border: #7278ca; | |||
background-color: #6a70c7; | |||
} | } | ||
/* [END] NS3032-3033: She Awaits Wiki */ | |||
/* [START] NS3034-3035: Oversomnia Wiki */ | |||
.ns-3034, .ns-3035 { | |||
--cosmos-banner: #82574e; | |||
--link-text: #713f18; | |||
--link-text-hover: #775952; | |||
--header-link-text: #ffffff; | |||
--button-color: #bb8376; | |||
--footer-text: #ffe7ad; | |||
--content-background: #ffe7ad; | |||
--box-background: #edcbaf; | |||
--box-border: #99695f; | |||
background-color: #000000; | |||
} | |||
/* [END] NS3034-3035: Oversomnia Wiki */ | |||
/* [START] NS3036-3037: Yume Tagai Wiki */ | |||
.ns-3036, ns-3037 { | |||
--cosmos-banner: #d71c67; | |||
--link-text: #d00c96; | |||
--link-text-hover: #f76ece; | |||
--header-link-text: #ffffff; | |||
--button-color: #ea6198; | |||
--footer-text: #f3a5c4; | |||
--content-background: #FFDDE1; | |||
--box-background: #fbdaeb; | |||
--box-border: #ca72ad; | |||
background-color: #8A0028; | |||
} | } | ||
/* [END] NS3036-3037: Yume Tagai Wiki */ | |||
/* [START] NS3038-3039: Yume Tsushin Wiki */ | |||
background: | .ns-3038, ns-3039 { | ||
--cosmos-banner: #6b716b; | |||
--link-text: #514592; | |||
--link-text-hover: #887ACB; | |||
--header-link-text: #ffffff; | |||
--button-color: #515B79; | |||
--footer-text: #6CC9D9; | |||
--box-background: #d6d6da; | |||
--box-border: #7e7d78; | |||
--content-background: #EEE; | |||
} | } | ||
. | /* [END] NS3038-3039: Yume Tsushin Wiki */ | ||
/* [START] NS3040-3041: nostAlgic Wiki */ | |||
.ns-3040, .ns-3041 { | |||
--cosmos-banner: #5959b7; | |||
--link-text: #4646b6; | |||
--link-text-hover: #eeeeff; | |||
--header-link-text: #ffffff; | |||
--button-color: #FCFF75; | |||
--footer-text: #d3dfe1; | |||
--content-background: #b2f1ce; | |||
--box-background: #93ebbb; | |||
--box-border: #7e7d78; | |||
background-color: #4ee19e; | |||
} | } | ||
. | /* [END] NS3040-3041: nostAlgic Wiki */ | ||
/* [START] NS3042-3043: If Wiki */ | |||
.ns-3042, .ns-3043 { | |||
--cosmos-banner: #4d004c; | |||
--link-text: #ff00ff; | |||
--link-text-hover: #521852; | |||
--header-link-text: #ffffff; | |||
--button-color: #ff82ff; | |||
--footer-text: #d3dfe1; | |||
--content-background: #ffe5ff; | |||
--box-background: #f4d7f4; | |||
--box-border: #660066; | |||
background-color: #210021; | |||
} | } | ||
/* [END] NS3042-3043: If Wiki */ |
Latest revision as of 04:36, 12 November 2024
/* All CSS here will be loaded for users of the Cosmos skin */
/*Override sticky banner and toolbar*/
#cosmos-banner, #cosmos-toolbar {
position: static !important
}
/* banner, header, and footer background color */
#cosmos-banner, .cosmos-header, #cosmos-footer {
background-color: var(--cosmos-banner, #c0c0c0)
}
/*Banner*/
#cosmos-banner-content {
width: 89%;
margin: 0 auto
}
@media only screen and (min-width: 1596px) {
#cosmos-banner-content {
width: 1650px;
max-width: 95%
}
}
/*Search placeholder text*/
#searchInput::placeholder,
.wvui-input__input::placeholder {
color: #000000a0
}
/* Mobile menu button */
@media screen and (max-width: 850px) {
.wds-tabs {
z-index: 998;
top: 55px;
width: 80%
}
}
/* article counter, username, and mobile menu button color */
.cosmos-header .cosmos-header__counter,
.cosmos-userButton-label,
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label,
.cosmos-button-primary.cosmos-button.cosmos-mobile-menu-button {
color: var(--header-link-text,#000000)
}
#cosmos-userButton-avatar, #cosmos-userButton-icon {
stroke: var(--header-link-text, #000000)
}
#cosmos-userButton-icon {
fill: var(--header-link-text, #000000)
}
.cosmos-dropdown-icon.cosmos-bannerOption-dropdownIcon svg {
fill:var(--header-link-text,#000000);
}
/* header link color */
@media screen {
.cosmos-header .cosmos-header__sitename a {
color: var(--header-link-text, #000000)
}
}
/* header tabber text colors */
.cosmos-header .wds-tabs .wds-tabs__tab-label,
.cosmos-header .wds-tabs .wds-tabs__tab-label a,
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
color: var(--header-link-text, #000000)
}
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
opacity: 0.8
}
/*Tab colors*/
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button),
.cosmos-dropdown-list > ul > a:only-child:hover,
.cosmos-dropdown-list > ul > li > a:only-child:hover,
.cosmos-dropdown-list > li > a:only-child:hover,
#cosmos-actionsList-list a:not(.new):hover,
.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) {
background-color: rgb(from var(--link-text-hover, rgb(0 108 176)) r g b / calc(alpha - 0.9));
color: var(--link-text-hover, #0645ad)
}
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li > a:not(.wds-button),
.cosmos-dropdown-list > ul > a:only-child,
.cosmos-dropdown-list > ul > li > a:only-child,
.cosmos-dropdown-list > li > a:only-child,
.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
color: var(--link-text, #3a3a3a)
}
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label,
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label > a {
opacity: 1.0
}
.wds-tabs__tab-label {
border-bottom-color: var(--box-border, var(--box-background, rgb(160 160 160 / 0.2)))
}
.cosmos-header .wds-dropdown__content,
.cosmos-dropdown-list,
#cosmos-actionsList-list {
background-color: var(--box-background, var(--content-background, #fff));
border-color: var(--box-border, #00000030);
box-shadow: 0 8px 16px 0 rgba(0 0 0 / 0.2);
}
/*dropdown arrow*/
.cosmos-header .wds-dropdown:after {
border-bottom-color: var(--box-background, var(--content-background, #fff))
}
/*Mobile menu colors*/
@media screen and (max-width: 850px) {
.wds-tabs__tab-label span {
color: var(--link-text, #3a3a3a)
}
.wds-tabs {
background-color: var(--box-background, var(--content-background, #fff));
border-color: var(--box-border, #00000030);
box-shadow: 0 8px 16px 0 rgb(0 0 0 / 0.2)
}
}
/*bold dropdown*/
.wds-list.wds-is-linked a {
font-weight: bold
}
/* remove gradient from header */
.cosmos-header:before {
background: none
}
/*Secondary buttons style*/
.cosmos-header .wds-button.wds-is-secondary,
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
border-color: var(--header-link-text, #fff);
color: var(--header-link-text, #fff)
}
.cosmos-header .wds-button.wds-is-secondary:hover,
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button:hover {
border-color: rgb(from var(--header-link-text, #fff) r g b / calc(alpha - 0.2))
}
/*Footer*/
/* footer text colors */
.cosmos-footerLinks-list {
color: var(--footer-text, var(--header-link-text, #666666))
}
/* footer link color */
#cosmos-footer a {
color: var(--header-link-text, #000000)
}
/*Toolbar*/
#cosmos-toolbar {
box-shadow: none;
max-width: 100%;
margin: auto;
float: none
}
/*Primary button (Edit button)*/
.cosmos-button-primary {
color: var(--button-text, #000000);
stroke: var(--button-text, #000000);
background-color: var(--button-color, #00000040);
}
.cosmos-dropdown-icon svg {
fill: var(--button-text, #000000)
}
/*Red discussion button if new*/
.cosmos-button.new {
color:#dd3333;
stroke:#dd3333
}
/*Discussion button border*/
.cosmos-button.cosmos-button-secondary:hover {
border-color: var(--box-border, #000000)
}
/*Inputbox button*/
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.mw-inputbox-createbox:required ~ .mw-ui-button,
.mw-inputbox-createbox:required ~ .mw-ui-button:hover {
background-color:var(--button-color, #00000040);
border-color:var(--button-color, #00000040);
cursor:default;
color:#000000
}
.mw-inputbox-createbox:required ~ .mw-ui-button:hover {
filter: brightness(110%)
}
/*General content*/
body #mw-content-container {
padding-top: 0
}
#mw-content-wrapper {
width: 90%;
padding: 0 20px
}
#mw-indicator-smw-entity-examiner {
display: none
}
element.style {
width: 141px
}
li.gallerybox div.thumb {
background: none !important
}
/* article background color */
#mw-content {
background-color: var(--content-background, #ffffff)
}
/* link color */
#mw-content a:not(.new) {
color: var(--link-text, #0645ad)
}
/* link hover color */
#mw-content a:not(.new):hover {
color: var(--link-text-hover, #04307a)
}
/*Table of contents customization*/
@media screen {
.skin-cosmos .toc {
background-color: var(--box-background, #00000006);
border: 1px solid var(--box-border, #00000030)
}
}
.toc .tocnumber {
font-weight: bold;
}
/*No border between toc caption and list*/
#mw-content .toc > ul {
border-top: solid 0px
}
/*Section header*/
#mw-content h2 {
font-weight: 500;
padding: 3px 0;
/*h2 underline, manual ns-specific styles will still override*/
border-bottom-color: var(--box-border, var(--box-background, rgb(0 0 0 / 0.2)))
}
/*Image thumbs*/
div.thumbinner {
background-color: var(--box-background, #00000006)
}
.thumbimage,
div.thumbinner .thumbcaption {
border-color: var(--box-border, #00000030)
}
/*Infoboxes e.g. Locationbox*/
.infobox {
background-color: var(--box-background, #00000006);
border: 1px solid var(--box-border, #00000030)
}
/*wikitable*/
body .wikitable:not([style*="background-color"]) > * > tr > th,
body .wikitable:not([style*="background-color"]) > * > tr > td {
border-color:var(--box-border,#00000030);
background-color:var(--box-background,var(--content-background, #fff))
}
body .wikitable:not([style*="background-color"]) > * > tr > th {
filter: brightness(0.85) saturate(1.5)
}
/*Category ribbon from bottom of page*/
#catlinks {
background-color: var(--box-background, #00000006);
border: 1px solid var(--box-border, #00000030)
}
/*SMW factbox*/
.smw-factbox .smwfact,
.smwfact .smw-table-row:nth-child(2n),
.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: var(--box-background, #00000006)
}
.smwfact .smw-table-row:nth-child(2n+1) {
background-color: #00000010
}
.smw-factbox input.nav-tab:checked + label.nav-label {
border-color: var(--box-border, #00000030);
border-bottom: none;
border-top-color: var(--cosmos-banner, orange)
}
.smw-factbox section {
border-color: var(--box-border, #00000030)
}
span.smwsearch a,
span.smwbrowse a {
filter: brightness(60%)
}
/*edit window*/
.editOptions {
border-color: var(--box-border, #c8ccd1);
}
/* [START] NS3000-3001: Yume Nikki */
.ns-3000, .ns-3001 {
--cosmos-banner: #67333f;
--link-text: #912235;
--link-text-hover: #C97D8A;
--header-link-text: #ffffff;
--button-color: #b06d7e;
--footer-text: #b393a3;
--content-background: #e5cdd3;
--box-background: #DEB3BD;
--box-border: #B06D7E;
background-color: #33191f
}
/*Section header*/
.ns-3000 #mw-content h2 {
border-bottom: 1px solid #b393a3
}
/* [END] NS3000-3001: Yume Nikki */
/* [START] NS3002-3003: Yume 2kki */
.ns-3002, .ns-3003 {
--cosmos-banner: #362c3c;
--link-text: #7f2d3d;
--link-text-hover: #331218;
--header-link-text: #ffffff;
--button-color: #a492af;
--footer-text: #c1afc4;
--content-background: #dfdbc3;
--box-background: #d7d3bc;
--box-border: #b6b3a1;
background-image: linear-gradient(180deg, transparent 10%, #241d28 60%), url(/resources/assets/2kki-bg-image.png)
}
/*Computer Table*/
.ns-3002 .computer-table {
width: 100%;
color: #EFEBEF;
font-weight: bold;
text-shadow: 2px 2px #2B332B;
border: solid #949294 4px;
border-collapse: collapse;
border-top-color: #BDBAB5;
border-left-color: #BDBAB5;
}
.ns-3002 .computer-table tbody {
background: url(https://yume.wiki/images/6/69/Computer-background.png) repeat top left;
background-size: auto;
}
.ns-3002 .computer-table th {
height: 20px;
padding: 0 2px;
text-align: center;
background: #523052 url(https://yume.wiki/images/f/f8/Computer-cross.png) no-repeat right center;
background-size: auto;
border: solid #BDBAB5 4px;
border-bottom-color: #949294;
border-right-color: #949294;
}
.ns-3002 .pchl {
color: #FFFF6B;
}
/*Effectbox*/
.ns-3002 .portable-infobox.pi-background {
background-color: #D7D3BC;
border: solid #A9A692 1px;
}
.ns-3002 .portable-infobox .pi-title {
background-color: #43353a;
color: #a28da5;
text-align: center;
font-weight: bold !important;
font-size: 22px !important;
}
.ns-3002 .portable-infobox .pi-header {
font-weight: bold !important;
font-size: 16px !important;
background-color: #43353a;
color: #a28da5;
}
.ns-3002 .pi-data-value {
min-width: 50%;
}
.ns-3002 .portable-infobox .pi-data {
border-bottom: 1px #A9A692 solid;
}
/* [END] NS3002-3003: Yume 2kki */
/* [START] NS3004-3005: .flow */
.ns-3004, .ns-3005 {
--cosmos-banner: #787878;
--link-text: #83251b;
--link-text-hover: #c2766d;
--header-link-text: #000;
--button-color: #a1a1a1;
--footer-text: #ffffff;
--content-background: #b9b9b9;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background-color: #1f0909;
}
/* [END] NS3004-3005: .flow */
/* [START] NS3006-3007: Someday */
.ns-3006, .ns-3007 {
--cosmos-banner: #387c5e;
--link-text: #1b8941;
--link-text-hover: #7db19b;
--header-link-text: #defff2;
--header-link-text-hover: #bbfcfc;
--button-color: #77caa2;
--footer-text: #002618;
--content-background: #c6e3d7;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background: url(/resources/assets/someday-bg-image.png);
}
/* [END] NS3006-3007: Someday */
/* [START] NS3008-3009: Deep Dreams */
.ns-3008, .ns-3009 {
--cosmos-banner: #271a2a;
--link-text: #950F70;
--link-text-hover: #DD17A7;
--header-link-text: #e3c9db;
--button-color: #bca0b4;
--footer-text: #d3dfe1;
--content-background: #D9D5DD;
--box-background: #B6ADBC;
--box-border: #A69AAD;
background-color: #704b6f;
}
/* [END] NS3008-3009: Deep Dreams */
/* [START] NS3010-3011: Answered Prayers */
.ns-3010, .ns-3011 {
--cosmos-banner: #228524;
--link-text: #3c7348;
--link-text-hover: #639d84;
--header-link-text: #c2ff2b;
--button-color: #228524;
--footer-text: #94fd96;
--content-background: #92c27b;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background-image: linear-gradient(180deg, transparent 10%, #001000 60%), url(/resources/assets/ap-bg-image.png);
}
/* [END] NS3010-3011: Answered Prayers */
/* [START] NS3012-3013: Amillusion */
.ns-3012, .ns-3013 {
--cosmos-banner: #564228;
--link-text: #585105;
--link-text-hover: #aca015;
--header-link-text: #cbc051;
--button-color: #cbc051;
--footer-text: #aca015;
--content-background: #f2c49f;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background-color: #815721;
}
/* [END] NS3012-3013: Amillusion */
/* [START] NS3014-3015: Uneven Dream */
.ns-3014, .ns-3015 {
--cosmos-banner: #a47ca9;
--link-text: #6f027c;
--link-text-hover: #150017;
--header-link-text: #351346;
--button-color: #6f027c;
--button-text: #ffffff;
--footer-text: #000000;
--content-background: #ffffff;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png);
}
/*[END] NS3014-3015: Uneven Dream */
/*[START] NS3016-3017: Braingirl */
.ns-3016, .ns-3017 {
--cosmos-banner: #ce9b8f;
--link-text: #068959;
--link-text-hover: #012719;
--header-link-text: #6c4014;
--button-color: #00dc9a;
--footer-text: #000000;
--content-background: #fff7e9;
--box-background: #e4e5df;
--box-border: #c0c1bd;
background: #180c29;
}
/*[END] NS3014-3015: Braingirl */
/*[START] NS3018-3019: Collective Unconscious */
.ns-3018, .ns-3019 {
--cosmos-banner: #1f4a7d;
--link-text: #25378D;
--link-text-hover: #268ECC;
--header-link-text: #ffffff;
--button-color: #66a0c3;
--footer-text: #d3dfe1;
--content-background: #CDE7F5;
--box-background: #8CBDD7;
--box-border: #62A4C8;
background-color: #0e091f;
}
/*[END] NS3018-3019: Collective Unconscious */
/*[START] NS3018-3019: Cerasus */
.ns-3020, .ns-3021 {
--cosmos-banner: #ac2847;
--link-text: #fa6e79;
--link-text-hover: #ff0000;
--header-link-text: #ffffff;
--button-color: #FF7580;
--footer-text: #000000;
--content-background: #ffd1d5;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background-image: linear-gradient(180deg, rgba(44,30,49,0.5) 0%, rgba(44,30,49,1) 100%), url(https://yume.wiki/images/f/f3/C_Background_Pattern.png);
}
/* adds drop shadow to article, changes padding of mw-content-wrapper so the drop shadow is properly placed */
.ns-3020 #mw-content-wrapper, .ns-3021 #mw-content-wrapper {
box-shadow: -5px 5px 10px 10px #00000050;
padding: 0;
}
/* header and footer rounding */
.ns-3020 .cosmos-header, .ns-3021 .cosmos-header {
border-radius: 5px 5px 0px 0px;
}
.ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer {
border-radius: 0px 0px 5px 5px;
}
/* changes footer toolbar color (THIS WILL NOT BE VISIBLE) */
.ns-3020 #cosmos-toolbar, .ns-3021 #cosmos-toolbar {
background-color: #ac2847;
background-image: none;
}
*/
.ns-3020 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3021 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
color: #ffffff95;
}
/* changes h1 & h2 bottom border colors */
.ns-3020 h1, .ns-3021 h1, .ns-3020 h2, .ns-3021 h2 {
border-bottom: solid 1px #00000080;
}
/* changes the color of the dividers on the footer */
.ns-3020 #footer-places > li:not(:first-child)::before, .ns-3020 #footer-places > li:not(:first-child)::before {
color: #000000;
}
/* changes the color of the border around an image with a caption */
.ns-3020 li.gallerybox div.thumb {
border: 1px solid #00000080;
}
/*[END] NS3021-3021: Cerasus Wiki */
/* [START] NS3022-3023: Muma|Rope */
.ns-3022, .ns-3023 {
--cosmos-banner: #101010;
--link-text: #ff14c0;
--link-text-hover: #ff14c080;
--header-link-text: #ff14c0;
--button-color: #ffffff;
--footer-text: #666666;
--box-background: #000000;
--box-border: #ffffff;
/* Background color + calculated accessible text color */
--bg-red: 0;
--bg-green: 0;
--bg-blue: 0;
--content-background: rgb(var(--bg-red), var(--bg-green), var(--bg-blue));
--accessible-color: calc(((((var(--bg-red) * 299) + (var(--bg-blue) * 587) + (var(--bg-green) * 114)) / 1000) - 128) * -1000);
background-color: #1a1a1a;
}
/*Text color override*/
.ns-3022 .editOptions, .ns-3023 .editOptions,
.ns-3022 .diff-context, .ns-3023 .diff-context,
.ns-3022 .toc .tocnumber, .ns-3023 .toc .tocnumber,
.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary,
.ns-3022 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label, .ns-3023 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label,
.ns-3022 .smw-factbox .smwfact, .ns-3023 .smw-factbox .smwfact,
.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label, .ns-3023 .smw-factbox input.nav-tab:checked + label.nav-label,
.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3023 .ve-init-mw-desktopArticleTarget-originalContent,
.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3023 .ve-init-mw-desktopArticleTarget-originalContent,
.ns-3022 .ve-ce-focusableNode-highlight, .ns-3023 .ve-ce-focusableNode-highlight,
.ns-3022 .ve-ce-focusableNode-highlight, .ns-3023 .ve-ce-focusableNode-highlight,
.ns-3022 #mw-content #mw-content-text, .ns-3023 #mw-content #mw-content-text,
.ns-3022 #mw-content-text, .ns-3023 #mw-content-text,
.ns-3022 #mw-content-text .thumbcaption, .ns-3023 #mw-content-text .thumbcaption,
.ns-3022 #cosmos-title-text, .ns-3023 #cosmos-title-text,
.ns-3022 #mw-content-text .mw-editsection-bracket, .ns-3023 #mw-content-text .mw-editsection-bracket,
.ns-3022 #mw-content-text .mw-editsection-divider, .ns-3023 #mw-content-text .mw-editsection-divider,
.ns-3022 h1, .ns-3022 h2, .ns-3022 h3, .ns-3022 h4, .ns-3022 h5, .ns-3022 h6, .ns-3023 h1, .ns-3023 h2, .ns-3023 h3, .ns-3023 h4, .ns-3023 h5, .ns-3023 h6,
.ns-3022 .page-header__categories, .ns-3023 .page-header__categories,
.ns-3022 .skin-cosmos .toc .tocnumber, .ns-3023 .skin-cosmos .toc .tocnumber,
.ns-3022 #stub span, .ns-3023 #stub span,
.ns-3022 .wikitable > * > tr > td, .ns-3023 .wikitable > * > tr > td,
.ns-3022 .wikitable > * > tr > th, .ns-3023 .wikitable > * > tr > th,
.ns-3022 #catlinks, .ns-3023 #catlinks {
color: #ffffff;
}
.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary {
stroke: #ffffff;
}
.ns-3022 #cosmos-toolbar a,.ns-3023 #cosmos-toolbar a {
color: var(--header-link-text);
}
.ns-3022 #mw-content-text .thumbcaption,
.ns-3022 .smw-factbox .smwfact,
.ns-3022 .smwfact .smw-table-row,
.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label,
.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent,
.ns-3023 .ve-init-mw-desktopArticleTarget-originalContent,
.ns-3022 .ve-ce-focusableNode-highlight,
.ns-3023 .ve-ce-focusableNode-highlight {
background-color: #000000;
}
.ns-3022 span.smwsearch a,
.ns-3022 span.smwbrowse a {
filter: none;
}
.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label {
border-top-color: var(--link-text)
}
/* [END] NS3022-3023: Muma|Rope Wiki */
/* [START] NS3024-3025: YNOproject Wiki */
/* [END] NS3024-3025: YNOproject Wiki */
/* [START] NS3026-3027: Dream Genie Wiki */
.ns-3026, .ns-3027 {
--cosmos-banner: #77503b;
--link-text: #915732;
--link-text-hover: #d8b749;
--header-link-text: #d6b6b5;
--button-color: #cdb48c;
--footer-text: #d8b749;
--content-background: #fdfef6;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background: linear-gradient(180deg, #00000000 20%, #43332a 100%), url(/resources/assets/genie-bg-image.png);
}
/* [END] NS3026-3027: Dream Genie Wiki */
/* [START] NS3028-3029: Mikan Muzou Wiki */
.ns-3028, .ns-3029 {
--cosmos-banner: #323434;
--link-text: #863931;
--link-text-hover: #C76C63;
--header-link-text: #ffffff;
--button-color: #8c949b;
--footer-text: #7c8689;
--content-background: #DADCDE;
--box-background: #B4B5B6;
--box-border: #888888;
background-color: #1f2121;
}
/* [END] NS3028-3029: Mikan Muzou Wiki */
/* [START] NS3030-3031: Ultra Violet Wiki */
.ns-3030, .ns-3031 {
--cosmos-banner: #a979b3;
--link-text: #7248cb;
--link-text-hover: #866ed6;
--header-link-text: #4c2288;
--button-color: #c396d1;
--footer-text: #000000;
--content-background: #eadbed;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background: linear-gradient(180deg, #ffffff60 20%, #c8a5cf 100%), url(/resources/assets/uv-bg-image.png);
}
/* [END] NS3030-3031: Ultra Violet Wiki */
/* [START] NS3032-3033: She Awaits Wiki */
.ns-3032, .ns-3033 {
--cosmos-banner: #797cd9;
--link-text: #060da1;
--link-text-hover: #515392;
--header-link-text: #f3ddd3;
--button-color: #d0d1f9;
--footer-text: #ffffff;
--content-background: #b3b6f6;
--box-background: #9fa3f4;
--box-border: #7278ca;
background-color: #6a70c7;
}
/* [END] NS3032-3033: She Awaits Wiki */
/* [START] NS3034-3035: Oversomnia Wiki */
.ns-3034, .ns-3035 {
--cosmos-banner: #82574e;
--link-text: #713f18;
--link-text-hover: #775952;
--header-link-text: #ffffff;
--button-color: #bb8376;
--footer-text: #ffe7ad;
--content-background: #ffe7ad;
--box-background: #edcbaf;
--box-border: #99695f;
background-color: #000000;
}
/* [END] NS3034-3035: Oversomnia Wiki */
/* [START] NS3036-3037: Yume Tagai Wiki */
.ns-3036, ns-3037 {
--cosmos-banner: #d71c67;
--link-text: #d00c96;
--link-text-hover: #f76ece;
--header-link-text: #ffffff;
--button-color: #ea6198;
--footer-text: #f3a5c4;
--content-background: #FFDDE1;
--box-background: #fbdaeb;
--box-border: #ca72ad;
background-color: #8A0028;
}
/* [END] NS3036-3037: Yume Tagai Wiki */
/* [START] NS3038-3039: Yume Tsushin Wiki */
.ns-3038, ns-3039 {
--cosmos-banner: #6b716b;
--link-text: #514592;
--link-text-hover: #887ACB;
--header-link-text: #ffffff;
--button-color: #515B79;
--footer-text: #6CC9D9;
--box-background: #d6d6da;
--box-border: #7e7d78;
--content-background: #EEE;
}
/* [END] NS3038-3039: Yume Tsushin Wiki */
/* [START] NS3040-3041: nostAlgic Wiki */
.ns-3040, .ns-3041 {
--cosmos-banner: #5959b7;
--link-text: #4646b6;
--link-text-hover: #eeeeff;
--header-link-text: #ffffff;
--button-color: #FCFF75;
--footer-text: #d3dfe1;
--content-background: #b2f1ce;
--box-background: #93ebbb;
--box-border: #7e7d78;
background-color: #4ee19e;
}
/* [END] NS3040-3041: nostAlgic Wiki */
/* [START] NS3042-3043: If Wiki */
.ns-3042, .ns-3043 {
--cosmos-banner: #4d004c;
--link-text: #ff00ff;
--link-text-hover: #521852;
--header-link-text: #ffffff;
--button-color: #ff82ff;
--footer-text: #d3dfe1;
--content-background: #ffe5ff;
--box-background: #f4d7f4;
--box-border: #660066;
background-color: #210021;
}
/* [END] NS3042-3043: If Wiki */