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



YumeWiki
YumeWiki
3,036Articles

MediaWiki:Citizen.css: Difference between revisions

(remove anything with a var so it doesn't override working with nothing)
(add redlink and discussion button styling)
 
(11 intermediate revisions by the same user not shown)
Line 2: Line 2:
/* Right now its just copied from cosmos */
/* Right now its just copied from cosmos */


body #mw-content-container {
:root .mediawiki {
    margin-top: 0 !important;
--color-primary__h: var(--primary__h, 220);
    padding-top: 0;
--color-primary__s: var(--primary__s, 60%);
--color-primary__l: var(--primary__l, 50%);
--color-surface-0: var(--content-background, hsl(0,0%,100%));
--color-surface-1: var(--box-background, hsl(0,0%,100%));
--color-surface-2: hsl(from var(--content-background, hsl(210,0%,100%)) h calc(s + 17) calc(l * 0.98));
--color-surface-3: hsl(from var(--content-background, hsl(210,0%,100%)) h calc(s + 17) calc(l * 0.93));
--color-surface-4: hsl(from var(--content-background, hsl(210,0%,100%)) h calc(s + 9) calc(l * 0.80));
--color-base: #54595d;
--color-base--emphasized: #202122;
--color-base--subtle: #72777d;
--color-primary: hsl(from var(--link-text, hsl(220 60% 50%)) h s l);
--color-primary--hover: hsl(from var(--link-text, hsl(220 60% 50%)) h s calc(l * 1.2));
--color-primary--active: hsl(from var(--link-text, hsl(220 60% 50%)) h s calc(l * 0.8));
--background-color-primary--hover: hsl(from var(--link-text, hsl(220 60% 0)) h s 95%);
--background-color-primary--active: hsl(from var(--link-text, hsl(220 60% 0)) h s 90%);
--color-surface-2--hover: hsl(210,17%,100%);
--color-surface-2--active: hsl(210,17%,96%);
--background-color-destructive: rgba(221,51,51,0.1);
--background-color-success: rgba(0,175,137,0.1);
--background-color-warning: rgba(255,204,51,0.1);
--box-shadow-card: 0 2.8px 2.2px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 6.7px 5.3px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .01)),0 12.5px 10px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 22.3px 17.9px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 41.8px 33.4px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 100px 80px -4px hsl(var(--surface-shadow) / var(--shadow-strength));
--box-shadow-dialog: 0 2.8px 2.2px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--surface-shadow) / var(--shadow-strength));
--surface-shadow: hsl(from var(--link-text, hsl(220 0 0)) h 10% 20%);
--shadow-strength: 0.02
}
}


@media screen {
a {
    body > #mw-content-container {
--color-link: var(--color-primary);
        margin-top: 5%;
--color-link--hover: var(--color-primary--hover);
    }
--color-link--active: var(--color-primary--active)
}
}


#mw-content-wrapper {
:root.skin-citizen-dark .mediawiki {
    width: 90%;
--color-primary: hsl(from var(--link-text, hsl(220 60% 0)) h s 60%);
    padding: 0 20px;
--color-surface-0: hsl(from var(--content-background, hsl(220 0 0)) h 20% 10%);
--color-surface-1: hsl(from var(--box-background, hsl(220 0 0)) h 25% 12%);
--color-surface-2: hsl(from var(--link-text, hsl(220 0 0)) h 25% 15%);
--color-surface-3: hsl(from var(--link-text, hsl(220 0 0)) h 15% 20%);
--color-surface-4: hsl(from var(--link-text, hsl(220 0 0)) h 15% 25%);
--color-base--emphasized: hsl(from var(--link-text, hsl(220 0 0)) h 80% 95%);
--color-base: hsl(from var(--link-text, hsl(220 0 0)) h 25% 80%);
--color-base--subtle: hsl(from var(--link-text, hsl(220 0 0)) h 25% 65%);
--background-color-primary--hover: hsl(from var(--link-text, hsl(220 60% 0)) h s 15%);
--background-color-primary--active: hsl(from var(--link-text, hsl(220 60% 0)) h s 20%);
--background-color-overlay: hsl(from var(--link-text, hsl(220 0 0)) h 20% 10% / 95%);
--background-color-overlay--lighter: hsl(from var(--link-text, hsl(220 0 0)) h 20% 10% / 60%);
--color-surface-2--hover: hsl(from var(--link-text, hsl(220 0 0)) h 30% 19%);
--color-surface-2--active: hsl(from var(--link-text, hsl(220 0 0)) h 30% 11%);
--surface-shadow: hsl(from var(--link-text, hsl(220 0 0)) h 50% 3%);
--shadow-strength: 0.8
}
}


#mw-indicator-smw-entity-examiner {
/*Dark mode welcome banner*/
display: none;
.skin-citizen-dark #welcome-banner {
background:#682e70;
}
}


element.style {
/*Stupid table override*/
    width: 141px;
table {
display: table
}
 
/*Underline red links for better visibility in all skins*/
a.new {
  text-decoration: underline
}
}


li.gallerybox div.thumb {
/*Red discussion button if new*/
background: none !important;
#ca-talk.new a {
  color:var(--color-link-new);
  text-decoration: underline
}
}


