×
Create a new article
Write your page title here:
We currently have 3,031 articles on YumeWiki. Type your article name above or click on one of the titles below and start writing!



YumeWiki
YumeWiki
3,031Articles

MediaWiki:Cosmos.css: Difference between revisions

mNo edit summary
(search placeholder text color, redesign muma rope white text color)
 
(108 intermediate revisions by 6 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;
}
}


#cosmos-toolbar {
/* banner, header, and footer background color */
box-shadow: none !important;
#cosmos-banner, .cosmos-header, #cosmos-footer {
background-color: var(--cosmos-banner, #c0c0c0);
}
}


@media screen {
/*Banner*/
    body > #mw-content-container {
#cosmos-banner-content {
        margin-top: 5%;
width: 89%;
    }
margin: 0 auto;
}
}


#mw-content-wrapper {
@media only screen and (min-width: 1596px) {
    width: 90%;
#cosmos-banner-content {
    padding: 0 20px;
width: 1650px;
max-width: 95%;
}
}
}


#mw-indicator-smw-entity-examiner {
/*Search placeholder text*/
display: none;
#searchInput::placeholder,
.wvui-input__input::placeholder {
  color: var(--text-color, #000000)
  opacity: 0.5;
}
}


/* [START] NS3002-3003: Yume 2kki */
/* Mobile menu button */
.ns-3002,.ns-3003 {
@media screen and (max-width: 850px) {
background-image: url(https://yume.wiki/images/1/1c/2kki-bg-image.png);
.cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button {
color: var(--header-link-text, #000000);
}
}
}


.ns-3002 #mw-content, .ns-3003 #mw-content {
/* article counter and username text color */
background-color: #dfdbc3;
.cosmos-header .cosmos-header__counter,
.cosmos-userButton-label,
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label {
color: var(--header-link-text, #000000);
}
}


.ns-3002 #mw-content a:not(.new), .ns-3003 #mw-content a:not(.new) {
#cosmos-userButton-avatar, #cosmos-userButton-icon {
color: #7f2d3d;
stroke: var(--header-link-text, #000000);
}
}


.ns-3002  #mw-content a:not(.new):hover, .ns-3003 #mw-content a:not(.new):hover {
#cosmos-userButton-icon {
color: #331218;
fill: var(--header-link-text, #000000);
}
}


/* [END] NS3002-3003: Yume 2kki */
/* header link color */
@media screen {
.cosmos-header .cosmos-header__sitename a {
color: var(--header-link-text, #000000);
}
}


/* [START] NS3004-3005: .flow */
/* header tabber text colors */
/* article background color */
.cosmos-header .wds-tabs .wds-tabs__tab-label,
        .ns-3004 #mw-content, .ns-3005 #mw-content{
.cosmos-header .wds-tabs .wds-tabs__tab-label a,
background-color: #b9b9b9;
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
}
color: var(--header-link-text, #000000);
}
/* link and link hover colors */
.ns-3004 #mw-content a:not(.new), .ns-3005 #mw-content a:not(.new){
color: #696969;
}


.ns-3004 #mw-content a:not(.new):hover, .ns3005 #mw-content a:not(.new):hover {
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
color: #979797;
opacity: 0.8;
}
}


/* header and footer background color */
/* remove gradient from header */
.ns-3004 .cosmos-header, .ns-3005 .cosmos-header, .ns-3004 #cosmos-footer, .ns-3005 #cosmos-footer {
.cosmos-header:before {
background-color: #787878;
background: none;
}
}


/* removes gradient from header */
/*Footer*/
.ns-3004 .cosmos-header:before, .ns-3005 .cosmos-header:before {
/* footer text colors */
background: none;
.cosmos-footerLinks-list {
}
color: var(--footer-text, var(--header-link-text, #666666));
}
/* header and footer text color */
.ns3004 .cosmos-header__sitename a, .ns3005 .cosmos-header__sitename a, .ns-3004 #cosmos-footer a, .ns-3005 #cosmos-footer  a {
color: #000000;
}


/* article counter text color */
/* footer link color */
.ns-3004 .cosmos-header__counter, .ns-3005 .cosmos-header__counter {
#cosmos-footer a {
color: #000000;
color: var(--header-link-text, #000000);
}
}


/* header tabber text colors */
/*Toolbar*/
.ns-3004 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3005 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
#cosmos-toolbar {
color: #000000;
box-shadow: none;
}
max-width: 100%;
margin: auto;
float: none;
}


