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



    YumeWiki
    2,829Articles

    MediaWiki:Cosmos.css: Difference between revisions

    No edit summary
    (yume tsushin customizations)
    Line 74: Line 74:
         --cosmos-banner: #67333f;
         --cosmos-banner: #67333f;
         --link-text: #a5273c;
         --link-text: #a5273c;
         --link-text-hover: #a5273c99;
         --link-text-hover: #C97D8A;
         --header-link-text: #ffffff;
         --header-link-text: #ffffff;
         --button-color: #b06d7e;
         --button-color: #b06d7e;
    Line 286: Line 286:
    /*Locationbox*/
    /*Locationbox*/
    .ns-3008 .legacy-infobox{
    .ns-3008 .legacy-infobox{
       background-color: #C5BFCA;
       background-color: #B6ADBC;
       border: 1px solid #B8AFBE;
       border: 1px solid #A69AAD;
    }
    }


    Line 301: Line 301:
    /*Table of contents customization*/
    /*Table of contents customization*/
    .ns-3008 .toc {
    .ns-3008 .toc {
       background-color: #C5BFCA;
       background-color: #B6ADBC;
       border: 1px solid #B8AFBE;
       border: 1px solid #A69AAD;
    }
    }


    /*Category ribbon from bottom of page*/
    /*Category ribbon from bottom of page*/
    .ns-3008  #catlinks {
    .ns-3008  #catlinks {
       background-color: #C5BFCA;
       background-color: #B6ADBC;
       padding: 10px;
       padding: 10px;
       padding-top: 1em;
       padding-top: 1em;
       border: 1px solid #B8AFBE;
       border: 1px solid #A69AAD;
       margin-top: 2em;
       margin-top: 2em;
       margin-bottom: 2em;
       margin-bottom: 2em;
    Line 808: Line 808:
    /* [START] NS3038-3039: Yume Tsushin Wiki */
    /* [START] NS3038-3039: Yume Tsushin Wiki */
    .ns-3038, ns-3039 {
    .ns-3038, ns-3039 {
        --cosmos-banner: #7e7d78;
      --cosmos-banner: #7e7d78;
        --link-text: #22a600;
      --link-text: #60559B;
        --link-text-hover: #2bd400;
      --link-text-hover: #887ACB;
        --header-link-text: #ffffff;
      --header-link-text: #ffffff;
        --button-color: #2bd400;
      --button-color: #515B79;
        --footer-text: #33ff00;
      --footer-text: #6CC9D9;
        --content-background: #cbcbcb;
      --content-background: #DDD;
        background-color: #1f303d;
    }
     
    /*Locationbox*/
    .ns-3038 .legacy-infobox{
      background-color: #C2C2C7;
      border: 1px solid #7e7d78;
    }
     
    /*Section header*/
    .ns-3038 #mw-content h2 {
      border-bottom: 1px solid #7e7d78;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
     
    /*Table of contents customization*/
    .ns-3038 .toc {
      background-color: #C2C2C7;
      border: 1px solid #7e7d78;
    }
    }


    .ns-3038 .legacy-infobox {
    /*Category ribbon from bottom of page*/
        background-color: #aaaaaa;
    .ns-3038 #catlinks {
        border-color: #7e7d78;
      background-color: #C2C2C7;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #7e7d78;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    }
    /* [END] NS3038-3039: Yume Tsushin Wiki */
    /* [END] NS3038-3039: Yume Tsushin Wiki */

    Revision as of 16:31, 10 July 2024

    /* 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;
        max-width: 100%;
        margin: auto;
        float: none;
    }
    
    body #mw-content-container {
        margin-top: 0 !important;
        padding-top: 0;
    }
    
    
    #cosmos-banner-content {
        width: 89%;
        padding: 0 20px;
        margin: 0 auto;
    }
    
    @media only screen and (min-width: 1596px) {
        #cosmos-banner-content {
            width: 1650px;
            max-width: 95%;
            padding: 0 30px;
        }
    }
    
    
    @media screen {
        body > #mw-content-container {
            margin-top: 5%;
        }
    }
    
    #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;
    }
    
    /*Table of contents customization*/
    .toc {
      	background: rgba(246, 247, 248, 0.2);
    }
    
    .toc .tocnumber {
        font-weight: bold;
    }
    
    #mw-content .toc > ul {
        padding: 10px;
        border-top: solid 0px;
        margin: 0;
    }
    
    /* [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;
        background-color: #33191f;
    }
    
    /*Locationbox*/
    .ns-3000 .legacy-infobox{
      background-color: #D6ABB5;
      border: 1px solid #B06D7E;
    }
    
    /*Section header*/
    .ns-3000 #mw-content h2 {
      border-bottom: 1px solid #b393a3;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3000 .toc {
      background-color: #D6ABB5;
      border: 1px solid #B06D7E;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3000  #catlinks {
      background-color: #D6ABB5;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #B7B4A2;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    
    /* [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)
    }
    
    .ns-3002 .effect-npc-header-link a {
        color: inherit;
    }
    
    /*Locationbox*/
    .ns-3002 .legacy-infobox {
        background-color: #d7d3bc;
        border-color: #b6b3a1;
    }
    
    /*Page split top table*/
    .ns-3002 body .wikitable > * > tr > th, .ns-3002 .wikitable > * > tr > th {
    	border: 1px solid #B6B3A1;
        background-color: #D4D0B9;
        color:#7F2D3D;
    }
    
    /*Version history patchnotes table*/
    .ns-3002 .article-table td {
      border-bottom: 1px solid #B7B4A2;
      padding: 6px 10px;
    }
    
    /*Section header*/
    .ns-3002 #mw-content h2 {
      border-bottom: 1px solid #B7B4A2;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3002 .toc {
      background-color: #d7d3bc;
      border: 1px solid #B7B4A2;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3002 #catlinks {
      background-color: #d7d3bc;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #B7B4A2;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    
    /*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;
            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: #950F70;
    		--link-text-hover: #DD17A7;
            --header-link-text: #e3c9db;
            --button-color: #bca0b4;
            --footer-text: #d3dfe1;
            --content-background: #D9D5DD;
            background-color: #704b6f;
        }
        
    /*Locationbox*/
    .ns-3008 .legacy-infobox{
      background-color: #B6ADBC;
      border: 1px solid #A69AAD;
    }
    
    /*Section header*/
    .ns-3008 #mw-content h2 {
      border-bottom: 1px solid #968BA0;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3008 .toc {
      background-color: #B6ADBC;
      border: 1px solid #A69AAD;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3008  #catlinks {
      background-color: #B6ADBC;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #A69AAD;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    
    /* [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;
    }
    
    /*Locationbox*/
    .ns-3016 .legacy-infobox {
        background-color: #e4e5df;
        border-color: #c0c1bd;
    }
    
    /*Section header*/
    .ns-3016 #mw-content h2 {
      border-bottom: 1px solid #909090;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3016 .toc {
      background-color: #e4e5df;
      border: 1px solid #c0c1bd;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3016  #catlinks {
      background-color: #e4e5df;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #c0c1bd;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    
    /* Link color */
    .ns-3016 a,
    .ns-3016 #mw-panel a,
    .ns-3017 a,
    .ns-3017 #mw-panel a {
        color: #068959;
    }
    
    .ns-3016 a:hover,
    .ns-3016 #mw-panel a:hover,
    .ns-3017 a:hover,
    .ns-3017 #mw-panel a:hover {
        color: #007652;
    }
    
    .ns-3016 a.new,
    .ns-3016 #mw-head a.new,
    .ns-3017 a.new,
    .ns-3017 #mw-head a.new {
        color: #bf0017;
    }
    
    .ns-3016 a.new:hover,
    .ns-3016 #mw-head a.new:hover,
    .ns-3017 a.new:hover,
    .ns-3017 #mw-head a.new:hover {
        color: #59000a;
    }
    /*[END] NS3014-3015: Braingirl */
    
    /*[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;
        background-color: #0e091f;
    }
    
    /*Section header*/
    .ns-3018 #mw-content h2 {
      border-bottom: 1px solid #558ED5;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3018 .toc {
      background-color: #8CBDD7;
      border: 1px solid #62A4C8;
    }
    
    .ns-3018 #mw-content .toc > ul {
        padding: 10px;
        border-top: solid 1px #62A4C8;
        margin: 0;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3018 #catlinks {
      background-color: #8CBDD7;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #62A4C8;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3018 .infobox {
      background-color: #8CBDD7;
      border: 1px solid #62A4C8;
      clear: right;
      display: table;
      float: right;
      margin-bottom: 0.5em;
      margin-left: 1em;
      padding: 0.2em;
      position: relative;
    }
    /*[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;
            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;
    
    	/* 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 styling with respect to background color */
    .ns-3022 #mw-content-text, .ns-3023 #mw-content #mw-content-text, .ns-3022 #cosmos-title-text, .ns-3023 #cosmos-title-text,
    .ns-3022 #mw-content-text .mw-editsection-bracket, .ns-3022 #mw-content-text .mw-editsection-divider,
    .ns-3022 h1, .ns-3022 h2, .ns-3022 h3, .ns-3022 h4, .ns-3022 h5, .ns-3022 h6,
    .ns-3023 h1, .ns-3023 h2, .ns-3023 h3, .ns-3023 h4, .ns-3023 h5, .ns-3023 h6,
    .ns-3022 .page-header__categories,
    .ns-3022 #stub span{
    	color: rgb(var(--accessible-color), var(--accessible-color), var(--accessible-color));
    }
    
    .ns-3022 #mw-content-text .thumbcaption{
        background-color: rgb(var(--bg-red), var(--bg-green), var(--bg-blue));
        color: rgb(var(--accessible-color), var(--accessible-color), var(--accessible-color));
    }
    
    .ns-3022 .cosmos-button.cosmos-button-secondary, .ns-3023 .cosmos-button.cosmos-button-secondary {
    	color: #ffffff;
    	stroke: #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 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3022 .ve-ce-focusableNode-highlight,
    .ns-3023 .ve-init-mw-desktopArticleTarget-originalContent, .ns-3023 .ve-ce-focusableNode-highlight {
    	color: #ffffff;
    	background-color: #000000;
    }
    
    .ns-3022 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label,
    .ns-3023 .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
    	color:#ffffff;
    }
    	
    .ns-3022 .infobox {
        background-color: #000000;
        border-color: #ffffff;
    }
    
    .ns-3022 .legacy-infobox {
        background-color: #000000;
        border-color: #ffffff;
    }
    
    .ns-3022 #catlinks {
        background-color: #000000;
        padding: 10px;
        padding-top: 1em;
        border: 1px solid #ffffff;
        margin-top: 2em;
        margin-bottom: 2em;
        clear: both;
        color: #ffffff;
        line-height: 1.8em;
    }
    
    .ns-3022 .mw-editform #editpage-copywarn {
      font-size: 0.9em;
      line-height: 1.26;
      color: #ffffff;
    }
    /* [END] NS3022-3023: Muma|Rope Wiki */
    
    /* [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: 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;
        background-color: #1f2121;
    }
    
    /*Locationbox*/
    .ns-3028 .legacy-infobox{
      background-color: #B4B5B6;
      border: 1px solid #888888;
    }
    
    /*Section header*/
    .ns-3028 #mw-content h2 {
      border-bottom: 1px solid #8F989E;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3028 .toc {
      background-color: #B4B5B6;
      border: 1px solid #888888;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3028  #catlinks {
      background-color: #B4B5B6;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #888888;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      color: #000000;
      line-height: 1.8em;
    }
    
    /* [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] 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;
        background-color: #6a70c7;
    }
    
    .ns-3032 .legacy-infobox {
        background-color: #9fa3f4;
        border-color: #7278ca;
    }
    /* [END] NS3032-3033: She Awaits Wiki */
    
    /* [START] NS3034-3035: Oversomnia Wiki */
    .ns-3034, .ns-3035 {
        --cosmos-banner: #82574e;
        --link-text: #713f18;
        --link-text-hover: #775952;
        --header-link-text: #ffffff;
        --button-color: #bb8376;
        --footer-text: #ffe7ad;
        --content-background: #ffe7ad;
        background-color: #000000;
    }
    
    .ns-3034 .legacy-infobox {
        background-color: #edcbaf;
        border-color: #99695f;
    }
    /* [END] NS3034-3035: Oversomnia Wiki */
    
    /* [START] NS3036-3037: Yume Tagai Wiki */
    .ns-3036, ns-3037 {
        --cosmos-banner: #d71c67;
        --link-text: #d00c96;
        --link-text-hover: #f76ece;
        --header-link-text: #ffffff;
        --button-color: #ea6198;
        --footer-text: #f3a5c4;
        --content-background: #FFDDE1;
        background-color: #8A0028;
    }
    
    .ns-3036 .legacy-infobox {
        background-color: #fbdaeb;
        border-color: #ca72ad;
    }
    /* [END] NS3036-3037: Yume Tagai Wiki */
    
    /* [START] NS3038-3039: Yume Tsushin Wiki */
    .ns-3038, ns-3039 {
    	  --cosmos-banner: #7e7d78;
    	  --link-text: #60559B;
    	  --link-text-hover: #887ACB;
    	  --header-link-text: #ffffff;
    	  --button-color: #515B79;
    	  --footer-text: #6CC9D9;
    	  --content-background: #DDD;
    }
    
    /*Locationbox*/
    .ns-3038 .legacy-infobox{
      background-color: #C2C2C7;
      border: 1px solid #7e7d78;
    }
    
    /*Section header*/
    .ns-3038 #mw-content h2 {
      border-bottom: 1px solid #7e7d78;
      font-size: 24px;
      font-weight: 500;
      overflow: hidden;
      padding: 3px 0;
    }
    
    /*Table of contents customization*/
    .ns-3038 .toc {
      background-color: #C2C2C7;
      border: 1px solid #7e7d78;
    }
    
    /*Category ribbon from bottom of page*/
    .ns-3038 #catlinks {
      background-color: #C2C2C7;
      padding: 10px;
      padding-top: 1em;
      border: 1px solid #7e7d78;
      margin-top: 2em;
      margin-bottom: 2em;
      clear: both;
      color: #000000;
      line-height: 1.8em;
    }
    /* [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;
        background-color: #4ee19e;
    }
    
    .ns-3040 .legacy-infobox {
        background-color: #93ebbb;
        border-color: #7e7d78;
    }
    /* [END] NS3040-3041: nostAlgic 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-3022 #mw-content, .ns-3023 #mw-content,
    		.ns-3026 #mw-content, .ns-3027 #mw-content,
    		.ns-3028 #mw-content, .ns-3029 #mw-content,
    		.ns-3030 #mw-content, .ns-3031 #mw-content,
    		.ns-3032 #mw-content, .ns-3033 #mw-content,
    		.ns-3034 #mw-content, .ns-3035 #mw-content,
    		.ns-3036 #mw-content, .ns-3037 #mw-content,
    		.ns-3038 #mw-content, .ns-3039 #mw-content,
    		.ns-3040 #mw-content, .ns-3041 #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-3022 #mw-content a:not(.new), .ns-3023 #mw-content a:not(.new),
    		.ns-3026 #mw-content a:not(.new), .ns-3027 #mw-content a:not(.new),
    		.ns-3028 #mw-content a:not(.new), .ns-3029 #mw-content a:not(.new),
    		.ns-3030 #mw-content a:not(.new), .ns-3031 #mw-content a:not(.new),
    		.ns-3032 #mw-content a:not(.new), .ns-3033 #mw-content a:not(.new),
    		.ns-3034 #mw-content a:not(.new), .ns-3035 #mw-content a:not(.new),
    		.ns-3036 #mw-content a:not(.new), .ns-3037 #mw-content a:not(.new),
    		.ns-3038 #mw-content a:not(.new), .ns-3039 #mw-content a:not(.new),
    		.ns-3040 #mw-content a:not(.new), .ns-3041 #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-3022 #mw-content a:not(.new):hover, .ns-3023 #mw-content a:not(.new):hover,
    		.ns-3026 #mw-content a:not(.new):hover, .ns-3027 #mw-content a:not(.new):hover,
    		.ns-3028 #mw-content a:not(.new):hover, .ns-3029 #mw-content a:not(.new):hover,
    		.ns-3030 #mw-content a:not(.new):hover, .ns-3031 #mw-content a:not(.new):hover,
    		.ns-3032 #mw-content a:not(.new):hover, .ns-3033 #mw-content a:not(.new):hover,
    		.ns-3034 #mw-content a:not(.new):hover, .ns-3035 #mw-content a:not(.new):hover,
    		.ns-3036 #mw-content a:not(.new):hover, .ns-3037 #mw-content a:not(.new):hover,
    		.ns-3038 #mw-content a:not(.new):hover, .ns-3039 #mw-content a:not(.new):hover,
    		.ns-3040 #mw-content a:not(.new):hover, .ns-3041 #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-3022 .wds-list li > a:not(.new):hover, .ns-3023 .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-3028 .wds-list li > a:not(.new):hover, .ns-3029 .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,
    		.ns-3032 .wds-list li > a:not(.new):hover, .ns-3033 .wds-list li > a:not(.new):hover,
    		.ns-3034 .wds-list li > a:not(.new):hover, .ns-3035 .wds-list li > a:not(.new):hover,
    		.ns-3036 .wds-list li > a:not(.new):hover, .ns-3037 .wds-list li > a:not(.new):hover,
    		.ns-3038 .wds-list li > a:not(.new):hover, .ns-3039 .wds-list li > a:not(.new):hover,
    		.ns-3040 .wds-list li > a:not(.new):hover, .ns-3041 .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-3028 #cosmos-banner, .ns-3029 #cosmos-banner, .ns-3028 .cosmos-header, .ns-3029 .cosmos-header, .ns-3028 #cosmos-footer, .ns-3029 #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,
    		.ns-3032 #cosmos-banner, .ns-3033 #cosmos-banner, .ns-3032 .cosmos-header, .ns-3033 .cosmos-header, .ns-3032 #cosmos-footer, .ns-3033 #cosmos-footer,
    		.ns-3034 #cosmos-banner, .ns-3035 #cosmos-banner, .ns-3034 .cosmos-header, .ns-3035 .cosmos-header, .ns-3034 #cosmos-footer, .ns-3035 #cosmos-footer,
    		.ns-3036 #cosmos-banner, .ns-3037 #cosmos-banner, .ns-3036 .cosmos-header, .ns-3037 .cosmos-header, .ns-3036 #cosmos-footer, .ns-3037 #cosmos-footer,
    		.ns-3038 #cosmos-banner, .ns-3039 #cosmos-banner, .ns-3038 .cosmos-header, .ns-3039 .cosmos-header, .ns-3038 #cosmos-footer, .ns-3039 #cosmos-footer,
    		.ns-3040 #cosmos-banner, .ns-3041 #cosmos-banner, .ns-3040 .cosmos-header, .ns-3041 .cosmos-header, .ns-3040 #cosmos-footer, .ns-3041 #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,
    		.ns-3032 .cosmos-header:before, .ns-3033 .cosmos-header:before,
    		.ns-3034 .cosmos-header:before, .ns-3035 .cosmos-header:before,
    		.ns-3036 .cosmos-header:before, .ns-3037 .cosmos-header:before,
    		.ns-3038 .cosmos-header:before, .ns-3039 .cosmos-header:before,
    		.ns-3040 .cosmos-header:before, .ns-3041 .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-3008 .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,
    		.ns-3032 .cosmos-header__sitename a, .ns-3033 .cosmos-header__sitename a,
    		.ns-3034 .cosmos-header__sitename a, .ns-3035 .cosmos-header__sitename a,
    		.ns-3036 .cosmos-header__sitename a, .ns-3037 .cosmos-header__sitename a,
    		.ns-3038 .cosmos-header__sitename a, .ns-3039 .cosmos-header__sitename a,
    		.ns-3040 .cosmos-header__sitename a, .ns-3041 .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,
    		.ns-3032 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3033 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
    		.ns-3034 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3035 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
    		.ns-3036 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3037 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
    		.ns-3038 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3039 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a,
    		.ns-3040 .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a, .ns-3041 .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,
    		.ns-3032 .cosmos-header__counter, .ns-3033 .cosmos-header__counter, .ns-3032 .cosmos-userButton-label, .ns-3033 .cosmos-userButton-label,
    		.ns-3034 .cosmos-header__counter, .ns-3035 .cosmos-header__counter, .ns-3034 .cosmos-userButton-label, .ns-3035 .cosmos-userButton-label,
    		.ns-3036 .cosmos-header__counter, .ns-3037 .cosmos-header__counter, .ns-3036 .cosmos-userButton-label, .ns-3037 .cosmos-userButton-label,
    		.ns-3038 .cosmos-header__counter, .ns-3039 .cosmos-header__counter, .ns-3038 .cosmos-userButton-label, .ns-3039 .cosmos-userButton-label,
    		.ns-3040 .cosmos-header__counter, .ns-3041 .cosmos-header__counter, .ns-3040 .cosmos-userButton-label, .ns-3041 .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,
            .ns-3032 #cosmos-userButton-avatar, .ns-3032 #cosmos-userButton-icon, .ns-3033 #cosmos-userButton-avatar, .ns-3033 #cosmos-userButton-icon,
            .ns-3034 #cosmos-userButton-avatar, .ns-3034 #cosmos-userButton-icon, .ns-3035 #cosmos-userButton-avatar, .ns-3035 #cosmos-userButton-icon,
            .ns-3036 #cosmos-userButton-avatar, .ns-3036 #cosmos-userButton-icon, .ns-3037 #cosmos-userButton-avatar, .ns-3037 #cosmos-userButton-icon,
            .ns-3038 #cosmos-userButton-avatar, .ns-3038 #cosmos-userButton-icon, .ns-3039 #cosmos-userButton-avatar, .ns-3039 #cosmos-userButton-icon,
            .ns-3040 #cosmos-userButton-avatar, .ns-3040 #cosmos-userButton-icon, .ns-3041 #cosmos-userButton-avatar, .ns-3041 #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,
            .ns-3032 #cosmos-userButton-icon, .ns-3033 #cosmos-userButton-icon,
            .ns-3034 #cosmos-userButton-icon, .ns-3035 #cosmos-userButton-icon,
            .ns-3036 #cosmos-userButton-icon, .ns-3037 #cosmos-userButton-icon,
            .ns-3038 #cosmos-userButton-icon, .ns-3039 #cosmos-userButton-icon,
            .ns-3040 #cosmos-userButton-icon, .ns-3041 #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,
    		.ns-3032 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3033 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
    		.ns-3034 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3035 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
    		.ns-3036 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3037 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
    		.ns-3038 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3039 .cosmos-header .wds-tabs .wds-tabs__tab-label a,
    		.ns-3040 .cosmos-header .wds-tabs .wds-tabs__tab-label a, .ns-3041 .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,
    		.ns-3032 .cosmos-footerLinks-list, .ns-3033 .cosmos-footerLinks-list,
    		.ns-3034 .cosmos-footerLinks-list, .ns-3035 .cosmos-footerLinks-list,
    		.ns-3036 .cosmos-footerLinks-list, .ns-3037 .cosmos-footerLinks-list,
    		.ns-3038 .cosmos-footerLinks-list, .ns-3039 .cosmos-footerLinks-list,
    		.ns-3040 .cosmos-footerLinks-list, .ns-3041 .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,
    		.ns-3032 #cosmos-footer a, .ns-3033 #cosmos-footer a,
    		.ns-3034 #cosmos-footer a, .ns-3035 #cosmos-footer a,
    		.ns-3036 #cosmos-footer a, .ns-3037 #cosmos-footer a,
    		.ns-3038 #cosmos-footer a, .ns-3039 #cosmos-footer a,
    		.ns-3040 #cosmos-footer a, .ns-3041 #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,
    		.ns-3032 .cosmos-button-primary, .ns-3033 .cosmos-button-primary,
    		.ns-3034 .cosmos-button-primary, .ns-3035 .cosmos-button-primary,
    		.ns-3036 .cosmos-button-primary, .ns-3037 .cosmos-button-primary,
    		.ns-3038 .cosmos-button-primary, .ns-3039 .cosmos-button-primary,
    		.ns-3040 .cosmos-button-primary, .ns-3041 .cosmos-button-primary {
    			background-color: var(--button-color);
    		}
    		
    		/* mobile menu button */
    @media screen and (max-width: 850px) {
    		.ns-3000 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3001 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3002 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3003 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3004 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3005 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3006 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3007 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3008 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3009 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3010 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3011 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3012 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3013 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3014 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3015 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3016 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3017 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3018 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3019 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3020 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3021 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3022 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3023 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3026 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3027 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3028 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3029 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3030 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3031 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3032 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3033 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3034 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3035 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3036 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3037 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3038 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3039 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button,
    		.ns-3040 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button, .ns-3041 .cosmos-button.cosmos-button-primary.cosmos-mobile-menu-button {
    			background: transparent;
    			color: var(--header-link-text);
    		}
    }
    
    /*Input form button*/
    @media screen {
    		.ns-3000 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3001 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3002 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3003 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3004 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3005 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3006 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3007 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3008 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3009 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3010 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3011 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3012 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3013 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3014 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3015 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3016 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3017 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3018 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3019 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3020 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3021 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3022 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3023 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3026 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3027 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3028 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3029 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3030 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3031 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3032 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3033 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3034 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3035 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3036 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3037 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3038 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3039 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button,
    		.ns-3040 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button, .ns-3041 .mw-inputbox-createbox:required:invalid ~ .mw-ui-button {
    			   	background-color: var(--button-color);
    			   	border-color: var(--button-color);
    			    	cursor: default;
    			    color:#000000;
      	}   
    }
    /* [END] Common namespace-level theming */