Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Added play test container and customer header
temporarily removed dark mode colors
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


 
/*
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
     body, #mw-head {
     body, #mw-head {
Line 24: Line 24:
     }
     }
}
}
 
*/


/* Custom Additions */
/* Custom Additions */

Revision as of 11:36, 20 September 2025

/* CSS placed here will be applied to all skins */

/*
@media (prefers-color-scheme: dark) {
    body, #mw-head {
        background-color: #1f2937;
    }

    a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
        color: oklch(62.3% 0.214 259.815);
    }
    
    a:visited, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
        color: oklch(54.6% 0.245 262.881);
    }

    a:hover, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:hover {
        color: oklch(70.7% 0.165 254.624);
        text-decoration: none;
    }

    a.new {
        color: oklch(64.5% 0.246 16.439);
    }
}
*/

/* Custom Additions */
.playtest-info-box {
    max-width:100%; margin-bottom:10px; border:1px solid #ccc; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.1); background:#f0f2f8; padding:10px; text-align:center; color:#333; word-wrap:break-word; overflow-wrap:break-word;
}

.header-container-outer {
    max-width:100%; margin:1 1px; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); background:#f0f2f8;
}

.header-container-middle {
    background:#f0f2f8; color:white; text-align:center; padding:1px 1px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;
}

.header-container-inner {
    background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:1px 1px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;font-size:300%;
}