.ns-3004 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3005 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
/*Primary button (Edit button)*/
color: #dcdcdc;
.cosmos-button-primary {
}
color: var(--button-text, #000000);
stroke: var(--button-text, #000000);
background-color: var(--button-color, var(--box-background, #c0c0c0))
}


/*edit, dropdown, and discussion buttons */
.cosmos-dropdown-icon svg {
.ns-3004 #ca-edit, .ns3005 #ca-edit {
fill: var(--button-text, #000000);
background-color: #a1a1a1;
}
color: #000000;
}
.ns-3004 #cosmos-actionsList-button, .ns-3005 #cosmos-actionsList-button {
background-color: #a1a1a1;
}
.ns-3004 #ca-talk, .ns-3005 #ca-talk {
color: #000000;
}


        .ns-3004 .cosmos-footerLinks-list, .ns-3005 .cosmos-footerLinks-list {
/*Red discussion button if new*/
            color: #ffffff;
.cosmos-button.new {
        }
color:#dd3333;
/* [END] NS3004-3005: .flow */
stroke:#dd3333;
}


/* [START] NS3006-3007: Someday */
/*Discussion button border*/
/* article background color */
.cosmos-button.cosmos-button-secondary:hover {
.ns-3006 #mw-content, .ns-3007 #mw-content{
border-color: var(--box-border, #000000);
background-color: #bedcd0;
}
}
/* link and link hover colors */
.ns-3006 #mw-content a:not(.new), .ns-3007 #mw-content a:not(.new){
color: #3c7348;
}


.ns-3006 #mw-content a:not(.new):hover, .ns3007 #mw-content a:not(.new):hover {
/*Inputbox button*/
color: #7db19b;
.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, #000000);
border-color:var(--button-color, #000000);
cursor:default;
color:#000000
}
.mw-inputbox-createbox:required ~ .mw-ui-button:hover {
filter: brightness(110%)
}


/* header and footer background color */
/*General content*/
.ns-3006 .cosmos-header, .ns-3007 .cosmos-header, .ns-3006 #cosmos-footer, .ns-3007 #cosmos-footer {
body #mw-content-container {
background-color: #387c5e;
padding-top: 0;
}
}


/* removes gradient from header */
#mw-content-wrapper {
.ns-3006 .cosmos-header:before, .ns-3007 .cosmos-header:before {
width: 90%;
background: none;
padding: 0 20px;
}
}
/* header and footer text color */
.ns3006 .cosmos-header__sitename a, .ns3007 .cosmos-header__sitename a, .ns-3006 #cosmos-footer a, .ns-3007 #cosmos-footer  a {
color: #defff2;
}


/* article counter text color */
#mw-indicator-smw-entity-examiner {
.ns-3006 .cosmos-header__counter, .ns-3007 .cosmos-header__counter {
display: none;
color: #defff2;
}
}


/* header tabber text colors */
element.style {
.ns-3006 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3007 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
width: 141px;
color: #defff2;
}
}


.ns-3006 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3007 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
li.gallerybox div.thumb {
color: #bbfcfc;
background: none !important;
}
}


/*edit, dropdown, and discussion buttons */  
/* article background color */
.ns-3006 #ca-edit, .ns3007 #ca-edit {
#mw-content {
background-color: #77caa2;
background-color: var(--content-background, #ffffff);
color: #000000;
}
}
.ns-3006 #cosmos-actionsList-button, .ns-3007 #cosmos-actionsList-button {
background-color: #77caa2;
}
.ns-3006 #ca-talk, .ns-3007 #ca-talk {
color: #000000;
}


        .ns-3006 .cosmos-footerLinks-list, .ns-3007 .cosmos-footerLinks-list {
/* link color */
            color: #000000;
#mw-content a:not(.new) {
        }
