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



YumeWiki
3,053Articles

MediaWiki:Cosmos.css: Difference between revisions

(add search bar color rules for the cerasus wiki)
mNo edit summary
Line 312: Line 312:
/* background pattern */
/* background pattern */
.ns-3020, .ns3021{
.ns-3020, .ns3021{
background-image: url(https://yume.wiki/images/f/f3/C_Background_Pattern.png);
background-image: linear-gradient(180deg, rgba(44,30,49,0.5) 0%, rgba(44,30,49,1) 90%), url(https://yume.wiki/images/f/f3/C_Background_Pattern.png);
}
}



Revision as of 17:27, 15 April 2023

/* All CSS here will be loaded for users of the Cosmos skin */
#cosmos-banner, #cosmos-toolbar {
	position: static !important;
}

#cosmos-toolbar {
	box-shadow: none !important;
}

@media screen {
    body > #mw-content-container {
        margin-top: 5%;
    }
}

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

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

/* [START] NS3002-3003: Yume 2kki */
.ns-3002,.ns-3003 {
	background-image: url(https://yume.wiki/images/1/1c/2kki-bg-image.png);
}

.ns-3002 #mw-content, .ns-3003 #mw-content {
	background-color: #dfdbc3;
}

.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;
}

/* [END] NS3002-3003: Yume 2kki */

/* [START] NS3004-3005: .flow */
	/* article background color */
        .ns-3004 #mw-content, .ns-3005 #mw-content{
			background-color: #b9b9b9;
		}
	
	/* link and link hover colors */
		.ns-3004 #mw-content a:not(.new), .ns-3005 #mw-content a:not(.new){
			color: #696969;
		}

		.ns-3004 #mw-content a:not(.new):hover, .ns3005 #mw-content a:not(.new):hover {
			color: #979797;
		}

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

	/* removes gradient from header */
		.ns-3004 .cosmos-header:before, .ns-3005 .cosmos-header:before {
			background: none;
		}
		
	/* header and footer text color */
		.ns3004 .cosmos-header__sitename a, .ns3005 .cosmos-header__sitename a, .ns-3004 #cosmos-footer a, .ns-3005 #cosmos-footer  a {
			color: #000000;	
		}

	/* article counter text color */
		.ns-3004 .cosmos-header__counter, .ns-3005 .cosmos-header__counter {
			color: #000000;
		}

	/* header tabber text colors */
		.ns-3004 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3005 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
			color: #000000;
		}

		.ns-3004 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3005 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
			color: #dcdcdc;
		}

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

        .ns-3004 .cosmos-footerLinks-list, .ns-3005 .cosmos-footerLinks-list {
            color: #ffffff;
        }
/* [END] NS3004-3005: .flow */

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

		.ns-3006 #mw-content a:not(.new):hover, .ns3007 #mw-content a:not(.new):hover {
			color: #7db19b;
		}

	/* header and footer background color */	
		.ns-3006 .cosmos-header, .ns-3007 .cosmos-header, .ns-3006 #cosmos-footer, .ns-3007 #cosmos-footer {
		background-color: #387c5e;		
		}

	/* removes gradient from header */
		.ns-3006 .cosmos-header:before, .ns-3007 .cosmos-header:before {
			background: none;
		}
		
	/* header and footer text color */
		.ns3006 .cosmos-header__sitename a, .ns3007 .cosmos-header__sitename a, .ns-3006 #cosmos-footer a, .ns-3007 #cosmos-footer  a {
			color: #defff2;	
		}

	/* article counter text color */
		.ns-3006 .cosmos-header__counter, .ns-3007 .cosmos-header__counter {
			color: #defff2;
		}

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

		.ns-3006 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3007 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
			color: #bbfcfc;
		}

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

        .ns-3006 .cosmos-footerLinks-list, .ns-3007 .cosmos-footerLinks-list {
            color: #000000;
        }
/* [END] NS3006-3007: Someday */


