735117fcda
Reorganized the CSS structure to there is some seperation between front facing style and the backend den. Also add the Render class so auth status is included in every template rendering event so login status and select member data is available if needed. will expand if needed.
60 lines
910 B
CSS
60 lines
910 B
CSS
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
font: 400 1.2em/1.4em var(--base-type);
|
|
}
|
|
|
|
html body {
|
|
background: var(--primary);
|
|
color: var(--secondary);
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
header {
|
|
width: 100%;
|
|
color: var(--primary);
|
|
background: var(--secondary);
|
|
}
|
|
|
|
header > nav {
|
|
display: grid;
|
|
grid-template-columns: 200px 1fr;
|
|
padding: 10px;
|
|
}
|
|
|
|
header > nav i {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
header > nav > div[role="nav-right"] {
|
|
text-align: right;
|
|
}
|
|
|
|
/* GLOBALS */
|
|
|
|
a {
|
|
color: var(--primary);
|
|
text-decoration: none;
|
|
border-bottom: 1px solid var(--white);
|
|
transition: all 0.2s linear;
|
|
}
|
|
|
|
a:hover {
|
|
border-bottom: 1px solid var(--primary);
|
|
}
|
|
|
|
sup {
|
|
background: var(--black);
|
|
color: var(--white);
|
|
padding: 2px;
|
|
border-radius: 3px;
|
|
vertical-align: baseline;
|
|
font-family: var(--mono-type);
|
|
}
|