color: var(--link-text, #0645ad);
/* [END] NS3006-3007: Someday */
}


/* link hover color */
#mw-content a:not(.new):hover {
color: var(--link-text-hover, #04307a);
}


/* [START] NS3014-3015: Uneven Dream */
/*Table of contents customization*/
.ns-3014, .ns-3015 {
@media screen {
background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png);
.skin-cosmos .toc {
background-color: var(--box-background, #ffffff51);
border: 1px solid var(--box-border, #ccccccbb);
}
}
}


/* article background color */
.toc .tocnumber {
.ns-3014 #mw-content, .ns-3015 #mw-content{
font-weight: bold;
background-color: #ffffff;
}
}
/* link and link hover colors */
.ns-3014 #mw-content a:not(.new), .ns-3015 #mw-content a:not(.new){
color: #6f027c;
}


.ns-3014 #mw-content a:not(.new):hover, .ns3015 #mw-content a:not(.new):hover {
/*No border between toc caption and list*/
color: #150017;
#mw-content .toc > ul {
}
border-top: solid 0px;
}


/* header and footer background color */
/*Section header*/
.ns-3014 .cosmos-header, .ns-3015 .cosmos-header, .ns-3014 #cosmos-footer, .ns-3015 #cosmos-footer {
#mw-content h2 {
background-color: #a47ca9;
font-size: 24px;
}
font-weight: 500;
overflow: hidden;
padding: 3px 0;
/*h2 underline, manual ns-specific styles will still override*/
border-bottom-color: var(--box-border, var(--box-background, #cccccc));
}


/* removes gradient from header */
/*Locationbox*/
.ns-3014 .cosmos-header:before, .ns-3015 .cosmos-header:before {
.legacy-infobox {
background: none;
background-color: var(--box-background, #f4f4f4);
}
border: 1px solid var(--box-border, #888888);
}
/* header and footer text color */
.ns3014 .cosmos-header__sitename a, .ns3015 .cosmos-header__sitename a, .ns-3014 #cosmos-footer a, .ns-3015 #cosmos-footer  a {
color: #ffffff;
}


/* article counter text color */
/*wikitable*/
.ns-3014 .cosmos-header__counter, .ns-3015 .cosmos-header__counter {
body .wikitable:not([style*="background-color"]) > * > tr > td,
color: #ffffff;
body .wikitable:not([style*="background-color"]) > * > tr > th {
}
border-color: var(--box-border, #a2a9b1);
background-color: var(--box-background, #ffffff);
}
body .wikitable:not([style*="background-color"]) > * > tr > th {
color: var(--link-text);
}


/* header tabber text colors */
/*Category ribbon from bottom of page*/
.ns-3014 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3015 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
#catlinks {
color: #ffffff;
background-color: var(--box-background, #ffffff);
}
border: 1px solid var(--box-border, #cccccc);
}


.ns-3014 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3015 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
/* [START] NS3000-3001: Yume Nikki */
color: #ffffff;
.ns-3000, .ns-3001 {
}
--cosmos-banner: #67333f;
--link-text: #a5273c;
--link-text-hover: #C97D8A;
--header-link-text: #ffffff;
--button-color: #b06d7e;
--footer-text: #b393a3;
--content-background: #e5cdd3;
--box-background: #D6ABB5;
--box-border: #B06D7E;
background-color: #33191f;
}


/*edit, dropdown, and discussion buttons */  
/*Section header*/
.ns-3014 #ca-edit, .ns3015 #ca-edit {
.ns-3000 #mw-content h2 {
background-color: #6f027c;
border-bottom: 1px solid #b393a3;
color: #ffffff;
}
}
/* [END] NS3000-3001: Yume Nikki */
.ns-3014 #cosmos-actionsList-button, .ns-3015 #cosmos-actionsList-button {
background-color: #6f027c;
}
.ns-3014 #ca-talk, .ns-3015 #ca-talk {
color: #000000;
}


        .ns-3014 .cosmos-footerLinks-list, .ns-3015 .cosmos-footerLinks-list {
/* [START] NS3002-3003: Yume 2kki */
            color: #000000;
.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)
}