/*Table of contents customization*/
/*Inputbox button*/
.toc {
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
  background: rgba(246, 247, 248, 0.2);
.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%)
}
}


.toc .tocnumber {
/*General content*/
    font-weight: bold;
element.style {
width: 141px;
}
}


#mw-content .toc > ul {
li.gallerybox div.thumb {
    padding: 10px;
background: none !important;
    border-top: solid 0px;
    margin: 0;
}
}


/*Section header*/
/*Locationbox*/
#mw-content h2 {
.infobox {
    font-size: 24px;
background-color: var(--color-surface-1, #f4f4f4);
    font-weight: 500;
border: 1px solid var(--box-border, #888888);
    overflow: hidden;
    padding: 3px 0;
}
}


/*Category ribbon from bottom of page*/
/*wikitable*/
#catlinks {
body .wikitable:not([style*="background-color"]) > * > tr > td,
    padding: 10px;
body .wikitable:not([style*="background-color"]) > * > tr > th {
    padding-top: 1em;
border-color: var(--box-border, #a2a9b1);
    margin-top: 2em;
background-color: var(--color-surface-1, #ffffff);
    margin-bottom: 2em;
}
    clear: both;
body .wikitable:not([style*="background-color"]) > * > tr > th {
    line-height: 1.8em;
color: var(--link-text);
}
}


/* [START] NS3000-3001: Yume Nikki */
/* [START] NS3000-3001: Yume Nikki */
.ns-3000, .ns-3001 {
.ns-3000, .ns-3001 {
    --link-text: #a5273c;
--cosmos-banner: #67333f;
    --link-text-hover: #C97D8A;
--link-text: #a5273c;
    --header-link-text: #ffffff;
--link-text-hover: #C97D8A;
    --button-color: #b06d7e;
--header-link-text: #ffffff;
    --footer-text: #b393a3;
--button-color: #b06d7e;
    --content-background: #e5cdd3;
--footer-text: #b393a3;
    --box-background: #D6ABB5;
--content-background: #e5cdd3;
    --box-border: #B06D7E
--box-background: #D6ABB5;
    background-color: #33191f;
--box-border: #B06D7E;
}
}
/*Section header*/
.ns-3000 #mw-content h2 {
    border-bottom: 1px solid #b393a3;
}
/* [END] NS3000-3001: Yume Nikki */
/* [END] NS3000-3001: Yume Nikki */


/* [START] NS3002-3003: Yume 2kki */
/* [START] NS3002-3003: Yume 2kki */
.ns-3002, .ns-3003 {
.ns-3002, .ns-3003 {
    --link-text: #7f2d3d;
--cosmos-banner: #362c3c;
    --link-text-hover: #331218;
--link-text: #7f2d3d;
    --header-link-text: #ffffff;
--link-text-hover: #331218;
    --button-color: #a492af;
--header-link-text: #ffffff;
    --footer-text: #c1afc4;
--button-color: #a492af;
    background-color: #dfdbc3;
--footer-text: #c1afc4;
    --box-background: #d7d3bc;
--content-background: #dfdbc3;
    --box-border: #b6b3a1;
--box-background: #d7d3bc;
}
--box-border: #b6b3a1;
 
/*Vars don't work so we're doing manual*/
.ns-3002 #mw-content a:not(.new), .ns-3003 #mw-content a:not(.new) {
    color: #7f2d3d
}
 
.ns-3002 #mw-content a:not(.new):hover, .ns-3003 #mw-content a:not(.new):hover {
    color: #331218;
}
 
.ns-3002 .effect-npc-header-link a {
    color: inherit;
}
 
/*Page split top table*/
.ns-3002 body .wikitable > * > tr > th, .ns-3002 .wikitable > * > tr > th {
border: 1px solid #B6B3A1;
    background-color: #D4D0B9;
    color:#7F2D3D;
}
 
/*Version history patchnotes table*/
.ns-3002 .article-table td {
    border-bottom: 1px solid #B7B4A2;
    padding: 6px 10px;
}
 
/*Section header*/
.ns-3002 #mw-content h2 {
    border-bottom: 1px solid #B7B4A2;
}
}


/*Computer Table*/
/*Computer Table*/
.ns-3002 .computer-table {
.ns-3002 .computer-table {
    width: 100%;
width: 100%;
    color: #EFEBEF;
color: #EFEBEF;
    font-weight: bold;
font-weight: bold;
    text-shadow: 2px 2px #2B332B;
text-shadow: 2px 2px #2B332B;
    border: solid #949294 4px;
border: solid #949294 4px;
    border-collapse: collapse;
border-collapse: collapse;
    border-top-color: #BDBAB5;
border-top-color: #BDBAB5;
    border-left-color: #BDBAB5;
border-left-color: #BDBAB5;
}
}


