User:Naomi/common.css: Difference between revisions
Jump to navigation
Jump to search
m (Add minor comments) |
No edit summary |
||
| Line 21: | Line 21: | ||
--nav-ter-header: #222; | --nav-ter-header: #222; | ||
--nav-section: #222; | --nav-section: #222; | ||
} | |||
/* Main page */ | |||
#main-page.main-page { | |||
display: grid; | |||
grid-template-areas: "a" "b" "c"; | |||
grid-template-columns: 1fr; | |||
grid-gap: 2px; | |||
} | |||
@media screen and (min-width:990px) { | |||
#main-page.main-page { | |||
grid-template-areas: "a a" "b c"; | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
} | } | ||
Revision as of 15:52, 29 February 2024
/* Font Styling*/
body {
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
}
/* Colour variables to make life easier */
:root {
--nav-bg: #FFF;
--nav-border: #CCC;
--nav-header: #CCC;
--nav-sec-header: #DDD;
--nav-ter-header: #EEE;
--nav-section: #EEE;
}
body.wgl-theme-dark {
--nav-bg: #333;
--nav-border: #444;
--nav-header: #111;
--nav-sec-header: #181818;
--nav-ter-header: #222;
--nav-section: #222;
}
/* Main page */
#main-page.main-page {
display: grid;
grid-template-areas: "a" "b" "c";
grid-template-columns: 1fr;
grid-gap: 2px;
}
@media screen and (min-width:990px) {
#main-page.main-page {
grid-template-areas: "a a" "b c";
grid-template-columns: repeat(2, 1fr);
}
}