/*[END] NS3014-3015: Uneven Dream */
/*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;
}


/*[START] NS3016-3017: Braingirl */
.ns-3002 .computer-table tbody {
        .ns-3016, .ns-3017 {
background: url(https://yume.wiki/images/6/69/Computer-background.png) repeat top left;
        background: #180C29;
background-size: auto;
        }
}


/* article background color */
.ns-3002  .computer-table th {
.ns-3016 #mw-content, .ns-3017 #mw-content{
height: 20px;
background-color: #fff7e9;
padding: 0 2px;
}
text-align: center;
background: #523052 url(https://yume.wiki/images/f/f8/Computer-cross.png) no-repeat right center;
/* link and link hover colors */
background-size: auto;
.ns-3016 #mw-content a:not(.new), .ns-3017 #mw-content a:not(.new){
border: solid #BDBAB5 4px;
color: #068959;
border-bottom-color: #949294;
}
border-right-color: #949294;
}


.ns-3016 #mw-content a:not(.new):hover, .ns3017 #mw-content a:not(.new):hover {
.ns-3002 .pchl {
color: #012719;
color: #FFFF6B;
}
}


/* header and footer background color */
/*Effectbox*/
.ns-3016 .cosmos-header, .ns-3017 .cosmos-header, .ns-3016 #cosmos-footer, .ns-3017 #cosmos-footer {
.ns-3002 .portable-infobox.pi-background {
background-color: #ce9b8f;
background-color: #D7D3BC;
}
border: solid #A9A692 1px;
}


/* removes gradient from header */
.ns-3002 .portable-infobox .pi-title {
.ns-3016 .cosmos-header:before, .ns-3017 .cosmos-header:before {
background-color: #43353a;
background: none;
color: #a28da5;
}
text-align: center;
font-weight: bold !important;
/* header and footer text color */
font-size: 22px !important;
.ns3016 .cosmos-header__sitename a, .ns3017 .cosmos-header__sitename a, .ns-3016 #cosmos-footer a, .ns-3017 #cosmos-footer  a {
}
color: #ffffff;
}


/* article counter text color */
.ns-3002 .portable-infobox .pi-header {
.ns-3016 .cosmos-header__counter, .ns-3017 .cosmos-header__counter {
font-weight: bold !important;
color: #ffffff;
font-size: 16px !important;
}
background-color: #43353a;
color: #a28da5;
}


/* header tabber text colors */
.ns-3002 .pi-data-value {
.ns-3016 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3017 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
min-width: 50%;
color: #ffffff;
}
}


.ns-3016 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3017 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
.ns-3002 .portable-infobox .pi-data {
color: #ffffff;
border-bottom: 1px #A9A692 solid;
}
}
/* [END] NS3002-3003: Yume 2kki */


/*edit, dropdown, and discussion buttons */  
/* [START] NS3004-3005: .flow */
.ns-3016 #ca-edit, .ns3017 #ca-edit {
.ns-3004, .ns-3005 {
background-color: #00dc9a;
--cosmos-banner: #787878;
color: #000000;
--link-text: #696969;
}
--link-text-hover: #979797;
--header-link-text: #111111;
.ns-3016 #cosmos-actionsList-button, .ns-3017 #cosmos-actionsList-button {
--button-color: #a1a1a1;
background-color: #00dc9a;
--footer-text: #ffffff;
--content-background: #b9b9b9;
}
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
.ns-3016 #ca-talk, .ns-3017 #ca-talk {
background-color: #0e091f;
color: #000000;
}
}
/* [END] NS3004-3005: .flow */


        .ns-3016 .cosmos-footerLinks-list, .ns-3017 .cosmos-footerLinks-list {
/* [START] NS3006-3007: Someday */
            color: #000000;
.ns-3006, .ns-3007 {
        }
--cosmos-banner: #387c5e;
/*[END] NS3014-3015: Braingirl */
--link-text: #3c7348;
--link-text-hover: #7db19b;
--header-link-text: #defff2;
--header-link-text-hover: #bbfcfc;
--button-color: #77caa2;
--footer-text: #002618;
--content-background: #bedcd0;
/*--box-background: #FFFFFF;
--box-border: #CCCCCC;*/
background: url(/resources/assets/someday-bg-image.png);
}
/* [END] NS3006-3007: Someday */