.ns-3002 .computer-table tbody {
.ns-3002 .computer-table tbody {
    background: url(https://yume.wiki/images/6/69/Computer-background.png) repeat top left;
background: url(https://yume.wiki/images/6/69/Computer-background.png) repeat top left;
    background-size: auto;
background-size: auto;
}
}


.ns-3002  .computer-table th {
.ns-3002  .computer-table th {
    height: 20px;
height: 20px;
    padding: 0 2px;
padding: 0 2px;
    text-align: center;
text-align: center;
    background: #523052 url(https://yume.wiki/images/f/f8/Computer-cross.png) no-repeat right center;
background: #523052 url(https://yume.wiki/images/f/f8/Computer-cross.png) no-repeat right center;
    background-size: auto;
background-size: auto;
    border: solid #BDBAB5 4px;
border: solid #BDBAB5 4px;
    border-bottom-color: #949294;
border-bottom-color: #949294;
    border-right-color: #949294;
border-right-color: #949294;
}
}


.ns-3002 .pchl {
.ns-3002 .pchl {
    color: #FFFF6B;
color: #FFFF6B;
}
}


/*Effectbox*/
/*Effectbox*/
.ns-3002 .portable-infobox.pi-background {
.ns-3002 .portable-infobox.pi-background {
    background-color: #D7D3BC;
background-color: #D7D3BC;
    border: solid #A9A692 1px;
border: solid #A9A692 1px;
}
}


.ns-3002 .portable-infobox .pi-title {
.ns-3002 .portable-infobox .pi-title {
    background-color: #43353a;
background-color: #43353a;
    color: #a28da5;
color: #a28da5;
    text-align: center;
text-align: center;
    font-weight: bold !important;
font-weight: bold !important;
    font-size: 22px !important;
font-size: 22px !important;
}
}


.ns-3002 .portable-infobox .pi-header {
.ns-3002 .portable-infobox .pi-header {
    font-weight: bold !important;
font-weight: bold !important;
    font-size: 16px !important;
font-size: 16px !important;
    background-color: #43353a;
background-color: #43353a;
    color: #a28da5;
color: #a28da5;
}
}


.ns-3002 .pi-data-value {
.ns-3002 .pi-data-value {
    min-width: 50%;
min-width: 50%;
}
}


.ns-3002 .portable-infobox .pi-data {
.ns-3002 .portable-infobox .pi-data {
    border-bottom: 1px #A9A692 solid;
border-bottom: 1px #A9A692 solid;
}
}
/* [END] NS3002-3003: Yume 2kki */
/* [END] NS3002-3003: Yume 2kki */


/* [START] NS3004-3005: .flow */
/* [START] NS3004-3005: .flow */
.ns-3004, .ns-3005 {
.ns-3004, .ns-3005 {
    --link-text: #696969;
--cosmos-banner: #787878;
    --link-text-hover: #979797;
--link-text: #696969;
    --header-link-text: #111111;
--link-text-hover: #979797;
    --button-color: #a1a1a1;
--header-link-text: #111111;
    --footer-text: #ffffff;
--button-color: #a1a1a1;
    --content-background: #b9b9b9;
--footer-text: #ffffff;
    /*--box-background: #FFFFFF;
--content-background: #b9b9b9;
    --box-border: #CCCCCC;*/
/*--box-background: #FFFFFF;
        background-color: #0e091f;
--box-border: #CCCCCC;*/
}
}
/* [END] NS3004-3005: .flow */
/* [END] NS3004-3005: .flow */


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


/* [START] NS3008-3009: Deep Dreams */
/* [START] NS3008-3009: Deep Dreams */
.ns-3008, .ns-3009 {
.ns-3008, .ns-3009 {
    --link-text: #950F70;
--cosmos-banner: #271a2a;
    --link-text-hover: #DD17A7;
--link-text: #950F70;
    --header-link-text: #e3c9db;
--link-text-hover: #DD17A7;
    --button-color: #bca0b4;
--header-link-text: #e3c9db;
    --footer-text: #d3dfe1;
--button-color: #bca0b4;
    --content-background: #D9D5DD;
--footer-text: #d3dfe1;
    --box-background: #B6ADBC;
--content-background: #D9D5DD;
    --box-border: #A69AAD;
--box-background: #B6ADBC;
    background-color: #704b6f;
--box-border: #A69AAD;
}
}
   
/*Section header*/
.ns-3008 #mw-content h2 {
  border-bottom: 1px solid #968BA0;
}
/* [END] NS3008-3009: Deep Dreams */
/* [END] NS3008-3009: Deep Dreams */


/* [START] NS3010-3011: Answered Prayers */
/* [START] NS3010-3011: Answered Prayers */
.ns-3010, .ns-3011 {
.ns-3010, .ns-3011 {
    --link-text: #3c7348;
--cosmos-banner: #228524;
    --link-text-hover: #7db19b;
--link-text: #3c7348;
    --header-link-text: #c2ff2b;
--link-text-hover: #639d84;
    --button-color: #228524;
--header-link-text: #c2ff2b;
    --footer-text: #94fd96;
--button-color: #228524;
    --content-background: #92c27b;
--footer-text: #94fd96;
    /*--box-background: #FFFFFF;
--content-background: #92c27b;
    --box-border: #CCCCCC;*/
/*--box-background: #FFFFFF;
    background-image: linear-gradient(180deg, transparent 10%, #001000 60%), url(/resources/assets/ap-bg-image.png);
--box-border: #CCCCCC;*/
}
}
/* [END] NS3010-3011: Answered Prayers */
/* [END] NS3010-3011: Answered Prayers */


/* [START] NS3012-3013: Amillusion */
/* [START] NS3012-3013: Amillusion */
.ns-3012, .ns-3013 {
.ns-3012, .ns-3013 {
    --link-text: #585105;
--cosmos-banner: #564228;
    --link-text-hover: #aca015;
--link-text: #585105;
    --header-link-text: #cbc051;
--link-text-hover: #aca015;
    --button-color: #cbc051;
--header-link-text: #cbc051;
    --footer-text: #aca015;
--button-color: #cbc051;
    --content-background: #f2c49f;
--footer-text: #aca015;
    /*--box-background: #FFFFFF;
--content-background: #f2c49f;
    --box-border: #CCCCCC;*/
/*--box-background: #FFFFFF;
    background-color: #815721;
--box-border: #CCCCCC;*/
}
}
/* [END] NS3012-3013: Amillusion */
/* [END] NS3012-3013: Amillusion */


/* [START] NS3014-3015: Uneven Dream */
/* [START] NS3014-3015: Uneven Dream */
.ns-3014, .ns-3015 {
.ns-3014, .ns-3015 {
    --link-text: #6f027c;
--cosmos-banner: #a47ca9;
    --link-text-hover: #150017;
--link-text: #6f027c;
    --header-link-text: #fce6ff;
--link-text-hover: #150017;
    --button-color: #6f027c;
--header-link-text: #fce6ff;
    --button-text: #ffffff;
--button-color: #6f027c;
    --footer-text: #000000;
--button-text: #ffffff;
    --content-background: #ffffff;
--footer-text: #000000;
    /*--box-background: #FFFFFF;
--content-background: #ffffff;
    --box-border: #CCCCCC;*/
/*--box-background: #FFFFFF;
    background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png);
--box-border: #CCCCCC;*/
}
}
/*[END] NS3014-3015: Uneven Dream */
/*[END] NS3014-3015: Uneven Dream */


/*[START] NS3016-3017: Braingirl */
/*[START] NS3016-3017: Braingirl */
.ns-3016, .ns-3017 {
.ns-3016, .ns-3017 {
    --link-text: #068959;
--cosmos-banner: #ce9b8f;
    --link-text-hover: #012719;
--link-text: #068959;
    --header-link-text: #6c4014;
--link-text-hover: #012719;
    --button-color: #00dc9a;
--header-link-text: #6c4014;
    --footer-text: #000000;
--button-color: #00dc9a;
    --content-background: #fff7e9;
--footer-text: #000000;
    --box-background: #e4e5df;
--content-background: #fff7e9;
    --box-border: #c0c1bd;
--box-background: #e4e5df;
    background: #180c29;
--box-border: #c0c1bd;
}
 
/*Section header*/
.ns-3016 #mw-content h2 {
  border-bottom: 1px solid #909090;
}
 
/* Link color */
.ns-3016 a,
.ns-3016 #mw-panel a,
.ns-3017 a,
.ns-3017 #mw-panel a {
    color: #068959;
}
}
.ns-3016 a:hover, .ns-3016 #mw-panel a:hover, .ns-3017 a:hover, .ns-3017 #mw-panel a:hover {
    color: #007652;
}
.ns-3016 a.new, .ns-3016 #mw-head a.new, .ns-3017 a.new, .ns-3017 #mw-head a.new {
    color: #bf0017;
}
.ns-3016 a.new:hover, .ns-3016 #mw-head a.new:hover, .ns-3017 a.new:hover, .ns-3017 #mw-head a.new:hover {
    color: #59000a;
}
/*[END] NS3014-3015: Braingirl */
/*[END] NS3014-3015: Braingirl */


