80 lines
1.1 KiB
CSS
80 lines
1.1 KiB
CSS
|
@font-face {
|
||
|
font-family: "Terminus";
|
||
|
src: url("/f/TerminusTTF.ttf");
|
||
|
font-display: optional;
|
||
|
}
|
||
|
* {
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
html, body {
|
||
|
background-color: #2a2629;
|
||
|
color: #f2f1d6;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
font-size: 16px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
code {
|
||
|
white-space: pre;
|
||
|
}
|
||
|
* {
|
||
|
font-family: "Terminus (TTF)", "Terminus";
|
||
|
font-smooth: never;
|
||
|
}
|
||
|
main {
|
||
|
width: 640px;
|
||
|
margin: 16px auto;
|
||
|
margin-bottom: 100px;
|
||
|
}
|
||
|
.faint {
|
||
|
color: #605951;
|
||
|
}
|
||
|
a.faint {
|
||
|
cursor: not-allowed;
|
||
|
}
|
||
|
section {
|
||
|
width: 100%;
|
||
|
border-left: 2px solid #4a3535;
|
||
|
margin-bottom: 16px;
|
||
|
}
|
||
|
section p {
|
||
|
margin: 8px 16px;
|
||
|
}
|
||
|
header {
|
||
|
width: 100%;
|
||
|
background: #4a3535;
|
||
|
}
|
||
|
header h2 {
|
||
|
margin: 0;
|
||
|
padding: 2px 0px 2px 16px;
|
||
|
color: #9f714a;
|
||
|
}
|
||
|
header h2::before {
|
||
|
content: ">\a0";
|
||
|
display: inline-block;
|
||
|
}
|
||
|
table {
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
td, th {
|
||
|
padding: 0px 0px 0px 16px;
|
||
|
text-align: left;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
tr:hover {
|
||
|
background: #4a3535;
|
||
|
}
|
||
|
a, a:visited { color: #9f714a; }
|
||
|
ul {
|
||
|
list-style-type: none;
|
||
|
}
|
||
|
li::before {
|
||
|
content: "> ";
|
||
|
}
|
||
|
@media (max-width: 640px) {
|
||
|
main {
|
||
|
width: 100%;
|
||
|
margin: 0px;
|
||
|
}
|
||
|
}
|