/*[START] NS3020-3021: Cerasus */
/* [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 */


/* background pattern */
/* [START] NS3010-3011: Answered Prayers */
.ns-3020, .ns3021{
.ns-3010, .ns-3011 {
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);
--cosmos-banner: #228524;
}
--link-text: #3c7348;
--link-text-hover: #7db19b;
--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 */


/* changes search bar background colors */
/* [START] NS3012-3013: Amillusion */
.ns-3020 #cosmos-banner, .ns-3021 #cosmos-banner {
.ns-3012, .ns-3013 {
background-color: #ac2847;
--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 */


/* adds drop shadow to article, changes padding of mw-content-wrapper so the drop shadow is properly placed */
/* [START] NS3014-3015: Uneven Dream */
.ns-3020 #mw-content-wrapper, .ns3021 #mw-content-wrapper {
.ns-3014, .ns-3015 {
box-shadow: -5px 5px 10px 10px #00000050;
--cosmos-banner: #a47ca9;
padding: 0;
--link-text: #6f027c;
}
--link-text-hover: #150017;
--header-link-text: #fce6ff;
/* article background color */
--button-color: #6f027c;
.ns-3020 #mw-content, .ns-3021 #mw-content{
--button-text: #ffffff;
background-color: #ffd1d5;
--footer-text: #000000;
}
--content-background: #ffffff;
/*--box-background: #FFFFFF;
/* link and link hover colors */
--box-border: #CCCCCC;*/
.ns-3020 #mw-content a:not(.new), .ns-3021 #mw-content a:not(.new){
background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png);
color: #fa6e79;
}
}
/*[END] NS3014-3015: Uneven Dream */


.ns-3020 #mw-content a:not(.new):hover, .ns3021 #mw-content a:not(.new):hover {
/*[START] NS3016-3017: Braingirl */
color: #ff0000;
.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 */


/* header background color and top corner rounding*/
/*[START] NS3018-3019: Collective Unconscious */
.ns-3020 .cosmos-header, .ns-3021 .cosmos-header {
.ns-3018, .ns-3019 {
background-color: #ac2847;
--cosmos-banner: #1f4a7d;
border-radius: 5px 5px 0px 0px;
--link-text: #25378D;
}
--link-text-hover: #268ECC;
 
--header-link-text: #ffffff;
/* removes gradient from header */
--button-color: #66a0c3;
.ns-3020 .cosmos-header:before, .ns-3021 .cosmos-header:before {
--footer-text: #d3dfe1;
background: none;
--content-background: #CDE7F5;
}
--box-background: #8CBDD7;
 
--box-border: #62A4C8;
/* changes footer background color and lower corner rounding */
background-color: #0e091f;
.ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer {
}
background-color: #ac284780;
/*[END] NS3018-3019: Collective Unconscious */
border-radius: 0px 0px 5px 5px;
}
 
/* footer text colors */
.ns-3020 .cosmos-footerLinks-list, .ns-3021 .cosmos-footerLinks-list {
color: #000000;
}
 
/* footer link color */
.ns-3020 #cosmos-footer a, .ns-3021 #cosmos-footer  a {
color: #ffffff;
}
/* changes footer toolbar color (THIS WILL NOT BE VISIBLE) */
.ns-3020 #cosmos-toolbar, .ns-3021 #cosmos-toolbar {
background-color: #ac2847;
}
 
/* this doesn't work but im keeping it here in case i figure it out later
removes gradient from footer toolbar
.ns-3020 #cosmos-toolbar:before, .ns-3021 #cosmos-toolbar:before {
background-image: none;
}
*/
 
/* header link color */
.ns-3020 .cosmos-header__sitename a, .ns-3021 .cosmos-header__sitename a {
color: #ffffff;
}
 
