initial
This commit is contained in:
@@ -0,0 +1,93 @@
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
color: #333;
|
||||
font-size: 16pt;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
body {
|
||||
overflow-y: scroll; }
|
||||
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box; }
|
||||
|
||||
a {
|
||||
color: #005e5e;
|
||||
text-decoration: none; }
|
||||
a:hover {
|
||||
color: #001d5e;
|
||||
text-decoration: none; }
|
||||
|
||||
section, header, footer {
|
||||
width: 100%; }
|
||||
section > *, header > *, footer > * {
|
||||
max-width: 850px;
|
||||
margin: 0 auto;
|
||||
padding: 10pt 0; }
|
||||
|
||||
section, header {
|
||||
border-bottom: 4px solid darkcyan; }
|
||||
section h1:first-child, header h1:first-child {
|
||||
margin-top: .4em; }
|
||||
|
||||
section + section {
|
||||
border-bottom: none; }
|
||||
section + section > * {
|
||||
border-bottom: 2px dashed rgba(0, 139, 139, 0.5); }
|
||||
|
||||
section:last-of-type {
|
||||
border-bottom: 4px solid darkcyan; }
|
||||
section:last-of-type > * {
|
||||
border-bottom: 0 none; }
|
||||
|
||||
header .Title {
|
||||
font-size: 40pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: 2pt; }
|
||||
header .Subtitle {
|
||||
font-size: 24pt; }
|
||||
|
||||
nav a {
|
||||
padding-right: 10pt;
|
||||
padding-left: 10pt;
|
||||
border-right: 2px solid darkcyan; }
|
||||
nav a:first-child {
|
||||
padding-left: 0; }
|
||||
nav a:last-child {
|
||||
border-right: 0 none; }
|
||||
nav a.active {
|
||||
font-weight: bold; }
|
||||
|
||||
h1 a {
|
||||
opacity: .3;
|
||||
margin-left: 6pt; }
|
||||
h1 a: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; }
|
||||
|
||||
/*# sourceMappingURL=application.css.map */
|
||||
@@ -0,0 +1,132 @@
|
||||
$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;
|
||||
}
|
||||
Reference in New Issue
Block a user