/*[START] NS3018-3019: Collective Unconscious */
/*[START] NS3018-3019: Collective Unconscious */
.ns-3018, .ns-3019 {
.ns-3018, .ns-3019 {
--cosmos-banner: #1f4a7d;
--link-text: #25378D;
--link-text: #25378D;
--link-text-hover: #268ECC;
--link-text-hover: #268ECC;
    --header-link-text: #ffffff;
--header-link-text: #ffffff;
    --button-color: #66a0c3;
--button-color: #66a0c3;
    --footer-text: #d3dfe1;
--footer-text: #d3dfe1;
    --content-background: #CDE7F5;
--content-background: #CDE7F5;
    --box-background: #8CBDD7;
--box-background: #8CBDD7;
    --box-border: #62A4C8;
--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;*/
}
}


/*Section header*/
/* adds drop shadow to article, changes padding of mw-content-wrapper so the drop shadow is properly placed */
.ns-3018 #mw-content h2 {
.ns-3020 #mw-content-wrapper, .ns-3021 #mw-content-wrapper {
    border-bottom: 1px solid #558ED5;
box-shadow: -5px 5px 10px 10px #00000050;
padding: 0;
}
}


.ns-3018 #mw-content .toc > ul {
/* header and footer rounding */
    padding: 10px;
.ns-3020 .citizen-header, .ns-3021 .citizen-header {
    border-top: solid 1px #62A4C8;
border-radius: 5px 5px 0px 0px;
    margin: 0;
}
}


