MediaWiki:Common.css: Difference between revisions

Merriweather, other tweaks
fixing some sizing
Tags: Mobile edit Mobile web edit
 
(9 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=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@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');




Line 81: Line 81:
     }
     }
}
}


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


.mw-logo-wordmark {
.mw-logo-wordmark {
font-family: 'Merriweather', serif;
font-family: 'Lora', serif;
font-weight: 800;
font-weight: 800;
     font-size: 1.5rem;
     font-size: 1.5rem;
Line 103: Line 102:


h1, h2 {
h1, h2 {
font-family: 'Merriweather', serif !important;
font-family: 'Lora', serif !important;
font-weight: 500 !important;
}
}


/* Main Page */  
/* Main Page */  
.page-Main_Page .firstHeading {  
.page-Main_Page .firstHeading {  
display: none;  
display: none;  
}
#welcome-box {
border: 2px solid var(--vw-accent);
background-color: var(--vw-accent-subtle);
}
}
#welcome-box h1 {  
#welcome-box h1 {  
Line 120: Line 116:
}
}


#events-box, #feature-box {
@media (max-width: 600px) {
    flex: 1;
#vw-main-title { text-align: center; font-size: 0.9em; }
    min-width: 280px;
#vw-main-subtitle { margin-top: 0.5em; text-align: center; font-size: 0.85em; }
}
#vw-main-list { margin-top: 0.5em; justify-content: center; }
 
#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 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); }
 
.vw-main-subtitle {
    margin-top: 0;
}
}
@media (min-width: 601px) {
@media (min-width: 601px) {
     .vw-main-subtitle {
#vw-main-title { text-align: left; }
        margin-top: -0.5em;
     #vw-main-subtitle { margin-top: -0.5em; text-align: left; }
     }
     #vw-main-list { justify-content:flex-end;}
}
}