WickedGov:Main Page/styles.css: Difference between revisions
+ |
expand |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
/* Further styles are located in MediaWiki:Common.css */ | /* Further styles are located in MediaWiki:Common.css */ | ||
/* Box containing welcome message */ | /* Box containing welcome message, and stats box */ | ||
#mp-topbox, #mp-stats { | #mp-topbox, #mp-stats { | ||
clear: both; | clear: both; | ||
| Line 13: | Line 13: | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
text-align: center; | text-align: center; | ||
} | |||
html.skin-theme-clientpref-night #mp-topbox, | |||
html.skin-theme-clientpref-night #mp-stats { | |||
background-color: transparent; | |||
} | |||
/* Derived from enwikipedia */ | |||
#mp-welcome h1, | |||
#mp-column-container h2, | |||
#mp-welcome .mw-heading1, | |||
#mp-column-container .mw-heading2 { | |||
font-size: inherit; | |||
font-weight: inherit; | |||
font-family: inherit; | |||
display: inline; | |||
border: none; | |||
} | } | ||
| Line 41: | Line 57: | ||
background-color: #eeffee; | background-color: #eeffee; | ||
} | } | ||
html.skin-theme-clientpref-night #mp-featuredarticle { | |||
background-color: #003300; | |||
} | |||
#mp-featurednews { | #mp-featurednews { | ||
flex: 1 1 45%; | flex: 1 1 45%; | ||
float: right; | float: right; | ||
background-color: #eeeeff; | background-color: #eeeeff; | ||
} | |||
html.skin-theme-clientpref-night #mp-featurednews { | |||
background-color: #000033; | |||
} | } | ||
| Line 63: | Line 86: | ||
.mp-divider { | .mp-divider { | ||
display: none; | display: none; | ||
} | |||
/* OS dark mode */ | |||
@media screen and ( prefers-color-scheme: dark ) { | |||
html.skin-theme-clientpref-os #mp-topbox, | |||
html.skin-theme-clientpref-os #mp-stats, | |||
html.skin-theme-clientpref-os #mp-content { | |||
background-color: transparent; | |||
} | |||
html.skin-theme-clientpref-os #mp-featuredarticle { | |||
background-color: #003300; | |||
} | |||
html.skin-theme-clientpref-os #mp-featurednews { | |||
background-color: #000033; | |||
} | |||
} | } | ||
| Line 70: | Line 108: | ||
display: block; | display: block; | ||
clear: both; | clear: both; | ||
margin: 0; | |||
} | } | ||
#mp-featuredarticle, | #mp-featuredarticle, | ||
| Line 78: | Line 117: | ||
float: none; | float: none; | ||
padding: 0; | padding: 0; | ||
border: | margin-top: 0.5em; | ||
background-color: | margin-bottom: 0.5em; | ||
border: none; | |||
background-color: transparent; | |||
} | |||
html.skin-theme-clientpref-os #mp-featurednews, | |||
html.skin-theme-clientpref-os #mp-featuredarticle, | |||
html.skin-theme-clientpref-os #mp-topbox, | |||
html.skin-theme-clientpref-os #mp-stats, | |||
html.skin-theme-clientpref-night #mp-featurednews, | |||
html.skin-theme-clientpref-night #mp-featuredarticle, | |||
html.skin-theme-clientpref-night #mp-topbox, | |||
html.skin-theme-clientpref-night #mp-stats { | |||
background-color: transparent; | |||
} | } | ||
#mp-featuredarticle-header, | #mp-featuredarticle-header, | ||
| Line 92: | Line 143: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
margin-top: 0.25em; | |||
} | |||
html.skin-theme-clientpref-night #mp-content { | |||
background-color: transparent; | |||
} | } | ||
.mp-divider { | .mp-divider { | ||
display: block; | display: block; | ||
border: none; | |||
height: 1px; | |||
margin-top: 0.5em; | margin-top: 0.5em; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||