VassarWiki

MediaWiki:Common.css: Difference between revisions

← Older edit
oops its a class
fixing some sizing
Tags: Mobile edit Mobile web edit
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');


/* light mode */
/* light mode */
:root, .skin-theme-clientpref-day {
:root, .skin-theme-clientpref-day {
--vw-bg-page: #f8f9fa;
--vw-bg-page:       #f8f9fa;
--vw-bg-surface: #ffffff;
--vw-bg-surface:     #ffffff;
--vw-bg-subtle: #f8f9fa;
--vw-bg-subtle:     #f8f9fa;
--vw-bg-heading: #EAECF0;
--vw-bg-heading:     #EAECF0;
--vw-text-subtle:   #555555;
--vw-text-subtle:   #555555;
--vw-border: #A2A9B1;
--vw-border:         #91a8c2;
 
--vw-accent: #af3350;
--vw-accent:         #c61c44;
--vw-accent-subtle: #f5dde2;
--vw-accent-subtle: #f9d9df;
 
--vw-gold: #8a7633;
--vw-gold:           #cfad3c;
--vw-gold-subtle: #f4f0dc;
--vw-gold-subtle:   #f9f3d7;
--vw-green: #478a33;
--vw-green:         #5ecf3c;
--vw-green-subtle: #e0f4dc;
--vw-green-subtle:   #ddf9d7;
--vw-teal: #338a76;
--vw-teal:           #209d80;
--vw-teal-subtle: #dcf4f0;
--vw-teal-subtle:   #d7f9f3;
--vw-blue: #33478a;
--vw-blue:           #3c5ecf;
--vw-blue-subtle: #dce0f4;
--vw-blue-subtle:   #d7ddf9;
--vw-violet: #76338A;
--vw-violet:         #80209d;
--vw-violet-subtle: #f0dcf4;
--vw-violet-subtle: #f5e0f9;
}
}


/* dark mode */
/* dark mode */
.skin-theme-clientpref-night {
.skin-theme-clientpref-night {
--vw-bg-page: #101418;
--vw-bg-page:       #101418;
--vw-bg-surface: #1e2227;
--vw-bg-surface:     #1e2227;
--vw-bg-subtle: #2a2f36;
--vw-bg-subtle:     #2a2f36;
--vw-bg-heading: #27292D;
--vw-bg-heading:     #27292D;
--vw-text-subtle:   #BBBBBB;
--vw-text-subtle:   #BBBBBB;
--vw-border: #72777D;
--vw-border:         #5a7595;
 
--vw-accent: #F2A0B2;  
--vw-accent:         #c54963;
--vw-accent-subtle: #3d1e26;
--vw-accent-subtle: #461522;
 
--vw-gold: #f2e0a1;
--vw-gold:           #c5a949;
--vw-gold-subtle: #3e351e;
--vw-gold-subtle:   #473915;
--vw-green: #f2e0a1;
--vw-green:         #68c549;
--vw-green-subtle: #263e1e;
--vw-green-subtle:   #214715;
--vw-teal: #a1f2e0;
--vw-teal:           #49c5a8;
--vw-teal-subtle: #1e3e35;
--vw-teal-subtle:   #154739;
--vw-blue: #a1b3f2;
--vw-blue:           #4963c5;
--vw-blue-subtle: #1e263e;
--vw-blue-subtle:   #152147;
--vw-violet: #e0a1f2;
--vw-violet:         #a949c5;
--vw-violet-subtle: #351e3e;
--vw-violet-subtle: #391547;
}
@media ( prefers-color-scheme: dark ) {
    .skin-theme-clientpref-os {
--vw-bg-page: #101418;
--vw-bg-surface: #1e2227;
--vw-bg-subtle: #2a2f36;
--vw-bg-heading: #27292D;
--vw-text-subtle:  #BBBBBB;
--vw-border: #72777D;
--vw-accent: #F2A0B2;
--vw-accent-subtle: #3d1e26;
--vw-gold: #f2e0a1;
--vw-gold-subtle: #3e351e;
--vw-green: #f2e0a1;
--vw-green-subtle: #263e1e;
--vw-teal: #a1f2e0;
--vw-teal-subtle: #1e3e35;
--vw-blue: #a1b3f2;
--vw-blue-subtle: #1e263e;
--vw-violet: #e0a1f2;
--vw-violet-subtle: #351e3e;
    }
}
}
@media ( prefers-color-scheme: dark ) { .skin-theme-clientpref-os {
--vw-bg-page:        #101418;
--vw-bg-surface:    #1e2227;
--vw-bg-subtle:      #2a2f36;
--vw-bg-heading:    #27292D;
--vw-text-subtle:    #BBBBBB;
--vw-border:        #5a7595;
--vw-accent:        #c54963;
--vw-accent-subtle:  #461522;
--vw-gold:          #c5a949;
--vw-gold-subtle:    #473915;
--vw-green:          #68c549;
--vw-green-subtle:  #214715;
--vw-teal:          #49c5a8;
--vw-teal-subtle:    #154739;
--vw-blue:          #4963c5;
--vw-blue-subtle:    #152147;
--vw-violet:        #a949c5;
--vw-violet-subtle:  #391547;
}}
.skin-theme-clientpref-night .mw-logo-icon {
.skin-theme-clientpref-night .mw-logo-icon {
     filter: invert(1);
     filter: invert(1);
Line 82: Line 81:
     }
     }
}
}