/* article counter text color */
.ns-3020 .cosmos-header__counter, .ns-3021 .cosmos-header__counter {
color: #ffffff;
}
 
/* header tabber text colors */
.ns-3020 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3021 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
color: #ffffff;
}
 
.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;
}
 
/*edit, dropdown, and discussion buttons */
.ns-3020 #ca-edit, .ns3021 #ca-edit {
background-color: #ffd1d5;
color: #000000;
}
.ns-3020 #cosmos-actionsList-button, .ns-3021 #cosmos-actionsList-button {
background-color: #ffd1d5;
}
.ns-3020 #ca-talk, .ns-3021 #ca-talk {
color: #000000;
}
 
/* changes h1 & h2 bottom border colors */
.ns-3020 h1, .ns-3021 h1, .ns-3020 h2, .ns-3021 h2 {
border-bottom: solid 1px black;
}
 
/*[END] NS3021-3021: Cerasus Wiki */


/* [START] NS3022-3023: Muma|Rope */
/*[START] NS3018-3019: Cerasus */
.ns-3022 .cosmos-header, .ns-3023 .cosmos-header, .ns-3022 #cosmos-footer, .ns-3023 #cosmos-footer {
.ns-3020, .ns-3021 {
    background: #101010;
--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);
}
}


.ns-3022 .cosmos-header__sitename a:any-link, .ns-3023 .cosmos-header__sitename a:any-link, .ns-3022 #cosmos-footer a:any-link, .ns-3023 #cosmos-footer a:any-link {
/* adds drop shadow to article, changes padding of mw-content-wrapper so the drop shadow is properly placed */
    color: #ff14c0;
.ns-3020 #mw-content-wrapper, .ns-3021 #mw-content-wrapper {
box-shadow: -5px 5px 10px 10px #00000050;
padding: 0;
}
}


.ns-3022 .cosmos-header__counter, .ns-3023 .cosmos-header__counter {
/* header and footer rounding */
    color: #ffffff;
.ns-3020 .cosmos-header, .ns-3021 .cosmos-header {
border-radius: 5px 5px 0px 0px;
}
}


.ns-3022 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3023 .cosmos-header .wds-tabs .wds-tabs__tab-label a {
.ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer {
    color: #ff14c0;
border-radius: 0px 0px 5px 5px;
}
}


.ns-3022 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3023 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
/* changes footer toolbar color (THIS WILL NOT BE VISIBLE) */
color: #ff14c080;
.ns-3020 #cosmos-toolbar, .ns-3021 #cosmos-toolbar {
background-color: #ac2847;
background-image: none;
}
}
*/


.ns-3022 #ca-talk, .ns-3023 #ca-talk {
.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 {
    stroke: #ffffff;
color: #ffffff95;
    color: #ffffff;
}
}


.ns-3022 #ca-edit, .ns-3023 #ca-edit {
/* changes h1 & h2 bottom border colors */
    background-color: #ffffff;
.ns-3020 h1, .ns-3021 h1, .ns-3020 h2, .ns-3021 h2 {
    color: #000000;
border-bottom: solid 1px #00000080;
}
}


.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary {
/* changes the color of the dividers on the footer */
    color: #ffffff;
.ns-3020 #footer-places > li:not(:first-child)::before, .ns-3020 #footer-places > li:not(:first-child)::before  {
    stroke: #ffffff;
color: #000000;
}
}


.ns-3022 #ca-edit .cosmos-button-text, .ns-3023 #ca-edit .cosmos-button-text {
/* changes the color of the border around an image with a caption */
    color: #000000;
.ns-3020 li.gallerybox div.thumb {
border: 1px solid #00000080;
}
}


.ns-3022 .cosmos-header:before, .ns-3023 .cosmos-header:before {
/*[END] NS3021-3021: Cerasus Wiki */
    background: none;
}


.ns-3022 #mw-content, .ns-3023 #mw-content {
/* [START] NS3022-3023: Muma|Rope */
background-color: #000000;
.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;


.ns-3022 #cosmos-actionsList-button, .ns-3023 #cosmos-actionsList-button {
/* Background color + calculated accessible text color */
background-color: #ffffff;
--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;
}
}


