Main Page: Difference between revisions
m Dark mode responsiveness test |
m Dark mode stuff for beginning |
||
| Line 1: | Line 1: | ||
__NOTOC____NOEDITSECTION____NOTITLE__{{#css: | __NOTOC____NOEDITSECTION____NOTITLE__{{#css: | ||
<!-- This makes sure applying borders doesn't increase div size (mess things up) --> | |||
div { | div { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
<!-- STYLING ELEMENTS (INCLUDING DARK MODE VERSIONS) --> | |||
.background-basic { | .background-basic { | ||
background-color: #f7faeb; | background-color: #f7faeb; | ||
color: #000; | color: #000; | ||
} | } | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .background-basic { | html.skin-theme-clientpref-night .background-basic { | ||
| Line 16: | Line 20: | ||
} | } | ||
} | } | ||
.center-text { | .center-text { | ||
text-align: center; | text-align: center; | ||