/*[END] NS3018-3019: Collective Unconscious */
.ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer {
border-radius: 0px 0px 5px 5px;
}


/*[START] NS3018-3019: Cerasus */
/* changes footer toolbar color (THIS WILL NOT BE VISIBLE) */
.ns-3020, .ns-3021 {
.ns-3020 #cosmos-toolbar, .ns-3021 #cosmos-toolbar {
    --link-text: #fa6e79;
background-color: #ac2847;
    --link-text-hover: #ff0000;
background-image: none;
    --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 .citizen-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3021 .citizen-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
.ns-3020 #mw-content-wrapper, .ns-3021 #mw-content-wrapper {
color: #ffffff95;
    box-shadow: -5px 5px 10px 10px #00000050;
    padding: 0;
}
}


/* changes h1 & h2 bottom border colors */
/* changes h1 & h2 bottom border colors */
.ns-3020 h1, .ns-3021 h1, .ns-3020 h2, .ns-3021 h2 {
.ns-3020 h1, .ns-3021 h1, .ns-3020 h2, .ns-3021 h2 {
    border-bottom: solid 1px #00000080;
border-bottom: solid 1px #00000080;
}
}


/* changes the color of the dividers on the footer */
/* 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  {
.ns-3020 #footer-places > li:not(:first-child)::before, .ns-3020 #footer-places > li:not(:first-child)::before  {
    color: #000000;
color: #000000;
}
}


/* changes the color of the border around an image with a caption */
/* changes the color of the border around an image with a caption */
.ns-3020 li.gallerybox div.thumb {
.ns-3020 li.gallerybox div.thumb {
    border: 1px solid #00000080;
border: 1px solid #00000080;
}
}


Line 391: Line 376:
/* [START] NS3022-3023: Muma|Rope */
/* [START] NS3022-3023: Muma|Rope */
.ns-3022, .ns-3023 {
.ns-3022, .ns-3023 {
--cosmos-banner: #101010;
--link-text: #ff14c0;
--link-text: #ff14c0;
--link-text-hover: #ff14c080;
--link-text-hover: #ff14c080;
Line 396: Line 382:
--button-color: #ffffff;
--button-color: #ffffff;
--footer-text: #666666;
--footer-text: #666666;
    /*--box-background: #FFFFFF;
--box-background: #000000;
    --box-border: #CCCCCC;*/
--box-border: #ffffff;


/* Background color + calculated accessible text color */
/* Background color + calculated accessible text color */
Line 405: Line 391:
--content-background: rgb(var(--bg-red), var(--bg-green), var(--bg-blue));
--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);
--accessible-color: calc(((((var(--bg-red) * 299) + (var(--bg-blue) * 587) + (var(--bg-green) * 114)) / 1000) - 128) * -1000);
background-color: #1a1a1a;
}
/* Text styling with respect to background color */
.ns-3022 #mw-content-text, .ns-3023 #mw-content #mw-content-text,
.ns-3022 #mw-content-text .mw-editsection-bracket, .ns-3022 #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-3022 #stub span{
color: rgb(var(--accessible-color), var(--accessible-color), var(--accessible-color));
}
.ns-3022 #mw-content-text .thumbcaption{
    background-color: rgb(var(--bg-red), var(--bg-green), var(--bg-blue));
    color: rgb(var(--accessible-color), var(--accessible-color), var(--accessible-color));
}
}


.ns-3022 .smw-factbox .smwfact {
/*Text color override*/
background-color: #000000;
.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;
color: #ffffff;
}
}


.ns-3022 .smwfact .smw-table-row {
.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary {
background-color: #000000;
stroke: #ffffff;
}
}


.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label {
.ns-3022 #cosmos-toolbar a,.ns-3023 #cosmos-toolbar a {
color: #ffffff;
color: var(--header-link-text);
background-color: #000000
}
}