/* [START] NS3014-3015: Uneven Dream */
.ns-3014, .ns-3015 {
	background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png);
}

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

		.ns-3014 #mw-content a:not(.new):hover, .ns3015 #mw-content a:not(.new):hover {
			color: #150017;
		}

	/* header and footer background color */	
		.ns-3014 .cosmos-header, .ns-3015 .cosmos-header, .ns-3014 #cosmos-footer, .ns-3015 #cosmos-footer {
		background-color: #a47ca9;		
		}

	/* removes gradient from header */
		.ns-3014 .cosmos-header:before, .ns-3015 .cosmos-header:before {
			background: none;
		}
		
	/* header and footer text color */
		.ns3014 .cosmos-header__sitename a, .ns3015 .cosmos-header__sitename a, .ns-3014 #cosmos-footer a, .ns-3015 #cosmos-footer  a {
			color: #ffffff;	
		}

	/* article counter text color */
		.ns-3014 .cosmos-header__counter, .ns-3015 .cosmos-header__counter {
			color: #ffffff;
		}

	/* header tabber text colors */
		.ns-3014 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3015 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
			color: #ffffff;
		}

		.ns-3014 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3015 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
			color: #ffffff;
		}

	/*edit, dropdown, and discussion buttons */ 
		.ns-3014 #ca-edit, .ns3015 #ca-edit {
			background-color: #6f027c;
			color: #ffffff;
		}
	
		.ns-3014 #cosmos-actionsList-button, .ns-3015 #cosmos-actionsList-button {
			background-color: #6f027c;
			
		}
		
		.ns-3014 #ca-talk, .ns-3015 #ca-talk {
			color: #000000;
		}

        .ns-3014 .cosmos-footerLinks-list, .ns-3015 .cosmos-footerLinks-list {
            color: #000000;
        }

/*[END] NS3014-3015: Uneven Dream */

/*[START] NS3016-3017: Braingirl */
        .ns-3016, .ns-3017 {
	        background: #180C29;
        }

	/* article background color */
		.ns-3016 #mw-content, .ns-3017 #mw-content{
			background-color: #fff7e9;
		}
	
	/* link and link hover colors */
		.ns-3016 #mw-content a:not(.new), .ns-3017 #mw-content a:not(.new){
			color: #068959;
		}

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

	/* header and footer background color */	
		.ns-3016 .cosmos-header, .ns-3017 .cosmos-header, .ns-3016 #cosmos-footer, .ns-3017 #cosmos-footer {
		background-color: #ce9b8f;		
		}

	/* removes gradient from header */
		.ns-3016 .cosmos-header:before, .ns-3017 .cosmos-header:before {
			background: none;
		}
		
	/* header and footer text color */
		.ns3016 .cosmos-header__sitename a, .ns3017 .cosmos-header__sitename a, .ns-3016 #cosmos-footer a, .ns-3017 #cosmos-footer  a {
			color: #ffffff;	
		}

	/* article counter text color */
		.ns-3016 .cosmos-header__counter, .ns-3017 .cosmos-header__counter {
			color: #ffffff;
		}

	/* header tabber text colors */
		.ns-3016 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3017 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
			color: #ffffff;
		}

		.ns-3016 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3017 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
			color: #ffffff;
		}

	/*edit, dropdown, and discussion buttons */ 
		.ns-3016 #ca-edit, .ns3017 #ca-edit {
			background-color: #00dc9a;
			color: #000000;
		}
	
		.ns-3016 #cosmos-actionsList-button, .ns-3017 #cosmos-actionsList-button {
			background-color: #00dc9a;
			
		}
		
		.ns-3016 #ca-talk, .ns-3017 #ca-talk {
			color: #000000;
		}

        .ns-3016 .cosmos-footerLinks-list, .ns-3017 .cosmos-footerLinks-list {
            color: #000000;
        }
/*[END] NS3014-3015: Braingirl */

/*[START] NS3020-3021: Cerasus */

	/* background pattern */
		.ns-3020, .ns3021{
			background-image: linear-gradient(180deg, rgba(44,30,49,0.5) 0%, rgba(44,30,49,1) 90%), url(https://yume.wiki/images/f/f3/C_Background_Pattern.png);
		}

	/* changes search bar colors */
		.ns-3020 #cosmos-banner, .ns-3021 #cosmos-banner {
			background-color: #ac2847;
		}


	/* adds drop shadow to article, changes padding of mw-content-wrapper so the drop shadow is properly placed */
		.ns-3020 #mw-content-wrapper, .ns3021 #mw-content-wrapper {
			box-shadow: -5px 5px 10px 10px #00000050;
			padding: 0;
		}
	
	/* article background color */
		.ns-3020 #mw-content, .ns-3021 #mw-content{
			background-color: #ffd1d5;
		}
	
	/* link and link hover colors */
		.ns-3020 #mw-content a:not(.new), .ns-3021 #mw-content a:not(.new){
			color: #fa6e79;
		}

		.ns-3020 #mw-content a:not(.new):hover, .ns3021 #mw-content a:not(.new):hover {
			color: #ff0000;
		}

	/* header and footer background color */	
		.ns-3020 .cosmos-header, .ns-3021 .cosmos-header, .ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer {
		background-color: #ac2847;		
		}

	/* removes gradient from header */
		.ns-3020 .cosmos-header:before, .ns-3021 .cosmos-header:before {
			background: none;
		}

	/* footer text colors */
		.ns-3020 .cosmos-footerLinks-list, .ns-3021 .cosmos-footerLinks-list {
			color: #000000;
		}

	/* footer link color */
		.ns-3020 #cosmos-footer a, .ns-3021 #cosmos-footer  a {
			color: #ffffff;
		}
		
	/* changes footer toolbar color (THIS WILL NOT BE VISIBLE) */	
	.ns-3020 #cosmos-toolbar, .ns-3021 #cosmos-toolbar {
		background-color: #ac2847;
	}

	/* this doesn't work but im keeping it here in case i figure it out later
		 removes gradient from footer toolbar 
			.ns-3020 #cosmos-toolbar:before, .ns-3021 #cosmos-toolbar:before {
				background-image: none;
			}
	*/

	/* header link color */
		.ns-3020 .cosmos-header__sitename a, .ns-3021 .cosmos-header__sitename a {
			color: #ffffff;	
		}

	/* article counter text color */
		.ns-3020 .cosmos-header__counter, .ns-3021 .cosmos-header__counter {
			color: #ffffff;
		}

	/* header tabber text colors */
		.ns-3020 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3021 .cosmos-header .wds-tabs .wds-tabs__tab-label a{
			color: #ffffff;
		}

		.ns-3020 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3021 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
			color: #bbfcfc;
		}

	/*edit, dropdown, and discussion buttons */ 
		.ns-3020 #ca-edit, .ns3021 #ca-edit {
			background-color: #ffd1d5;
			color: #000000;
		}
	
		.ns-3020 #cosmos-actionsList-button, .ns-3021 #cosmos-actionsList-button {
			background-color: #ffd1d5;
			
		}
		
		.ns-3020 #ca-talk, .ns-3021 #ca-talk {
			color: #000000;
		}

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

