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



YumeWiki
YumeWiki
3,280Articles

MediaWiki:Cosmos.css: Difference between revisions

The rewritten Style Guide has an open discussion of the spoiler policy. The current policy will be used if no new consensus is reached. Discuss it here.

(dropdown arrow)
(auto box and border colours if none specified (although it does make mainspace stuff a bit darker))
Line 3: Line 3:
/*Override sticky banner and toolbar*/
/*Override sticky banner and toolbar*/
#cosmos-banner, #cosmos-toolbar {
#cosmos-banner, #cosmos-toolbar {
position: static !important;
position: static !important
}
}


/* banner, header, and footer background color */
/* banner, header, and footer background color */
#cosmos-banner, .cosmos-header, #cosmos-footer {
#cosmos-banner, .cosmos-header, #cosmos-footer {
background-color: var(--cosmos-banner, #c0c0c0);
background-color: var(--cosmos-banner, #c0c0c0)
}
}


Line 14: Line 14:
#cosmos-banner-content {
#cosmos-banner-content {
width: 89%;
width: 89%;
margin: 0 auto;
margin: 0 auto
}
}


Line 20: Line 20:
#cosmos-banner-content {
#cosmos-banner-content {
width: 1650px;
width: 1650px;
max-width: 95%;
max-width: 95%
}
}
}
}
Line 27: Line 27:
#searchInput::placeholder,
#searchInput::placeholder,
.wvui-input__input::placeholder {
.wvui-input__input::placeholder {
color: #000000a0;
color: #000000a0
}
}