.ns-3022 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3022 .ve-ce-focusableNode-highlight,
.ns-3022 #mw-content-text .thumbcaption,
.ns-3023 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3023 .ve-ce-focusableNode-highlight {
.ns-3022 .smw-factbox .smwfact,
color: #ffffff;
.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;
background-color: #000000;
}
.ns-3022 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label,
.ns-3023 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
color:#ffffff;
}
.ns-3022 .infobox {
    background-color: #000000;
    border-color: #ffffff;
}
.ns-3022 .legacy-infobox {
    background-color: #000000;
    border-color: #ffffff;
}
.ns-3022 #catlinks {
    background-color: #000000;
    padding: 10px;
    padding-top: 1em;
    border: 1px solid #ffffff;
    margin-top: 2em;
    margin-bottom: 2em;
    clear: both;
    color: #ffffff;
    line-height: 1.8em;
}
.ns-3022 .mw-editform #editpage-copywarn {
  font-size: 0.9em;
  line-height: 1.26;
  color: #ffffff;
}
}
/* [END] NS3022-3023: Muma|Rope Wiki */
/* [END] NS3022-3023: Muma|Rope Wiki */
Line 483: Line 447:
/* [START] NS3026-3027: Dream Genie Wiki */
/* [START] NS3026-3027: Dream Genie Wiki */
.ns-3026, .ns-3027 {
.ns-3026, .ns-3027 {
    --link-text: #915732;
--cosmos-banner: #77503b;
    --link-text-hover: #d8b749;
--link-text: #915732;
    --header-link-text: #d6b6b5;
--link-text-hover: #d8b749;
    --button-color: #cdb48c;
--header-link-text: #d6b6b5;
    --footer-text: #d8b749;
--button-color: #cdb48c;
    --content-background: #fdfef6;
--footer-text: #d8b749;
    /*--box-background: #FFFFFF;
--content-background: #fdfef6;
    --box-border: #CCCCCC;*/
/*--box-background: #FFFFFF;
    background: linear-gradient(180deg, #00000000 20%, #43332a 100%), url(/resources/assets/genie-bg-image.png);
--box-border: #CCCCCC;*/
}
}
/* [END] NS3026-3027: Dream Genie Wiki */
/* [END] NS3026-3027: Dream Genie Wiki */
Line 497: Line 461:
/* [START] NS3028-3029: Mikan Muzou Wiki */
/* [START] NS3028-3029: Mikan Muzou Wiki */
.ns-3028, .ns-3029 {
.ns-3028, .ns-3029 {
--cosmos-banner: #323434;
--link-text: #863931;
--link-text: #863931;
--link-text-hover: #C76C63;
--link-text-hover: #C76C63;
    --header-link-text: #ffffff;
--header-link-text: #ffffff;
    --button-color: #8c949b;
--button-color: #8c949b;
    --footer-text: #7c8689;
--footer-text: #7c8689;
--content-background: #DADCDE;
--content-background: #DADCDE;
    --box-background: #B4B5B6;
--box-background: #B4B5B6;
    --box-border: #888888;
--box-border: #888888;
    background-color: #1f2121;
}
}
/*Section header*/
.ns-3028 #mw-content h2 {
  border-bottom: 1px solid #8F989E;
}
/* [END] NS3028-3029: Mikan Muzou Wiki */
/* [END] NS3028-3029: Mikan Muzou Wiki */


/* [START] NS3030-3031: Ultra Violet Wiki */
/* [START] NS3030-3031: Ultra Violet Wiki */
.ns-3030, .ns-3031 {
.ns-3030, .ns-3031 {
    --link-text: #7248cb;
--cosmos-banner: #a979b3;
    --link-text-hover: #866ed6;
--link-text: #7248cb;
    --header-link-text: #4c2288;
--link-text-hover: #866ed6;
    --button-color: #c396d1;
--header-link-text: #4c2288;
    --footer-text: #000000;
--button-color: #c396d1;
    --content-background: #eadbed;
--footer-text: #000000;
    /*--box-background: #FFFFFF;
--content-background: #eadbed;
    --box-border: #CCCCCC;*/
/*--box-background: #FFFFFF;
    background: linear-gradient(180deg, #ffffff60 20%, #c8a5cf 100%), url(/resources/assets/uv-bg-image.png);
--box-border: #CCCCCC;*/
}
}
/* [END] NS3030-3031: Ultra Violet Wiki */
/* [END] NS3030-3031: Ultra Violet Wiki */
Line 531: Line 489:
/* [START] NS3032-3033: She Awaits Wiki */
/* [START] NS3032-3033: She Awaits Wiki */
.ns-3032, .ns-3033 {
.ns-3032, .ns-3033 {
    --link-text: #060da1;
--cosmos-banner: #797cd9;
    --link-text-hover: #515392;
--link-text: #060da1;
    --header-link-text: #f3ddd3;
--link-text-hover: #515392;
    --button-color: #d0d1f9;
--header-link-text: #f3ddd3;
    --footer-text: #ffffff;
--button-color: #d0d1f9;
    --content-background: #b3b6f6;
--footer-text: #ffffff;
    /*--box-background: #FFFFFF;
--content-background: #b3b6f6;
    --box-border: #CCCCCC;*/
--box-background: #9fa3f4;
    background-color: #6a70c7;
--box-border: #7278ca;
}
 
.ns-3032 .legacy-infobox {
    background-color: #9fa3f4;
    border-color: #7278ca;
}
}
/* [END] NS3032-3033: She Awaits Wiki */
/* [END] NS3032-3033: She Awaits Wiki */
Line 550: Line 503:
/* [START] NS3034-3035: Oversomnia Wiki */
/* [START] NS3034-3035: Oversomnia Wiki */
.ns-3034, .ns-3035 {
.ns-3034, .ns-3035 {
    --link-text: #713f18;
--cosmos-banner: #82574e;
    --link-text-hover: #775952;
--link-text: #713f18;
    --header-link-text: #ffffff;
--link-text-hover: #775952;
    --button-color: #bb8376;
--header-link-text: #ffffff;
    --footer-text: #ffe7ad;
--button-color: #bb8376;
    --content-background: #ffe7ad;
--footer-text: #ffe7ad;
    /*--box-background: #FFFFFF;
--content-background: #ffe7ad;
    --box-border: #CCCCCC;*/
--box-background: #edcbaf;
    background-color: #000000;
--box-border: #99695f;
}
 
.ns-3034 .legacy-infobox {
    background-color: #edcbaf;
    border-color: #99695f;
}
}
/* [END] NS3034-3035: Oversomnia Wiki */
/* [END] NS3034-3035: Oversomnia Wiki */
Line 569: Line 517:
/* [START] NS3036-3037: Yume Tagai Wiki */
/* [START] NS3036-3037: Yume Tagai Wiki */
.ns-3036, ns-3037 {
.ns-3036, ns-3037 {
    --link-text: #d00c96;
--cosmos-banner: #d71c67;
    --link-text-hover: #f76ece;
--link-text: #d00c96;
    --header-link-text: #ffffff;
--link-text-hover: #f76ece;
    --button-color: #ea6198;
--header-link-text: #ffffff;
    --footer-text: #f3a5c4;
--button-color: #ea6198;
    --content-background: #FFDDE1;
--footer-text: #f3a5c4;
    /*--box-background: #FFFFFF;
--content-background: #FFDDE1;
    --box-border: #CCCCCC;*/
--box-background: #fbdaeb;
    background-color: #8A0028;
--box-border: #ca72ad;
}
 
.ns-3036 .legacy-infobox {
    background-color: #fbdaeb;
    border-color: #ca72ad;
}
}
/* [END] NS3036-3037: Yume Tagai Wiki */
/* [END] NS3036-3037: Yume Tagai Wiki */
Line 588: Line 531:
/* [START] NS3038-3039: Yume Tsushin Wiki */
/* [START] NS3038-3039: Yume Tsushin Wiki */
.ns-3038, ns-3039 {
.ns-3038, ns-3039 {
    --link-text: #60559B;
--cosmos-banner: #7e7d78;
    --link-text-hover: #887ACB;
--link-text: #60559B;
    --header-link-text: #ffffff;
--link-text-hover: #887ACB;
    --button-color: #515B79;
--header-link-text: #ffffff;
    --footer-text: #6CC9D9;
--button-color: #515B79;
    --box-background: #C2C2C7;
--footer-text: #6CC9D9;
    --box-border: #7e7d78;
--box-background: #C2C2C7;
    --content-background: #DDD;
--box-border: #7e7d78;
}
}
/*Section header*/
.ns-3038 #mw-content h2 {
  border-bottom: 1px solid #7e7d78;
}
/* [END] NS3038-3039: Yume Tsushin Wiki */
/* [END] NS3038-3039: Yume Tsushin Wiki */


