MediaWiki:Cosmos.css

/* 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] NS3000-3001: Yume Nikki */
        .ns-3000, .ns-3001 {
            --cosmos-banner: #67333f;
            --link-text: #a5273c;
            --link-text-hover: #a5273c99;
            --header-link-text: #ffffff;
            --button-color: #b06d7e;
            --footer-text: #b393a3;
            --content-background: #e5cdd3;
            background-color: #33191f;
        }
/* [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;
            background-image: linear-gradient(180deg, transparent 10%, #241d28 60%), url(/resources/assets/2kki-bg-image.png)
        }
/* [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;
            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;
            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: #780a59;
            --link-text-hover: #968291;
            --header-link-text: #e3c9db;
            --button-color: #bca0b4;
            --footer-text: #d3dfe1;
            --content-background: #c5bfcb;
            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;
            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;
            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;
            background-image: url(https://yume.wiki/images/9/94/Unevendream-bg-image.png);
        }

        .ns-3014 .cosmos-button-primary, .ns-3015 .cosmos-button-primary {
            color: var(--button-text);
            stroke: var(--button-text);
        }

        .ns-3014 .cosmos-dropdown-icon svg, .ns-3015 .cosmos-dropdown-icon svg {
            fill: var(--button-text);
        }
/*[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;
	        background: #180c29;
        }
/*[END] NS3014-3015: Braingirl */

/*[START] NS3018-3019: Collective Unconscious */
        .ns-3018, .ns-3019 {
            --cosmos-banner: #1f4a7d;
            --link-text: #3080af;
            --link-text-hover: #eeeeff;
            --header-link-text: #ffffff;
            --button-color: #66a0c3;
            --footer-text: #d3dfe1;
            --content-background: #b3d9f1;
            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: #ffd1d5;
            --footer-text: #000000;
            --content-background: #ffd1d5;
            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;
		}

	/* changes the color of the discussion hover border */
		.ns-3020 .cosmos-button.cosmos-button-secondary:hover, .ns3021 .cosmos-button.cosmos-button-secondary:hover {
			border: 1px solid #000000;
		}

	/* header background color and top corner rounding */	
		.ns-3020 .cosmos-header, .ns-3021 .cosmos-header {
			background-color: #ac2847;		
			border-radius: 5px 5px 0px 0px;
		}

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

	/* changes lower corner rounding */
		.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;
	}

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

		.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;
            --content-background: #000000;
            background-color: #1a1a1a;
        }

        .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 #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 #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 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;
            background-color: #e0bfa9;
        }
/* [END] NS3026-3027: Dream Genie Wiki */