/*[END] NS3021-3021: Cerasus Wiki */

/* [START] NS3022-3023: Muma|Rope */
.ns-3022 .cosmos-header, .ns-3023 .cosmos-header, .ns-3022 #cosmos-footer, .ns-3023 #cosmos-footer {
    background: #101010;
}

.ns-3022 .cosmos-header__sitename a:any-link, .ns-3023 .cosmos-header__sitename a:any-link, .ns-3022 #cosmos-footer a:any-link, .ns-3023 #cosmos-footer a:any-link {
    color: #ff14c0;
}

.ns-3022 .cosmos-header__counter, .ns-3023 .cosmos-header__counter {
    color: #ffffff;
}

.ns-3022 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3023 .cosmos-header .wds-tabs .wds-tabs__tab-label a {
    color: #ff14c0;
}

.ns-3022 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3023 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
	color: #ff14c080;
}

.ns-3022 #ca-talk, .ns-3023 #ca-talk {
    stroke: #ffffff;
    color: #ffffff;
}

.ns-3022 #ca-edit, .ns-3023 #ca-edit {
    background-color: #ffffff;
    color: #000000;
}

.ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary {
    color: #ffffff;
    stroke: #ffffff;
}

.ns-3022 #ca-edit .cosmos-button-text, .ns-3023 #ca-edit .cosmos-button-text {
    color: #000000;
}

.ns-3022 .cosmos-header:before, .ns-3023 .cosmos-header:before {
    background: none;
}

.ns-3022 #mw-content, .ns-3023 #mw-content {
	background-color: #000000;
}

.ns-3022 #cosmos-actionsList-button, .ns-3023 #cosmos-actionsList-button {
	background-color: #ffffff;
}

.ns-3022 #mw-content-text, .ns-3023 #mw-content #mw-content-text, .ns-3022 #cosmos-title-text, .ns-3023 #cosmos-title-text {
    color: #ffffff;
}

.ns-3022 h1, .ns-3022 h2, .ns-3022 h3, .ns-3022 h4, .ns-3022 h5, .ns-3022 h6, .ns-3023 h1, .ns-3023 h2, .ns-3023 h3, .ns-3023 h4, .ns-3023 h5, .ns-3023 h6 {
	color: #ffffff;
}

.ns-3022 #mw-content a:not(.new), .ns-3023 #mw-content a:not(.new) {
	color: #ff14c0;
}

.ns-3022  #mw-content a:not(.new):hover, .ns-3023 #mw-content a:not(.new):hover {
	color: #ff14c080;
}

.ns-3022 #cosmos-toolbar a, .ns-3023 #cosmos-toolbar a {
    color: #ff14c0;
}

.ns-3022 .smw-factbox .smwfact {
    background-color: #000000;
    color: #ffffff;
}

.ns-3022 .smwfact .smw-table-row {
    background-color: #000000;
}

.ns-3022 .smw-factbox input.nav-tab:checked + label.nav-label {
    color: #ffffff;
    background-color: #000000;
}

.ns-3022 #stub span {
    color: #ffffff;
}
/* [END] NS3022-3023: Muma|Rope */

element.style {
    width: 141px;
}

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

.toc {
  	background: rgba(246, 247, 248, 0.2);
}

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

.runningAuthor {
    background: rgba(255, 255, 255, 0.2)
}