134 lines
2.2 KiB
CSS
134 lines
2.2 KiB
CSS
@font-face {
|
|
font-family: "Orbitron Medium";
|
|
src: url("/static/fonts/orbitron/orbitron-medium.otf"); }
|
|
|
|
@font-face {
|
|
font-family: "Orbitron Light";
|
|
src: url("/static/fonts/orbitron/orbitron-light.otf"); }
|
|
|
|
@font-face {
|
|
font-family: "Orbitron Bold";
|
|
src: url("/static/fonts/orbitron/orbitron-bold.otf"); }
|
|
|
|
@font-face {
|
|
font-family: "Orbitron Black";
|
|
src: url("/static/fonts/orbitron/orbitron-black.otf"); }
|
|
|
|
body {
|
|
font-family: "sans-serif"; }
|
|
|
|
main, article {
|
|
margin: auto; }
|
|
|
|
p, pre {
|
|
text-align: justify;
|
|
text-justify: inter-word; }
|
|
|
|
main, article, p, img, h1, h2, h3, h4, h5 {
|
|
max-width: 80ch; }
|
|
|
|
pre {
|
|
display: block;
|
|
overflow: auto;
|
|
padding-left: 1ch; }
|
|
|
|
details, header > h1, p, pre, ul, ol {
|
|
margin: 1em auto; }
|
|
|
|
article > details {
|
|
padding: 1em 1ch; }
|
|
|
|
header > h1 {
|
|
font-family: "Orbitron Light";
|
|
font-size: 2em; }
|
|
|
|
header, footer {
|
|
text-align: center; }
|
|
|
|
a, header a, header a:hover {
|
|
text-decoration: none; }
|
|
|
|
a:visited, summary, .abstract {
|
|
opacity: .8; }
|
|
|
|
a:hover {
|
|
text-decoration: underline; }
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
font-family: "Orbitron Medium";
|
|
font-weight: 100;
|
|
margin: 2em auto 1em auto; }
|
|
|
|
footer {
|
|
clear: both;
|
|
margin-top: 2em;
|
|
border-top: 1px dotted;
|
|
padding: 1em 0; }
|
|
|
|
fieldset {
|
|
border: .5mm dashed; }
|
|
|
|
fieldset > p {
|
|
margin: .5em auto;
|
|
padding: .5em;
|
|
float: left; }
|
|
|
|
label {
|
|
margin: .2em;
|
|
display: block; }
|
|
|
|
input, textarea {
|
|
display: block;
|
|
border: none;
|
|
border-bottom: .5mm solid;
|
|
min-width: 100%; }
|
|
|
|
textarea {
|
|
border: .5mm solid;
|
|
width: 80ch;
|
|
height: 40ch;
|
|
display: block-inline;
|
|
clear: both; }
|
|
|
|
button {
|
|
clear: both;
|
|
display: block;
|
|
margin: 1em auto;
|
|
border: .5mm solid; }
|
|
|
|
.timeline {
|
|
width: 90ch; }
|
|
|
|
.timeline > li {
|
|
position: relative;
|
|
overflow: hidden; }
|
|
|
|
.timeline > li time {
|
|
float: left;
|
|
width: 14ch;
|
|
text-align: center; }
|
|
|
|
.timeline > li div {
|
|
float: left;
|
|
padding: 0 0 1em 2ch;
|
|
width: 60%; }
|
|
|
|
.topics > li {
|
|
display: inline;
|
|
margin-right: 2ch; }
|
|
|
|
.topics {
|
|
overflow: visible;
|
|
display: block;
|
|
clear: both;
|
|
text-align: center; }
|
|
|
|
body {
|
|
background-color: #191B22; }
|
|
|
|
body, a, header a:visited {
|
|
color: #f2f2f2; }
|
|
|
|
pre, .timeline > li div {
|
|
border-left: 1mm solid #f2f2f233; }
|