/* [START] NS3028-3029: Mikan Muzou Wiki */
        .ns-3028, .ns-3019 {
            --cosmos-banner: #323434;
            --link-text: #788487;
            --link-text-hover: #eeeeff;
            --header-link-text: #ffffff;
            --button-color: #8c949b;
            --footer-text: #7c8689;
            --content-background: #c0c5c9;
            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;
	        background: linear-gradient(180deg, #ffffff60 20%, #c8a5cf 100%), url(/resources/assets/uv-bg-image.png)
        }
/* [END] NS3030-3031: Ultra Violet Wiki */

/* [START] Common namespace-level theming */
		/* article background color */
        .ns-3000 #mw-content, .ns-3001 #mw-content,
        .ns-3002 #mw-content, .ns-3003 #mw-content,
        .ns-3004 #mw-content, .ns-3005 #mw-content,
        .ns-3006 #mw-content, .ns-3007 #mw-content,
        .ns-3008 #mw-content, .ns-3009 #mw-content,
		.ns-3010 #mw-content, .ns-3011 #mw-content,
		.ns-3012 #mw-content, .ns-3013 #mw-content,
		.ns-3014 #mw-content, .ns-3015 #mw-content,
		.ns-3016 #mw-content, .ns-3017 #mw-content,
		.ns-3018 #mw-content, .ns-3019 #mw-content,
		.ns-3020 #mw-content, .ns-3021 #mw-content,
		.ns-3026 #mw-content, .ns-3027 #mw-content,
		.ns-3030 #mw-content, .ns-3031 #mw-content {
	        background-color: var(--content-background);
        }

		/* link color */
        .ns-3000 #mw-content a:not(.new), .ns-3001 #mw-content a:not(.new),
        .ns-3002 #mw-content a:not(.new), .ns-3003 #mw-content a:not(.new),
        .ns-3004 #mw-content a:not(.new), .ns-3005 #mw-content a:not(.new),
        .ns-3006 #mw-content a:not(.new), .ns-3007 #mw-content a:not(.new),
        .ns-3008 #mw-content a:not(.new), .ns-3009 #mw-content a:not(.new),
		.ns-3010 #mw-content a:not(.new), .ns-3011 #mw-content a:not(.new),
		.ns-3012 #mw-content a:not(.new), .ns-3013 #mw-content a:not(.new),
		.ns-3014 #mw-content a:not(.new), .ns-3015 #mw-content a:not(.new),
		.ns-3016 #mw-content a:not(.new), .ns-3017 #mw-content a:not(.new),
		.ns-3018 #mw-content a:not(.new), .ns-3019 #mw-content a:not(.new),
		.ns-3020 #mw-content a:not(.new), .ns-3021 #mw-content a:not(.new),
		.ns-3026 #mw-content a:not(.new), .ns-3027 #mw-content a:not(.new),
		.ns-3030 #mw-content a:not(.new), .ns-3031 #mw-content a:not(.new) {
	        color: var(--link-text);
	    }

		/* link hover color */
        .ns-3000 #mw-content a:not(.new):hover, .ns-3001 #mw-content a:not(.new):hover,
        .ns-3002 #mw-content a:not(.new):hover, .ns-3003 #mw-content a:not(.new):hover,
        .ns-3004 #mw-content a:not(.new):hover, .ns-3005 #mw-content a:not(.new):hover,
        .ns-3006 #mw-content a:not(.new):hover, .ns-3007 #mw-content a:not(.new):hover,
        .ns-3008 #mw-content a:not(.new):hover, .ns-3009 #mw-content a:not(.new):hover,
		.ns-3010 #mw-content a:not(.new):hover, .ns-3011 #mw-content a:not(.new):hover,
		.ns-3012 #mw-content a:not(.new):hover, .ns-3013 #mw-content a:not(.new):hover,
		.ns-3014 #mw-content a:not(.new):hover, .ns-3015 #mw-content a:not(.new):hover,
		.ns-3016 #mw-content a:not(.new):hover, .ns-3017 #mw-content a:not(.new):hover,
		.ns-3018 #mw-content a:not(.new):hover, .ns-3019 #mw-content a:not(.new):hover,
		.ns-3020 #mw-content a:not(.new):hover, .ns-3021 #mw-content a:not(.new):hover,
		.ns-3026 #mw-content a:not(.new):hover, .ns-3027 #mw-content a:not(.new):hover,
		.ns-3030 #mw-content a:not(.new):hover, .ns-3031 #mw-content a:not(.new):hover {
	        color: var(--link-text-hover);
        }

        .ns-3000 .wds-list li > a:not(.new):hover, .ns-3001 .wds-list li > a:not(.new):hover,
        .ns-3002 .wds-list li > a:not(.new):hover, .ns-3003 .wds-list li > a:not(.new):hover,
        .ns-3004 .wds-list li > a:not(.new):hover, .ns-3005 .wds-list li > a:not(.new):hover,
        .ns-3006 .wds-list li > a:not(.new):hover, .ns-3007 .wds-list li > a:not(.new):hover,
        .ns-3008 .wds-list li > a:not(.new):hover, .ns-3009 .wds-list li > a:not(.new):hover,
		.ns-3010 .wds-list li > a:not(.new):hover, .ns-3011 .wds-list li > a:not(.new):hover,
		.ns-3012 .wds-list li > a:not(.new):hover, .ns-3013 .wds-list li > a:not(.new):hover,
		.ns-3014 .wds-list li > a:not(.new):hover, .ns-3015 .wds-list li > a:not(.new):hover,
		.ns-3016 .wds-list li > a:not(.new):hover, .ns-3017 .wds-list li > a:not(.new):hover,
		.ns-3018 .wds-list li > a:not(.new):hover, .ns-3019 .wds-list li > a:not(.new):hover,
		.ns-3020 .wds-list li > a:not(.new):hover, .ns-3021 .wds-list li > a:not(.new):hover,
		.ns-3026 .wds-list li > a:not(.new):hover, .ns-3027 .wds-list li > a:not(.new):hover,
		.ns-3030 .wds-list li > a:not(.new):hover, .ns-3031 .wds-list li > a:not(.new):hover {
            color: var(--link-text-hover);
        }

		/* banner, header, and footer background color */
		.ns-3000 #cosmos-banner, .ns-3001 #cosmos-banner, .ns-3000 .cosmos-header, .ns-3001 .cosmos-header, .ns-3000 #cosmos-footer, .ns-3001 #cosmos-footer,	
		.ns-3002 #cosmos-banner, .ns-3003 #cosmos-banner, .ns-3002 .cosmos-header, .ns-3003 .cosmos-header, .ns-3002 #cosmos-footer, .ns-3003 #cosmos-footer,
		.ns-3004 #cosmos-banner, .ns-3005 #cosmos-banner, .ns-3004 .cosmos-header, .ns-3005 .cosmos-header, .ns-3004 #cosmos-footer, .ns-3005 #cosmos-footer,
		.ns-3006 #cosmos-banner, .ns-3007 #cosmos-banner, .ns-3006 .cosmos-header, .ns-3007 .cosmos-header, .ns-3006 #cosmos-footer, .ns-3007 #cosmos-footer,
		.ns-3008 #cosmos-banner, .ns-3009 #cosmos-banner, .ns-3008 .cosmos-header, .ns-3009 .cosmos-header, .ns-3008 #cosmos-footer, .ns-3009 #cosmos-footer,
		.ns-3010 #cosmos-banner, .ns-3011 #cosmos-banner, .ns-3010 .cosmos-header, .ns-3011 .cosmos-header, .ns-3010 #cosmos-footer, .ns-3011 #cosmos-footer, 
		.ns-3012 #cosmos-banner, .ns-3013 #cosmos-banner, .ns-3012 .cosmos-header, .ns-3013 .cosmos-header, .ns-3012 #cosmos-footer, .ns-3013 #cosmos-footer,
		.ns-3014 #cosmos-banner, .ns-3015 #cosmos-banner, .ns-3014 .cosmos-header, .ns-3015 .cosmos-header, .ns-3014 #cosmos-footer, .ns-3015 #cosmos-footer, 
		.ns-3016 #cosmos-banner, .ns-3017 #cosmos-banner, .ns-3016 .cosmos-header, .ns-3017 .cosmos-header, .ns-3016 #cosmos-footer, .ns-3017 #cosmos-footer, 
		.ns-3018 #cosmos-banner, .ns-3019 #cosmos-banner, .ns-3018 .cosmos-header, .ns-3019 .cosmos-header, .ns-3018 #cosmos-footer, .ns-3019 #cosmos-footer,
		.ns-3020 #cosmos-banner, .ns-3021 #cosmos-banner, .ns-3020 .cosmos-header, .ns-3021 .cosmos-header, .ns-3020 #cosmos-footer, .ns-3021 #cosmos-footer,
		.ns-3022 #cosmos-banner, .ns-3023 #cosmos-banner, .ns-3022 .cosmos-header, .ns-3023 .cosmos-header, .ns-3022 #cosmos-footer, .ns-3023 #cosmos-footer,
		.ns-3026 #cosmos-banner, .ns-3027 #cosmos-banner, .ns-3026 .cosmos-header, .ns-3027 .cosmos-header, .ns-3026 #cosmos-footer, .ns-3027 #cosmos-footer,
		.ns-3030 #cosmos-banner, .ns-3031 #cosmos-banner, .ns-3030 .cosmos-header, .ns-3031 .cosmos-header, .ns-3030 #cosmos-footer, .ns-3031 #cosmos-footer {
    		background-color: var(--cosmos-banner);
		}

		/* remove gradient from header */
		.ns-3000 .cosmos-header:before, .ns-3001 .cosmos-header:before,
		.ns-3002 .cosmos-header:before, .ns-3003 .cosmos-header:before,
		.ns-3004 .cosmos-header:before, .ns-3005 .cosmos-header:before,
		.ns-3006 .cosmos-header:before, .ns-3007 .cosmos-header:before,
		.ns-3008 .cosmos-header:before, .ns-3009 .cosmos-header:before,
		.ns-3010 .cosmos-header:before, .ns-3011 .cosmos-header:before,
		.ns-3012 .cosmos-header:before, .ns-3013 .cosmos-header:before,
		.ns-3014 .cosmos-header:before, .ns-3015 .cosmos-header:before,
		.ns-3016 .cosmos-header:before, .ns-3017 .cosmos-header:before,
		.ns-3018 .cosmos-header:before, .ns-3019 .cosmos-header:before,
		.ns-3020 .cosmos-header:before, .ns-3021 .cosmos-header:before,
		.ns-3022 .cosmos-header:before, .ns-3023 .cosmos-header:before,
		.ns-3026 .cosmos-header:before, .ns-3027 .cosmos-header:before,
		.ns-3028 .cosmos-header:before, .ns-3029 .cosmos-header:before,
		.ns-3030 .cosmos-header:before, .ns-3031 .cosmos-header:before {
			background: none;
		}

		/* header link color */
		.ns-3000 .cosmos-header__sitename a, .ns-3001 .cosmos-header__sitename a,
		.ns-3002 .cosmos-header__sitename a, .ns-3003 .cosmos-header__sitename a,
		.ns-3004 .cosmos-header__sitename a, .ns-3005 .cosmos-header__sitename a,
		.ns-3006 .cosmos-header__sitename a, .ns-3007 .cosmos-header__sitename a,
		.ns-3007 .cosmos-header__sitename a, .ns-3009 .cosmos-header__sitename a,
		.ns-3010 .cosmos-header__sitename a, .ns-3011 .cosmos-header__sitename a,
		.ns-3012 .cosmos-header__sitename a, .ns-3013 .cosmos-header__sitename a,
		.ns-3014 .cosmos-header__sitename a, .ns-3015 .cosmos-header__sitename a,
		.ns-3016 .cosmos-header__sitename a, .ns-3017 .cosmos-header__sitename a,
		.ns-3018 .cosmos-header__sitename a, .ns-3019 .cosmos-header__sitename a,
		.ns-3020 .cosmos-header__sitename a, .ns-3021 .cosmos-header__sitename a,
		.ns-3022 .cosmos-header__sitename a, .ns-3023 .cosmos-header__sitename a,
		.ns-3026 .cosmos-header__sitename a, .ns-3027 .cosmos-header__sitename a,
		.ns-3028 .cosmos-header__sitename a, .ns-3029 .cosmos-header__sitename a,
		.ns-3030 .cosmos-header__sitename a, .ns-3031 .cosmos-header__sitename a {
			color: var(--header-link-text);	
		}

		.ns-3000 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3001 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.ns-3002 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3003 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.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,
		.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,
		.ns-3008 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3009 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.ns-3010 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3011 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.ns-3012 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3013 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.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,
		.ns-3016 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3017 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.ns-3018 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3019 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.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,
		.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,
		.ns-3026 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3027 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.ns-3028 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3029 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
		.ns-3030 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3031 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
			color: var(--header-link-text-hover);
		}

		/* article counter and username text color */
		.ns-3000 .cosmos-header__counter, .ns-3001 .cosmos-header__counter, .ns-3000 .cosmos-userButton-label, ns-3001 .cosmos-userButton-label,
		.ns-3002 .cosmos-header__counter, .ns-3003 .cosmos-header__counter, .ns-3002 .cosmos-userButton-label, ns-3003 .cosmos-userButton-label,
		.ns-3004 .cosmos-header__counter, .ns-3005 .cosmos-header__counter, .ns-3004 .cosmos-userButton-label, ns-3005 .cosmos-userButton-label,
		.ns-3006 .cosmos-header__counter, .ns-3007 .cosmos-header__counter, .ns-3006 .cosmos-userButton-label, ns-3007 .cosmos-userButton-label,
		.ns-3008 .cosmos-header__counter, .ns-3009 .cosmos-header__counter, .ns-3008 .cosmos-userButton-label, ns-3009 .cosmos-userButton-label,
		.ns-3010 .cosmos-header__counter, .ns-3011 .cosmos-header__counter, .ns-3010 .cosmos-userButton-label, ns-3011 .cosmos-userButton-label,
		.ns-3012 .cosmos-header__counter, .ns-3013 .cosmos-header__counter, .ns-3012 .cosmos-userButton-label, ns-3013 .cosmos-userButton-label,
		.ns-3014 .cosmos-header__counter, .ns-3015 .cosmos-header__counter, .ns-3014 .cosmos-userButton-label, ns-3015 .cosmos-userButton-label,
		.ns-3016 .cosmos-header__counter, .ns-3017 .cosmos-header__counter, .ns-3016 .cosmos-userButton-label, ns-3017 .cosmos-userButton-label,
		.ns-3018 .cosmos-header__counter, .ns-3019 .cosmos-header__counter, .ns-3018 .cosmos-userButton-label, ns-3019 .cosmos-userButton-label,
		.ns-3020 .cosmos-header__counter, .ns-3021 .cosmos-header__counter, .ns-3020 .cosmos-userButton-label, ns-3021 .cosmos-userButton-label,
		.ns-3022 .cosmos-header__counter, .ns-3023 .cosmos-header__counter, .ns-3022 .cosmos-userButton-label, ns-3023 .cosmos-userButton-label,
		.ns-3026 .cosmos-header__counter, .ns-3027 .cosmos-header__counter, .ns-3026 .cosmos-userButton-label, ns-3027 .cosmos-userButton-label,
		.ns-3028 .cosmos-header__counter, .ns-3029 .cosmos-header__counter, .ns-3028 .cosmos-userButton-label, ns-3029 .cosmos-userButton-label,
		.ns-3030 .cosmos-header__counter, .ns-3031 .cosmos-header__counter, .ns-3030 .cosmos-userButton-label, ns-3031 .cosmos-userButton-label {
			color: var(--header-link-text);
		}

		.ns-3000 #cosmos-userButton-avatar, .ns-3000 #cosmos-userButton-icon, .ns-3001 #cosmos-userButton-avatar, .ns-3001 #cosmos-userButton-icon,
		.ns-3002 #cosmos-userButton-avatar, .ns-3002 #cosmos-userButton-icon, .ns-3003 #cosmos-userButton-avatar, .ns-3003 #cosmos-userButton-icon,
		.ns-3004 #cosmos-userButton-avatar, .ns-3005 #cosmos-userButton-icon, .ns-3004 #cosmos-userButton-avatar, .ns-3005 #cosmos-userButton-icon,
		.ns-3006 #cosmos-userButton-avatar, .ns-3006 #cosmos-userButton-icon, .ns-3007 #cosmos-userButton-avatar, .ns-3007 #cosmos-userButton-icon,
		.ns-3008 #cosmos-userButton-avatar, .ns-3008 #cosmos-userButton-icon, .ns-3009 #cosmos-userButton-avatar, .ns-3009 #cosmos-userButton-icon,
        .ns-3010 #cosmos-userButton-avatar, .ns-3010 #cosmos-userButton-icon, .ns-3011 #cosmos-userButton-avatar, .ns-3011 #cosmos-userButton-icon,
        .ns-3012 #cosmos-userButton-avatar, .ns-3012 #cosmos-userButton-icon, .ns-3013 #cosmos-userButton-avatar, .ns-3013 #cosmos-userButton-icon,
        .ns-3014 #cosmos-userButton-avatar, .ns-3014 #cosmos-userButton-icon, .ns-3015 #cosmos-userButton-avatar, .ns-3015 #cosmos-userButton-icon,
        .ns-3016 #cosmos-userButton-avatar, .ns-3016 #cosmos-userButton-icon, .ns-3017 #cosmos-userButton-avatar, .ns-3017 #cosmos-userButton-icon,
        .ns-3018 #cosmos-userButton-avatar, .ns-3018 #cosmos-userButton-icon, .ns-3019 #cosmos-userButton-avatar, .ns-3019 #cosmos-userButton-icon,
        .ns-3020 #cosmos-userButton-avatar, .ns-3020 #cosmos-userButton-icon, .ns-3021 #cosmos-userButton-avatar, .ns-3021 #cosmos-userButton-icon,
        .ns-3022 #cosmos-userButton-avatar, .ns-3022 #cosmos-userButton-icon, .ns-3023 #cosmos-userButton-avatar, .ns-3023 #cosmos-userButton-icon,
        .ns-3026 #cosmos-userButton-avatar, .ns-3026 #cosmos-userButton-icon, .ns-3027 #cosmos-userButton-avatar, .ns-3027 #cosmos-userButton-icon,
        .ns-3028 #cosmos-userButton-avatar, .ns-3028 #cosmos-userButton-icon, .ns-3029 #cosmos-userButton-avatar, .ns-3029 #cosmos-userButton-icon,
        .ns-3030 #cosmos-userButton-avatar, .ns-3030 #cosmos-userButton-icon, .ns-3031 #cosmos-userButton-avatar, .ns-3031 #cosmos-userButton-icon {
			stroke: var(--header-link-text)
		}

		.ns-3000 #cosmos-userButton-icon, .ns-3001 #cosmos-userButton-icon,
		.ns-3002 #cosmos-userButton-icon, .ns-3003 #cosmos-userButton-icon,
		.ns-3004 #cosmos-userButton-icon, .ns-3005 #cosmos-userButton-icon,
		.ns-3006 #cosmos-userButton-icon, .ns-3007 #cosmos-userButton-icon,
		.ns-3008 #cosmos-userButton-icon, .ns-3009 #cosmos-userButton-icon,
        .ns-3010 #cosmos-userButton-icon, .ns-3011 #cosmos-userButton-icon,
        .ns-3012 #cosmos-userButton-icon, .ns-3013 #cosmos-userButton-icon,
        .ns-3014 #cosmos-userButton-icon, .ns-3015 #cosmos-userButton-icon,
        .ns-3016 #cosmos-userButton-icon, .ns-3017 #cosmos-userButton-icon,
        .ns-3018 #cosmos-userButton-icon, .ns-3019 #cosmos-userButton-icon,
        .ns-3020 #cosmos-userButton-icon, .ns-3021 #cosmos-userButton-icon,
        .ns-3022 #cosmos-userButton-icon, .ns-3023 #cosmos-userButton-icon,
        .ns-3026 #cosmos-userButton-icon, .ns-3027 #cosmos-userButton-icon,
        .ns-3028 #cosmos-userButton-icon, .ns-3029 #cosmos-userButton-icon,
        .ns-3030 #cosmos-userButton-icon, .ns-3031 #cosmos-userButton-icon {
			fill: var(--header-link-text);
		}

		/* header tabber text colors */
		.ns-3000 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3001 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3002 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3003 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3004 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3005 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3006 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3007 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3008 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3009 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3010 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3011 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3012 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3013 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3014 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3015 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3016 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3017 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3018 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3019 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3020 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3021 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3022 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3023 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3026 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3027 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3028 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3029 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
		.ns-3030 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3031 .cosmos-header .wds-tabs .wds-tabs__tab-label a {
			color: var(--header-link-text);
		}

		/* footer text colors */
		.ns-3000 .cosmos-footerLinks-list, .ns-3001 .cosmos-footerLinks-list,
		.ns-3002 .cosmos-footerLinks-list, .ns-3003 .cosmos-footerLinks-list,
		.ns-3004 .cosmos-footerLinks-list, .ns-3005 .cosmos-footerLinks-list,
		.ns-3006 .cosmos-footerLinks-list, .ns-3007 .cosmos-footerLinks-list,
		.ns-3008 .cosmos-footerLinks-list, .ns-3009 .cosmos-footerLinks-list,
		.ns-3010 .cosmos-footerLinks-list, .ns-3011 .cosmos-footerLinks-list,
		.ns-3012 .cosmos-footerLinks-list, .ns-3013 .cosmos-footerLinks-list,
		.ns-3014 .cosmos-footerLinks-list, .ns-3015 .cosmos-footerLinks-list,
		.ns-3016 .cosmos-footerLinks-list, .ns-3017 .cosmos-footerLinks-list,
		.ns-3018 .cosmos-footerLinks-list, .ns-3019 .cosmos-footerLinks-list,
		.ns-3020 .cosmos-footerLinks-list, .ns-3021 .cosmos-footerLinks-list,
		.ns-3022 .cosmos-footerLinks-list, .ns-3023 .cosmos-footerLinks-list,
		.ns-3026 .cosmos-footerLinks-list, .ns-3027 .cosmos-footerLinks-list,
		.ns-3028 .cosmos-footerLinks-list, .ns-3029 .cosmos-footerLinks-list,
		.ns-3030 .cosmos-footerLinks-list, .ns-3031 .cosmos-footerLinks-list {
			color: var(--footer-text);
		}

		/* footer link color */
		.ns-3000 #cosmos-footer a, .ns-3001 #cosmos-footer a,
		.ns-3002 #cosmos-footer a, .ns-3003 #cosmos-footer a,
		.ns-3004 #cosmos-footer a, .ns-3005 #cosmos-footer a,
		.ns-3006 #cosmos-footer a, .ns-3007 #cosmos-footer a,
		.ns-3008 #cosmos-footer a, .ns-3009 #cosmos-footer a,
		.ns-3010 #cosmos-footer a, .ns-3011 #cosmos-footer a,
		.ns-3012 #cosmos-footer a, .ns-3013 #cosmos-footer a,
		.ns-3014 #cosmos-footer a, .ns-3015 #cosmos-footer a,
		.ns-3016 #cosmos-footer a, .ns-3017 #cosmos-footer a,
		.ns-3018 #cosmos-footer a, .ns-3019 #cosmos-footer a,
		.ns-3020 #cosmos-footer a, .ns-3021 #cosmos-footer a,
		.ns-3022 #cosmos-footer a, .ns-3023 #cosmos-footer a,
		.ns-3026 #cosmos-footer a, .ns-3027 #cosmos-footer a,
		.ns-3028 #cosmos-footer a, .ns-3029 #cosmos-footer a,
		.ns-3030 #cosmos-footer a, .ns-3031 #cosmos-footer a {
			color: var(--header-link-text);
		}
		

		/*edit, dropdown, and discussion buttons */ 
		.ns-3000 .cosmos-button-primary, .ns-3001 .cosmos-button-primary,
		.ns-3002 .cosmos-button-primary, .ns-3003 .cosmos-button-primary,
		.ns-3004 .cosmos-button-primary, .ns-3005 .cosmos-button-primary,
		.ns-3006 .cosmos-button-primary, .ns-3007 .cosmos-button-primary,
		.ns-3008 .cosmos-button-primary, .ns-3009 .cosmos-button-primary,
		.ns-3010 .cosmos-button-primary, .ns-3011 .cosmos-button-primary,
		.ns-3012 .cosmos-button-primary, .ns-3013 .cosmos-button-primary,
		.ns-3014 .cosmos-button-primary, .ns-3015 .cosmos-button-primary,
		.ns-3016 .cosmos-button-primary, .ns-3017 .cosmos-button-primary,
		.ns-3018 .cosmos-button-primary, .ns-3019 .cosmos-button-primary,
		.ns-3020 .cosmos-button-primary, .ns-3021 .cosmos-button-primary,
		.ns-3022 .cosmos-button-primary, .ns-3023 .cosmos-button-primary,
		.ns-3026 .cosmos-button-primary, .ns-3027 .cosmos-button-primary,
		.ns-3028 .cosmos-button-primary, .ns-3029 .cosmos-button-primary,
		.ns-3030 .cosmos-button-primary, .ns-3031 .cosmos-button-primary {
			background-color: var(--button-color);
		}
/* [END] Common namespace-level theming */

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)
}