.ns-3022 #mw-content-text, .ns-3023 #mw-content #mw-content-text, .ns-3022 #cosmos-title-text, .ns-3023 #cosmos-title-text {
/*Text color override*/
    color: #ffffff;
.ns-3022, .ns-3023 {
.editOptions,
.diff-context,
.toc .tocnumber,
.cosmos-button.cosmos-button-secondary,
.editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label,
.smw-factbox .smwfact,
.smw-factbox input.nav-tab:checked + label.nav-label,
.ve-init-mw-desktopArticleTarget-originalContent,
.ve-init-mw-desktopArticleTarget-originalContent,
.ve-ce-focusableNode-highlight,
.ve-ce-focusableNode-highlight,
#mw-content #mw-content-text,
#mw-content-text,
#mw-content-text .thumbcaption,
#cosmos-title-text,
#mw-content-text .mw-editsection-bracket,
#mw-content-text .mw-editsection-divider,
h1, h2, h3, h4, h5, h6,
.page-header__categories,
.skin-cosmos .toc .tocnumber,
#stub span,
.wikitable > * > tr > td,
.wikitable > * > tr > th,
#catlinks {
color: #ffffff;
}
}
}


.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 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary {
color: #ffffff;
stroke: #ffffff;
}
}


.ns-3022 #mw-content a:not(.new), .ns-3023 #mw-content a:not(.new) {
.ns-3022 #cosmos-toolbar a,.ns-3023 #cosmos-toolbar a {
color: #ff14c0;
color: var(--header-link-text);
}
}


.ns-3022 #mw-content a:not(.new):hover, .ns-3023 #mw-content a:not(.new):hover {
.ns-3022 #mw-content-text .thumbcaption,
color: #ff14c080;
.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;
}
}
/* [END] NS3022-3023: Muma|Rope Wiki */


.ns-3022 #cosmos-toolbar a, .ns-3023 #cosmos-toolbar a {
/* [START] NS3024-3025: YNOproject Wiki */
    color: #ff14c0;
}


.ns-3022 .smw-factbox .smwfact {
/* [END] NS3024-3025: YNOproject Wiki */
    background-color: #000000;
    color: #ffffff;
}


