e897453664
Began the process of getting the front end together by adding about and listing pages and applied some light styling to it doesn't look like garbage. Still need to turn on the indivial instance display pages, so that will be next.
75 lines
1.1 KiB
CSS
75 lines
1.1 KiB
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: 1fr 1fr;
|
|
padding: 10px;
|
|
}
|
|
|
|
header > nav i {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
header > nav > div[role="nav-right"] {
|
|
text-align: right;
|
|
}
|
|
|
|
div[role="system-notice"] {
|
|
background: var(--highlight);
|
|
color: var(--primary);
|
|
padding: 10px;
|
|
}
|
|
|
|
main {
|
|
height: 100%;
|
|
}
|
|
|
|
/* GLOBALS */
|
|
|
|
a {
|
|
color: var(--primary);
|
|
text-decoration: none;
|
|
border-bottom: 1px solid var(--white);
|
|
transition: all 0.2s linear;
|
|
}
|
|
|
|
a[role="nav-links"] {
|
|
padding: 7px;
|
|
border-bottom: none;
|
|
}
|
|
|
|
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);
|
|
}
|