MediaWiki:Common.css: Difference between revisions

formatting home page boxes
Tag: Reverted
making colors brighter in light mode
 
(7 intermediate revisions by the same user not shown)
Line 13: Line 13:
--vw-accent-subtle: #f5dde2;
--vw-accent-subtle: #f5dde2;
--vw-gold: #8a7633;
--vw-gold: #b7a054;
--vw-gold-subtle: #f4f0dc;
--vw-gold-subtle: #f4f0dc;
--vw-green: #478a33;
--vw-green: #6bb754;
--vw-green-subtle: #e0f4dc;
--vw-green-subtle: #e0f4dc;
--vw-teal: #338a76;
--vw-teal: #338a76;
--vw-teal-subtle: #dcf4f0;
--vw-teal-subtle: #dcf4f0;
--vw-blue: #33478a;
--vw-blue: #546bb7;
--vw-blue-subtle: #dce0f4;
--vw-blue-subtle: #dce0f4;
--vw-violet: #76338A;
--vw-violet: #76338A;
Line 34: Line 34:
--vw-border: #72777D;
--vw-border: #72777D;
--vw-accent: #F2A0B2;  
--vw-accent: #ad6171;  
--vw-accent-subtle: #3d1e26;
--vw-accent-subtle: #3d1e26;
--vw-gold: #f2e0a1;
--vw-gold: #ad9c61;
--vw-gold-subtle: #3e351e;
--vw-gold-subtle: #3e351e;
--vw-green: #f2e0a1;
--vw-green: #74ad61;
--vw-green-subtle: #263e1e;
--vw-green-subtle: #263e1e;
--vw-teal: #a1f2e0;
--vw-teal: #61ad9b;
--vw-teal-subtle: #1e3e35;
--vw-teal-subtle: #1e3e35;
--vw-blue: #a1b3f2;
--vw-blue: #6171ad;
--vw-blue-subtle: #1e263e;
--vw-blue-subtle: #1e263e;
--vw-violet: #e0a1f2;
--vw-violet: #9c61ad;
--vw-violet-subtle: #351e3e;
--vw-violet-subtle: #351e3e;
}
}
Line 61: Line 61:
--vw-accent-subtle: #3d1e26;
--vw-accent-subtle: #3d1e26;
--vw-gold: #f2e0a1;
--vw-gold: #ad9c61;
--vw-gold-subtle: #3e351e;
--vw-gold-subtle: #3e351e;
--vw-green: #f2e0a1;
--vw-green: #74ad61;
--vw-green-subtle: #263e1e;
--vw-green-subtle: #263e1e;
--vw-teal: #a1f2e0;
--vw-teal: #61ad9b;
--vw-teal-subtle: #1e3e35;
--vw-teal-subtle: #1e3e35;
--vw-blue: #a1b3f2;
--vw-blue: #6171ad;
--vw-blue-subtle: #1e263e;
--vw-blue-subtle: #1e263e;
--vw-violet: #e0a1f2;
--vw-violet: #9c61ad;
--vw-violet-subtle: #351e3e;
--vw-violet-subtle: #351e3e;
     }
     }
Line 90: Line 90:
.mw-logo-wordmark {
.mw-logo-wordmark {
     font-size: 1.5rem;
     font-size: 1.5rem;
     color: maroon;
     color: var(--vw-accent);
}
}


Line 123: Line 123:
.page-Main_Page .firstHeading {  
.page-Main_Page .firstHeading {  
display: none;  
display: none;  
}
#events-box, #feature-box, #bulletin-box {
display:flex; flex-wrap:wrap; gap:0.4em;
padding: 0.5em 1em 1em 1.5em; margin-bottom: 1.2em;
flex: 1; min-width: 280px;
}
}


Line 138: Line 132:
border-bottom-color: var(--vw-accent);  
border-bottom-color: var(--vw-accent);  
width: min(100%, 400px);
width: min(100%, 400px);
}
#events-box, #feature-box {
    flex: 1;
    min-width: 280px;
}
}


Line 158: Line 157:
.documentation .mw-editsection:not(.documentation-edit) {
.documentation .mw-editsection:not(.documentation-edit) {
     display: none;
     display: none;
}
.poster-container {
display:flex; flex-wrap:wrap; gap:0.4em;
}
}