WickedGov:Main Page/styles.css: Difference between revisions
try |
+ |
||
| 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; | |||
} | } | ||
/* "Welcome to WickedGov!" */ | /* "Welcome to WickedGov!" */ | ||
| Line 41: | Line 46: | ||
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: #000066; | |||
} | } | ||
| Line 64: | Line 76: | ||
display: none; | display: none; | ||
} | } | ||
/* For smaller screens */ | /* For smaller screens */ | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
| Line 95: | Line 106: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
} | |||
html.skin-theme-clientpref-night #mp-content { | |||
background-color: transparent; | |||
} | } | ||
.mp-divider { | .mp-divider { | ||
| Line 101: | Line 115: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
clear: both; | clear: both; | ||
} | |||
} | |||
/* 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: #000066; | |||
} | } | ||
} | } | ||