#footer-info li, #footer-places li {
#footer-info li, #footer-places li {
Line 89: Line 87:


.mw-logo-wordmark {
.mw-logo-wordmark {
font-family: 'Lora', serif;
font-weight: 800;
     font-size: 1.5rem;
     font-size: 1.5rem;
     color: maroon;
     color: var(--vw-accent);
}
 
.mw-logo-wordmark:hover, .mw-wordmark:hover, .mw-logo:hover {
text-decoration: none;
}
 
body {
font-family: 'Public Sans', sans-serif;
}
 
h1, h2 {
font-family: 'Lora', serif !important;
font-weight: 500 !important;
}
 
 
/* Main Page */
.page-Main_Page .firstHeading {
display: none;
}
#welcome-box h1 {
border-bottom-color: var(--vw-accent);
width: min(100%, 400px);
}
 
@media (max-width: 600px) {
#vw-main-title { text-align: center; font-size: 0.9em; }
#vw-main-subtitle { margin-top: 0.5em; text-align: center; font-size: 0.85em; }
#vw-main-list { margin-top: 0.5em; justify-content: center; }
}
@media (min-width: 601px) {
#vw-main-title { text-align: left; }
    #vw-main-subtitle { margin-top: -0.5em; text-align: left; }
    #vw-main-list { justify-content:flex-end;}
}
 
/* Templates */
.documentation .mw-editsection:not(.documentation-edit) {
    display: none;
}
 
.poster-container {
display:flex; flex-wrap:wrap; gap:0.4em;
}
}


Line 119: Line 162:
max-width: 300px !important;
max-width: 300px !important;
}
}
}
.page-Main_Page .firstHeading {
display: none;
}
#welcome-box {
border: 2px solid var(--vw-accent);
background-color: var(--vw-accent-subtle);
}
#welcome-box h1 {
border-bottom-color: var(--vw-accent);
width: min(100%, 400px);
}
#events-box, #feature-box {
    flex: 1;
    min-width: 280px;
}
#events-box {
border: 2px solid var(--vw-blue);
background-color: var(--vw-blue-subtle);
}
#events-box h2 { border-bottom-color: var(--vw-blue); }
#bulletin-box {
border: 2px solid var(--vw-green);
background-color: var(--vw-green-subtle);
}
#bulletin-box h2 { border-bottom-color: var(--vw-green); }
#feature-box {
border: 2px solid var(--vw-gold);
background-color: var(--vw-gold-subtle);
}
#feature-box h2 { border-bottom-color: var(--vw-gold); }
.documentation .mw-editsection:not(.documentation-edit) {
    display: none;
}
.poster-container {
display:flex; flex-wrap:wrap; gap:0.4em;
}
}
Retrieved from "https://vassar.wiki/wiki/MediaWiki:Common.css"