MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
.mw-editsection-like { | .mw-editsection-like { | ||
display: none; | display: none; | ||
} | |||
/* GOLD & DIAMOND CLASS MAIN PAGE CSS */ | |||
.mp-box { | |||
border: 1px solid #d4af37; | |||
padding: 0 0.5em 0.5em; | |||
margin-top: 6px; | |||
background-color: #ffffff; | |||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | |||
} | |||
.mp-h2, | |||
body.skin-timeless .mp-h2 { | |||
border: 1px solid #d4af37; | |||
background-color: #0c2340; | |||
color: #ffffff; | |||
margin: 0.5em 0; | |||
padding: 0.4em 0.6em; | |||
font-size: 130%; | |||
font-weight: bold; | |||
font-family: 'Georgia', serif; | |||
border-radius: 6px; | |||
} | |||
.mp-later { | |||
font-size: 85%; | |||
font-weight: normal; | |||
color: #777; | |||
} | |||
#mp-welcomecount { | |||
text-align: center; | |||
margin: 0.4em; | |||
} | |||
#mp-welcome { | |||
font-size: 180%; | |||
padding: 0.2em; | |||
color: #0c2340; | |||
font-weight: bold; | |||
font-family: 'Georgia', serif; | |||
} | |||
#mp-welcome h1, | |||
#mp-welcome .mw-heading1 { | |||
font-size: inherit; | |||
font-family: inherit; | |||
display: inline; | |||
border: none; | |||
} | |||
#mp-free { | |||
font-size: 100%; | |||
color: #444; | |||
} | |||
#articlecount { | |||
font-size: 90%; | |||
color: #888; | |||
} | |||
#articlecount > ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
#articlecount > ul > li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
#articlecount > ul > li::after { | |||
content: " • "; | |||
font-weight: normal; | |||
color: #d4af37; | |||
} | |||
#articlecount > ul > li:last-child::after { | |||
content: ""; | |||
} | |||
.mp-contains-float::after { | |||
content: ""; | |||
display: block; | |||
clear: both; | |||
} | |||
@media (min-width: 875px) { | |||
#mp-upper { | |||
display: flex; | |||
} | |||
#mp-left { | |||
flex: 1 1 55%; | |||
margin-right: 4px; | |||
} | |||
#mp-right { | |||
flex: 1 1 45%; | |||
margin-left: 4px; | |||
} | |||
} | |||
/* Night Mode */ | |||
@media (prefers-color-scheme: dark) { | |||
.mp-box { | |||
background-color: #121212; | |||
border-color: #d4af37; | |||
} | |||
.mp-h2 { | |||
background-color: #0c2340; | |||
color: #ffffff; | |||
} | |||
#mp-welcome { | |||
color: #d4af37; | |||
} | |||
#mp-free { | |||
color: #ccc; | |||
} | |||
} | } | ||