×
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
Revision as of 08:12, 19 October 2024 by ZASNK (talk | contribs) (search placeholder text color, redesign muma rope white text color)

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.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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"