Line 35: Line 35:
z-index: 998;
z-index: 998;
top: 55px;
top: 55px;
width: 80%;
width: 80%
}
}
}
}
Line 44: Line 44:
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label,
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label,
.cosmos-button-primary.cosmos-button.cosmos-mobile-menu-button {
.cosmos-button-primary.cosmos-button.cosmos-mobile-menu-button {
color:var(--header-link-text,#000000)
color: var(--header-link-text,#000000)
}
}


#cosmos-userButton-avatar, #cosmos-userButton-icon {
#cosmos-userButton-avatar, #cosmos-userButton-icon {
stroke: var(--header-link-text, #000000);
stroke: var(--header-link-text, #000000)
}
}


#cosmos-userButton-icon {
#cosmos-userButton-icon {
fill: var(--header-link-text, #000000);
fill: var(--header-link-text, #000000)
}
}


Line 58: Line 58:
@media screen {
@media screen {
.cosmos-header .cosmos-header__sitename a {
.cosmos-header .cosmos-header__sitename a {
color: var(--header-link-text, #000000);
color: var(--header-link-text, #000000)
}
}
}
}
Line 66: Line 66:
.cosmos-header .wds-tabs .wds-tabs__tab-label a,
.cosmos-header .wds-tabs .wds-tabs__tab-label a,
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
color: var(--header-link-text, #000000);
color: var(--header-link-text, #000000)
}
}


.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
opacity: 0.8;
opacity: 0.8
}
}


Line 81: Line 81:
.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) {
.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) {
background-color: rgb(from var(--link-text-hover, rgb(0 108 176)) r g b / calc(alpha - 0.9));
background-color: rgb(from var(--link-text-hover, rgb(0 108 176)) r g b / calc(alpha - 0.9));
color:var(--link-text-hover, #0645ad)
color: var(--link-text-hover, #0645ad)
}
}


Line 89: Line 89:
.cosmos-dropdown-list > li > a:only-child,
.cosmos-dropdown-list > li > a:only-child,
.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
color:var(--link-text, #3a3a3a)
color: var(--link-text, #3a3a3a)
}
}


.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label,
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label,
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label > a {
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label > a {
opacity: 1.0;
opacity: 1.0
}
}


Line 104: Line 104:
.cosmos-dropdown-list,
.cosmos-dropdown-list,
#cosmos-actionsList-list {
#cosmos-actionsList-list {
background-color: var(--box-background, var(--content-background, #fff));
background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
border-color: var(--box-border, #00000030);
border-color: var(--box-border, #00000030);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
Line 111: Line 111:
/*dropdown arrow*/
/*dropdown arrow*/
.cosmos-header .wds-dropdown:after {
.cosmos-header .wds-dropdown:after {
border-bottom-color:var(--box-background, #fff);
border-bottom-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)))
}
}


Line 117: Line 117:
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
.wds-tabs__tab-label span {
.wds-tabs__tab-label span {
color:var(--link-text, #3a3a3a)
color: var(--link-text, #3a3a3a)
}
}
.wds-tabs {
.wds-tabs {
background-color:var(--box-background,var(--content-background,#fff));
background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
border-color:var(--box-border,#00000030);
border-color: var(--box-border,#00000030);
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)
}
}
}
}
Line 133: Line 133:
/* remove gradient from header */
/* remove gradient from header */
.cosmos-header:before {
.cosmos-header:before {
background: none;
background: none
}
}


Line 145: Line 145:
.cosmos-header .wds-button.wds-is-secondary:hover,
.cosmos-header .wds-button.wds-is-secondary:hover,
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button:hover {
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button:hover {
border-color: rgb(from var(--header-link-text, #fff) r g b / calc(alpha - 0.2));
border-color: rgb(from var(--header-link-text, #fff) r g b / calc(alpha - 0.2))
}
}


Line 151: Line 151:
/* footer text colors */
/* footer text colors */
.cosmos-footerLinks-list {
.cosmos-footerLinks-list {
color: var(--footer-text, var(--header-link-text, #666666));
color: var(--footer-text, var(--header-link-text, #666666))
}
}


/* footer link color */
/* footer link color */
#cosmos-footer a {
#cosmos-footer a {
color: var(--header-link-text, #000000);
color: var(--header-link-text, #000000)
}
}


Line 164: Line 164:
max-width: 100%;
max-width: 100%;
margin: auto;
margin: auto;
float: none;
float: none
}
}


Line 171: Line 171:
color: var(--button-text, #000000);
color: var(--button-text, #000000);
stroke: var(--button-text, #000000);
stroke: var(--button-text, #000000);
background-color: var(--button-color, var(--box-background, #c0c0c0))
background-color: var(--button-color, hsl(from var(--box-background, #fff) h s calc(l - 24.7)))
}
}


.cosmos-dropdown-icon svg {
.cosmos-dropdown-icon svg {
fill: var(--button-text, #000000);
fill: var(--button-text, #000000)
}
}


Line 181: Line 181:
.cosmos-button.new {
.cosmos-button.new {
color:#dd3333;
color:#dd3333;
stroke:#dd3333;
stroke:#dd3333
}
}


/*Discussion button border*/
/*Discussion button border*/
.cosmos-button.cosmos-button-secondary:hover {
.cosmos-button.cosmos-button-secondary:hover {
border-color: var(--box-border, #000000);
border-color: var(--box-border, #000000)
}
}


Line 204: Line 204:
/*General content*/
/*General content*/
body #mw-content-container {
body #mw-content-container {
padding-top: 0;
padding-top: 0
}
}


#mw-content-wrapper {
#mw-content-wrapper {
width: 90%;
width: 90%;
padding: 0 20px;
padding: 0 20px
}
}


#mw-indicator-smw-entity-examiner {
#mw-indicator-smw-entity-examiner {
display: none;
display: none
}
}


element.style {
element.style {
width: 141px;
width: 141px
}
}


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


/* article background color */
/* article background color */
#mw-content {
#mw-content {
background-color: var(--content-background, #ffffff);
background-color: var(--content-background, #ffffff)
}
}


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


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


Line 242: Line 242:
@media screen {
@media screen {
.skin-cosmos .toc {
.skin-cosmos .toc {
background-color: var(--box-background, #cccccc20);
background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
border: 1px solid var(--box-border, #00000030);
border: 1px solid var(--box-border, #00000030)
}
}
}
}
Line 253: Line 253:
/*No border between toc caption and list*/
/*No border between toc caption and list*/
#mw-content .toc > ul {
#mw-content .toc > ul {
border-top: solid 0px;
border-top: solid 0px
}
}


Line 261: Line 261:
padding: 3px 0;
padding: 3px 0;
/*h2 underline, manual ns-specific styles will still override*/
/*h2 underline, manual ns-specific styles will still override*/
border-bottom-color: var(--box-border, var(--box-background, rgb(0 0 0 / 0.2)));
border-bottom-color: var(--box-border, var(--box-background, rgb(0 0 0 / 0.2)))
}
}


/*Locationbox*/
/*Locationbox*/
.infobox {
.infobox {
background-color: var(--box-background, #f4f4f4);
background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
border: 1px solid var(--box-border, #888888);
border: 1px solid var(--box-border, hsl(from var(--content-background, #bbb) h s calc(l - 20)))
}
}


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


/*Category ribbon from bottom of page*/
/*Category ribbon from bottom of page*/
#catlinks {
#catlinks {
background-color: var(--box-background, #ffffff);
background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
border: 1px solid var(--box-border, #cccccc);
border: 1px solid var(--box-border, hsl(from var(--content-background, #fff) h s calc(l - 20)))
}
}


Line 297: Line 298:
--box-background: #D6ABB5;
--box-background: #D6ABB5;
--box-border: #B06D7E;
--box-border: #B06D7E;
background-color: #33191f;
background-color: #33191f
}
}


/*Section header*/
/*Section header*/
.ns-3000 #mw-content h2 {
.ns-3000 #mw-content h2 {
border-bottom: 1px solid #b393a3;
border-bottom: 1px solid #b393a3
}
}
/* [END] NS3000-3001: Yume Nikki */
/* [END] NS3000-3001: Yume Nikki */

Revision as of 01:05, 1 November 2024

/* All CSS here will be loaded for users of the Cosmos skin */

/*Override sticky banner and toolbar*/
#cosmos-banner, #cosmos-toolbar {
	position: static !important
}

/* banner, header, and footer background color */
#cosmos-banner, .cosmos-header, #cosmos-footer {
	background-color: var(--cosmos-banner, #c0c0c0)
}

/*Banner*/
#cosmos-banner-content {
	width: 89%;
	margin: 0 auto
}

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

/*Search placeholder text*/
#searchInput::placeholder,
.wvui-input__input::placeholder {
	color: #000000a0
}

/* Mobile menu button */
@media screen and (max-width: 850px) {
	.wds-tabs {
		z-index: 998;
		top: 55px;
		width: 80%
	}
}

/* article counter, username, and mobile menu button color */
.cosmos-header .cosmos-header__counter,
.cosmos-userButton-label,
.cosmos-userOptions-personalTools:hover .cosmos-userButton-label,
.cosmos-button-primary.cosmos-button.cosmos-mobile-menu-button {
	color: var(--header-link-text,#000000)
}

#cosmos-userButton-avatar, #cosmos-userButton-icon {
	stroke: var(--header-link-text, #000000)
}

#cosmos-userButton-icon {
	fill: var(--header-link-text, #000000)
}

/* header link color */
@media screen {
	.cosmos-header .cosmos-header__sitename a {
		color: var(--header-link-text, #000000)
	}
}

/* header tabber text colors */
.cosmos-header .wds-tabs .wds-tabs__tab-label,
.cosmos-header .wds-tabs .wds-tabs__tab-label a,
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
	color: var(--header-link-text, #000000)
}

.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
	opacity: 0.8
}

/*Tab colors*/
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button),
.cosmos-dropdown-list > ul > a:only-child:hover,
.cosmos-dropdown-list > ul > li > a:only-child:hover,
.cosmos-dropdown-list > li > a:only-child:hover,
#cosmos-actionsList-list a:not(.new):hover,
.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) {
	background-color: rgb(from var(--link-text-hover, rgb(0 108 176)) r g b / calc(alpha - 0.9));
	color: var(--link-text-hover, #0645ad)
}

.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li > a:not(.wds-button),
.cosmos-dropdown-list > ul > a:only-child,
.cosmos-dropdown-list > ul > li > a:only-child,
.cosmos-dropdown-list > li > a:only-child,
.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
	color: var(--link-text, #3a3a3a)
}

.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label,
.wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label > a {
	opacity: 1.0
}

.wds-tabs__tab-label {
	border-bottom-color: var(--box-border, var(--box-background, rgba(160, 160, 160, 0.2)))
}

.cosmos-header .wds-dropdown__content,
.cosmos-dropdown-list,
#cosmos-actionsList-list {
	background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
	border-color: var(--box-border, #00000030);
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/*dropdown arrow*/
.cosmos-header .wds-dropdown:after {
	border-bottom-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)))
}

/*Mobile menu colors*/
@media screen and (max-width: 850px) {
	.wds-tabs__tab-label span {
		color: var(--link-text, #3a3a3a)
	}
	.wds-tabs {
		background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
		border-color: var(--box-border,#00000030);
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)
	}
}

/*bold dropdown*/
.wds-list.wds-is-linked a {
	font-weight: bold
}

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

/*Secondary buttons style*/
.cosmos-header .wds-button.wds-is-secondary,
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
	border-color: var(--header-link-text, #fff);
	color: var(--header-link-text, #fff)
}

.cosmos-header .wds-button.wds-is-secondary:hover,
.cosmos-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button:hover {
	border-color: rgb(from var(--header-link-text, #fff) r g b / calc(alpha - 0.2))
}

/*Footer*/
	/* footer text colors */
.cosmos-footerLinks-list {
	color: var(--footer-text, var(--header-link-text, #666666))
}

	/* footer link color */
#cosmos-footer a {
	color: var(--header-link-text, #000000)
}

/*Toolbar*/
#cosmos-toolbar {
	box-shadow: none;
	max-width: 100%;
	margin: auto;
	float: none
}

/*Primary button (Edit button)*/
.cosmos-button-primary {
	color: var(--button-text, #000000);
	stroke: var(--button-text, #000000);
	background-color: var(--button-color, hsl(from var(--box-background, #fff) h s calc(l - 24.7)))
}

.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, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
		border: 1px solid var(--box-border, #00000030)
	}
}

.toc .tocnumber {
	font-weight: bold;
}

/*No border between toc caption and list*/
#mw-content .toc > ul {
	border-top: solid 0px
}

/*Section header*/
#mw-content h2 {
	font-weight: 500;
	padding: 3px 0;
	/*h2 underline, manual ns-specific styles will still override*/
	border-bottom-color: var(--box-border, var(--box-background, rgb(0 0 0 / 0.2)))
}

/*Locationbox*/
.infobox {
	background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
	border: 1px solid var(--box-border, hsl(from var(--content-background, #bbb) h s calc(l - 20)))
}

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

body .wikitable:not([style*="background-color"]) > * > tr > th {
	color: var(--link-text)
}

/*Category ribbon from bottom of page*/
#catlinks {
	background-color: var(--box-background, hsl(from var(--content-background, #fff) h s calc(l - 4.3)));
	border: 1px solid var(--box-border, hsl(from var(--content-background, #fff) h s calc(l - 20)))
}

/* [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: #639d84;
	--header-link-text: #c2ff2b;
	--button-color: #228524;
	--footer-text: #94fd96;
	--content-background: #92c27b;
	/*--box-background: #FFFFFF;
	--box-border: #CCCCCC;*/
	background-image: linear-gradient(180deg, transparent 10%, #001000 60%), url(/resources/assets/ap-bg-image.png);
}
/* [END] NS3010-3011: Answered Prayers */

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

/* [START] NS3014-3015: Uneven Dream */
.ns-3014, .ns-3015 {
	--cosmos-banner: #a47ca9;
	--link-text: #6f027c;
	--link-text-hover: #150017;
	--header-link-text: #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 .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;*/
	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 */

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

.ns-3042, .ns-3043 {
	--cosmos-banner: #4d004c;
	--link-text: #ff00ff;
	--link-text-hover: #521852;
	--header-link-text: #ffffff;
	--button-color: #ff82ff;
	--footer-text: #d3dfe1;
	--content-background: #ffe5ff;
	--box-background: #f4d7f4;
	--box-border: #660066;
	background-color: #210021;
}
/* [END] NS3042-3043: If Wiki */
Retrieved from "https://yume.wiki/index.php?title=MediaWiki:Cosmos.css&oldid=497926"