You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
1.5 KiB
132 lines
1.5 KiB
$fg: #333;
|
|
$bg: #fff;
|
|
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
color: $fg;
|
|
font-size: 16pt;
|
|
margin: 0; padding: 0;
|
|
}
|
|
|
|
body {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
a {
|
|
color: #005e5e;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
color: #001d5e;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
section, header, footer {
|
|
width: 100%;
|
|
> * {
|
|
max-width: 850px;
|
|
margin: 0 auto;
|
|
padding: 10pt 0;
|
|
}
|
|
}
|
|
|
|
section, header {
|
|
border-bottom: 4px solid darkcyan;
|
|
|
|
h1:first-child {
|
|
margin-top: .4em;
|
|
}
|
|
}
|
|
|
|
section + section {
|
|
border-bottom: none;
|
|
|
|
> * {
|
|
border-bottom: 2px dashed rgba(darkcyan, .5)
|
|
}
|
|
}
|
|
|
|
section:last-of-type {
|
|
border-bottom: 4px solid darkcyan;
|
|
|
|
> * {
|
|
border-bottom: 0 none;
|
|
}
|
|
}
|
|
|
|
header {
|
|
.Title {
|
|
font-size: 40pt;
|
|
font-weight: bold;
|
|
letter-spacing: 2pt;
|
|
}
|
|
|
|
.Subtitle {
|
|
font-size: 24pt;
|
|
}
|
|
}
|
|
|
|
nav a {
|
|
padding-right: 10pt;
|
|
padding-left: 10pt;
|
|
|
|
border-right: 2px solid darkcyan;
|
|
|
|
&:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
border-right: 0 none;
|
|
}
|
|
|
|
&.active {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
h1 a {
|
|
opacity: .3;
|
|
margin-left: 6pt;
|
|
|
|
&:hover {
|
|
opacity: .6;
|
|
}
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 110%;
|
|
}
|
|
|
|
footer {
|
|
text-align: left;
|
|
font-size: 12pt;
|
|
color: #066;
|
|
opacity: .5;
|
|
font-style: italic;
|
|
}
|
|
|
|
section img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
div.center {
|
|
text-align: center;
|
|
}
|
|
|
|
div.aside {
|
|
float: right;
|
|
margin-left: 16pt;
|
|
margin-bottom: 16pt;
|
|
}
|
|
|