WickedGov:Main Page/styles.css: Difference between revisions
tweak |
expand |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* __NOINDEX__ */ | |||
/* 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 11: | 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 30: | Line 48: | ||
/* Featured article and featured news boxes */ | /* Featured article and featured news boxes */ | ||
#mp-featuredarticle, #mp-featurednews { | #mp-featuredarticle, #mp-featurednews { | ||
margin:0.2em 0; | margin:0.2em 0; | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
| Line 36: | Line 53: | ||
} | } | ||
#mp-featuredarticle { | #mp-featuredarticle { | ||
flex: 1 1 55%; | |||
float: left; | float: left; | ||
background-color: #eeffee; | background-color: #eeffee; | ||
} | } | ||
html.skin-theme-clientpref-night #mp-featuredarticle { | |||
background-color: #003300; | |||
} | |||
#mp-featurednews { | #mp-featurednews { | ||
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 55: | Line 81: | ||
#mp-stats { | #mp-stats { | ||
text-align: center; | text-align: center; | ||
} | |||
/* Only show dividers on small screens */ | |||
.mp-divider { | |||
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 61: | Line 107: | ||
#mp-column-container { | #mp-column-container { | ||
display: block; | display: block; | ||
clear: both; | |||
margin: 0; | |||
} | } | ||
#mp-featuredarticle, | #mp-featuredarticle, | ||
#mp-featurednews { | #mp-featurednews, | ||
#mp-topbox, | |||
#mp-stats { | |||
clear: both; | clear: both; | ||
float: none; | float: none; | ||
padding: 0; | |||
margin-top: 0.5em; | |||
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-featurednews-header { | |||
text-align: center; | |||
} | |||
#mp-content { | |||
clear: both; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | |||
background-color: #f7f7f7; | |||
box-sizing: border-box; | |||
padding: 0.25em 0.9em; | |||
margin-top: 0.25em; | |||
} | |||
html.skin-theme-clientpref-night #mp-content { | |||
background-color: transparent; | |||
} | |||
.mp-divider { | |||
display: block; | |||
border: none; | |||
height: 1px; | |||
margin-top: 0.5em; | |||
margin-bottom: 0.5em; | |||
clear: both; | |||
} | } | ||
} | } | ||