.ns-3022 .smwfact .smw-table-row {
/* [START] NS3026-3027: Dream Genie Wiki */
    background-color: #000000;
.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-3022 .smw-factbox input.nav-tab:checked + label.nav-label {
/* [START] NS3028-3029: Mikan Muzou Wiki */
    color: #ffffff;
.ns-3028, .ns-3029 {
    background-color: #000000;
--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 */


.ns-3022 #stub span {
/* [START] NS3030-3031: Ultra Violet Wiki */
    color: #ffffff;
.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] NS3022-3023: Muma|Rope */
/* [END] NS3030-3031: Ultra Violet Wiki */


element.style {
/* [START] NS3032-3033: She Awaits Wiki */
    width: 141px;
.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 */


li.gallerybox div.thumb {
/* [START] NS3034-3035: Oversomnia Wiki */
background: none !important;
.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 */


.toc {
/* [START] NS3036-3037: Yume Tagai Wiki */
  background: rgba(246, 247, 248, 0.2);
.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 */


.toc .tocnumber{
/* [START] NS3038-3039: Yume Tsushin Wiki */
    font-weight: bold;
.ns-3038, ns-3039 {
--cosmos-banner: #7e7d78;
--link-text: #60559B;
--link-text-hover: #887ACB;
--header-link-text: #ffffff;
--button-color: #515B79;
--footer-text: #6CC9D9;
--box-background: #C2C2C7;
--box-border: #7e7d78;
--content-background: #DDD;
}
}
/* [END] NS3038-3039: Yume Tsushin Wiki */


.runningAuthor {
/* [START] NS3040-3041: nostAlgic Wiki */
    background: rgba(255, 255, 255, 0.2)
.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 */

Latest revision as of 08:12, 19 October 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: var(--text-color, #000000)
  opacity: 0.5;
}

/* Mobile menu button */
@media screen and (max-width: 850px) {
	.cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button {
		color: var(--header-link-text, #000000);
	}
}

/* article counter and username text color */
.cosmos-header .cosmos-header__counter,
.cosmos-userButton-label,
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label {
	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);
}

/* 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;
}

/* remove gradient from header */
.cosmos-header:before {
	background: none;
}

/*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, var(--box-background, #c0c0c0))
}

.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, #000000);
	border-color:var(--button-color, #000000);
	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, #ffffff51);
		border: 1px solid var(--box-border, #ccccccbb);
	}
}

.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-size: 24px;
	font-weight: 500;
	overflow: hidden;
	padding: 3px 0;
	/*h2 underline, manual ns-specific styles will still override*/
	border-bottom-color: var(--box-border, var(--box-background, #cccccc));
}

/*Locationbox*/
.legacy-infobox {
	background-color: var(--box-background, #f4f4f4);
	border: 1px solid var(--box-border, #888888);
}

/*wikitable*/
body .wikitable:not([style*="background-color"]) > * > tr > td,
body .wikitable:not([style*="background-color"]) > * > tr > th {
	border-color: var(--box-border, #a2a9b1);
	background-color: var(--box-background, #ffffff);
}
body .wikitable:not([style*="background-color"]) > * > tr > th {
	color: var(--link-text);
}

/*Category ribbon from bottom of page*/
#catlinks {
	background-color: var(--box-background, #ffffff);
	border: 1px solid var(--box-border, #cccccc);
}

/* [START] NS3000-3001: Yume Nikki */
.ns-3000, .ns-3001 {
	--cosmos-banner: #67333f;
	--link-text: #a5273c;
	--link-text-hover: #C97D8A;
	--header-link-text: #ffffff;
	--button-color: #b06d7e;
	--footer-text: #b393a3;
	--content-background: #e5cdd3;
	--box-background: #D6ABB5;
	--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: #696969;
	--link-text-hover: #979797;
	--header-link-text: #111111;
	--button-color: #a1a1a1;
	--footer-text: #ffffff;
	--content-background: #b9b9b9;
	/*--box-background: #FFFFFF;
	--box-border: #CCCCCC;*/
	background-color: #0e091f;
}
/* [END] NS3004-3005: .flow */

/* [START] NS3006-3007: Someday */
.ns-3006, .ns-3007 {
	--cosmos-banner: #387c5e;
	--link-text: #3c7348;
	--link-text-hover: #7db19b;
	--header-link-text: #defff2;
	--header-link-text-hover: #bbfcfc;
	--button-color: #77caa2;
	--footer-text: #002618;
	--content-background: #bedcd0;
	/*--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: #7db19b;
	--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: #fce6ff;
	--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, .ns-3023 {
	.editOptions,
	.diff-context,
	.toc .tocnumber,
	.cosmos-button.cosmos-button-secondary,
	.editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label,
	.smw-factbox .smwfact,
	.smw-factbox input.nav-tab:checked + label.nav-label,
	.ve-init-mw-desktopArticleTarget-originalContent,
	.ve-init-mw-desktopArticleTarget-originalContent,
	.ve-ce-focusableNode-highlight,
	.ve-ce-focusableNode-highlight,
	#mw-content #mw-content-text,
	#mw-content-text,
	#mw-content-text .thumbcaption,
	#cosmos-title-text,
	#mw-content-text .mw-editsection-bracket,
	#mw-content-text .mw-editsection-divider,
	h1, h2, h3, h4, h5, h6,
	.page-header__categories,
	.skin-cosmos .toc .tocnumber,
	#stub span,
	.wikitable > * > tr > td,
	.wikitable > * > tr > th,
	#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;
}
/* [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: #7e7d78;
	--link-text: #60559B;
	--link-text-hover: #887ACB;
	--header-link-text: #ffffff;
	--button-color: #515B79;
	--footer-text: #6CC9D9;
	--box-background: #C2C2C7;
	--box-border: #7e7d78;
	--content-background: #DDD;
}
/* [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 */
Retrieved from "https://yume.wiki/index.php?title=MediaWiki:Cosmos.css&oldid=496658"