/* [START] NS3040-3041: nostAlgic Wiki */
/* [START] NS3040-3041: nostAlgic Wiki */
.ns-3040, .ns-3041 {
.ns-3040, .ns-3041 {
    --link-text: #4646b6;
--cosmos-banner: #5959b7;
    --link-text-hover: #eeeeff;
--link-text: #4646b6;
    --header-link-text: #ffffff;
--link-text-hover: #eeeeff;
    --button-color: #FCFF75;
--header-link-text: #ffffff;
    --footer-text: #d3dfe1;
--button-color: #FCFF75;
    --content-background: #b2f1ce;
--footer-text: #d3dfe1;
    /*--box-background: #FFFFFF;
--content-background: #b2f1ce;
    --box-border: #CCCCCC;*/
--box-background: #93ebbb;
    background-color: #4ee19e;
--box-border: #7e7d78;
}
 
.ns-3040 .legacy-infobox {
    background-color: #93ebbb;
    border-color: #7e7d78;
}
}
/* [END] NS3040-3041: nostAlgic Wiki */
/* [END] NS3040-3041: nostAlgic Wiki */


/* [START] NS3042-3043: If Wiki */


/* [START] Common namespace-level theming */
.ns-3042, .ns-3043 {
 
--cosmos-banner: #4d004c;
/*Input form button*/
--link-text: #ff00ff;
@media screen {
--link-text-hover: #521852;
.ns-3000 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3001 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
--header-link-text: #ffffff;
.ns-3002 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3003 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
--button-color: #ff82ff;
.ns-3004 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3005 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
--footer-text: #d3dfe1;
.ns-3006 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3007 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
--content-background: #ffe5ff;
.ns-3008 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3009 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
--box-background: #f4d7f4;
.ns-3010 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3011 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
--box-border: #660066;
.ns-3012 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3013 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3014 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3015 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3016 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3017 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3018 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3019 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3020 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3021 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3022 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3023 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3026 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3027 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3028 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3029 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3030 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3031 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3032 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3033 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3034 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3035 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3036 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3037 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3038 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3039 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
.ns-3040 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3041 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button {
    cursor: default;
    color:#000000;
  } 
}
}
 
/* [END] NS3042-3043: If Wiki */
/* [END] Common namespace-level theming */

Latest revision as of 06:28, 29 October 2024

/* All CSS here will be loaded for users of the Citizen skin */
/* Right now its just copied from cosmos */

:root .mediawiki {
	--color-primary__h: var(--primary__h, 220);
	--color-primary__s: var(--primary__s, 60%);
	--color-primary__l: var(--primary__l, 50%);
	--color-surface-0: var(--content-background, hsl(0,0%,100%));
	--color-surface-1: var(--box-background, hsl(0,0%,100%));
	--color-surface-2: hsl(from var(--content-background, hsl(210,0%,100%)) h calc(s + 17) calc(l * 0.98));
	--color-surface-3: hsl(from var(--content-background, hsl(210,0%,100%)) h calc(s + 17) calc(l * 0.93));
	--color-surface-4: hsl(from var(--content-background, hsl(210,0%,100%)) h calc(s + 9) calc(l * 0.80));
	--color-base: #54595d;
	--color-base--emphasized: #202122;
	--color-base--subtle: #72777d;
	--color-primary: hsl(from var(--link-text, hsl(220 60% 50%)) h s l);
	--color-primary--hover: hsl(from var(--link-text, hsl(220 60% 50%)) h s calc(l * 1.2));
	--color-primary--active: hsl(from var(--link-text, hsl(220 60% 50%)) h s calc(l * 0.8));
	--background-color-primary--hover: hsl(from var(--link-text, hsl(220 60% 0)) h s 95%);
	--background-color-primary--active: hsl(from var(--link-text, hsl(220 60% 0)) h s 90%);
	--color-surface-2--hover: hsl(210,17%,100%);
	--color-surface-2--active: hsl(210,17%,96%);
	--background-color-destructive: rgba(221,51,51,0.1);
	--background-color-success: rgba(0,175,137,0.1);
	--background-color-warning: rgba(255,204,51,0.1);
	--box-shadow-card: 0 2.8px 2.2px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 6.7px 5.3px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .01)),0 12.5px 10px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 22.3px 17.9px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 41.8px 33.4px -4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 100px 80px -4px hsl(var(--surface-shadow) / var(--shadow-strength));
	--box-shadow-dialog: 0 2.8px 2.2px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--surface-shadow) / calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--surface-shadow) / var(--shadow-strength));
	--surface-shadow: hsl(from var(--link-text, hsl(220 0 0)) h 10% 20%);
	--shadow-strength: 0.02
}

a {
	--color-link: var(--color-primary);
	--color-link--hover: var(--color-primary--hover);
	--color-link--active: var(--color-primary--active)
}

:root.skin-citizen-dark .mediawiki {
	--color-primary: hsl(from var(--link-text, hsl(220 60% 0)) h s 60%);
	--color-surface-0: hsl(from var(--content-background, hsl(220 0 0)) h 20% 10%);
	--color-surface-1: hsl(from var(--box-background, hsl(220 0 0)) h 25% 12%);
	--color-surface-2: hsl(from var(--link-text, hsl(220 0 0)) h 25% 15%);
	--color-surface-3: hsl(from var(--link-text, hsl(220 0 0)) h 15% 20%);
	--color-surface-4: hsl(from var(--link-text, hsl(220 0 0)) h 15% 25%);
	--color-base--emphasized: hsl(from var(--link-text, hsl(220 0 0)) h 80% 95%);
	--color-base: hsl(from var(--link-text, hsl(220 0 0)) h 25% 80%);
	--color-base--subtle: hsl(from var(--link-text, hsl(220 0 0)) h 25% 65%);
	--background-color-primary--hover: hsl(from var(--link-text, hsl(220 60% 0)) h s 15%);
	--background-color-primary--active: hsl(from var(--link-text, hsl(220 60% 0)) h s 20%);
	--background-color-overlay: hsl(from var(--link-text, hsl(220 0 0)) h 20% 10% / 95%);
	--background-color-overlay--lighter: hsl(from var(--link-text, hsl(220 0 0)) h 20% 10% / 60%);
	--color-surface-2--hover: hsl(from var(--link-text, hsl(220 0 0)) h 30% 19%);
	--color-surface-2--active: hsl(from var(--link-text, hsl(220 0 0)) h 30% 11%);
	--surface-shadow: hsl(from var(--link-text, hsl(220 0 0)) h 50% 3%);
	--shadow-strength: 0.8
}

/*Dark mode welcome banner*/
.skin-citizen-dark #welcome-banner {
	background:#682e70;
}

/*Stupid table override*/
table {
	display: table
}

/*Underline red links for better visibility in all skins*/
a.new {
  text-decoration: underline
}

/*Red discussion button if new*/
#ca-talk.new a {
  color:var(--color-link-new);
  text-decoration: underline
}

/*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*/
element.style {
	width: 141px;
}

li.gallerybox div.thumb {
	background: none !important;
}

/*Locationbox*/
.infobox {
	background-color: var(--color-surface-1, #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(--color-surface-1, #ffffff);
}
body .wikitable:not([style*="background-color"]) > * > tr > th {
	color: var(--link-text);
}

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

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

/* 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 .citizen-header, .ns-3021 .citizen-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 .citizen-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3021 .citizen-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);
}

	/*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;
}
/* [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;*/
}
/* [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;
}
/* [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;*/
}
/* [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;
}
/* [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;
}
/* [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;
}
/* [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;
}
/* [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;
}
/* [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;
}
/* [END] NS3042-3043: If Wiki */
Retrieved from "https://yume.wiki/index.php?title=MediaWiki:Citizen.css&oldid=497645"