move awsm to collection - resolves #22
dohliam
4 years ago
parent
9b94120e4d
commit
419035b3c5
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#145e86;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#1570ab;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#aec8e7;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#145e86;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #184165;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#145e86;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:#99c0c9;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#145e86;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#145e86;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:#99c0c9;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#145e86;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#aec8e7;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#1570ab;
|
||||
}
|
||||
a:visited{
|
||||
color:#726191;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#aec8e7;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 0 0, linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:#1b2d3e;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #184165;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%), linear-gradient(to left, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #145e86;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#145e86;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#184165;
|
||||
color:#99c0c9;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
button:active{
|
||||
background-color:#145e86;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#145e86;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#184165;
|
||||
color:#99c0c9;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(20, 94, 134)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
select:active{
|
||||
background-color:#145e86;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#145e86;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(153, 192, 201)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#184165;
|
||||
color:#99c0c9;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#145e86;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#145e86;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#184165;
|
||||
color:#99c0c9;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#145e86;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#145e86;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #145e86;
|
||||
border-radius:2px;
|
||||
background:#1b2d3e;
|
||||
color:#99c0c9;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid #99c0c9;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#145e86;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 0 0, linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid #1b2d3e;
|
||||
border-left:1px solid #1b2d3e;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#184165;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #184165;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#a15433;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(21, 112, 171, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:black;
|
||||
color:white;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#444444;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#fd9a49;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#75c53c;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#444444;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #222222;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#444444;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:white;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#444444;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#444444;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:white;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#444444;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#75c53c;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#fd9a49;
|
||||
}
|
||||
a:visited{
|
||||
color:#7b4a29;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#75c53c;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 0 0, linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:black;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #222222;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, black 50%, rgba(0, 0, 0, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, black 50%, rgba(0, 0, 0, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #444444;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#444444;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#222222;
|
||||
color:white;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid white;
|
||||
}
|
||||
button:active{
|
||||
background-color:#444444;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#444444;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#222222;
|
||||
color:white;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(68, 68, 68)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid white;
|
||||
}
|
||||
select:active{
|
||||
background-color:#444444;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#444444;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(255, 255, 255)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#222222;
|
||||
color:white;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#444444;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#444444;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#222222;
|
||||
color:white;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid white;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#444444;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#444444;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #444444;
|
||||
border-radius:2px;
|
||||
background:black;
|
||||
color:white;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid white;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#444444;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 0 0, linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid black;
|
||||
border-left:1px solid black;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#222222;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #222222;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#5afffe;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(253, 154, 73, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#763f28;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#874671;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#c6bdb8;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#763f28;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #492622;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#763f28;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:#fff2e1;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#763f28;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#763f28;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:#fff2e1;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#763f28;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#c6bdb8;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#874671;
|
||||
}
|
||||
a:visited{
|
||||
color:#524971;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#c6bdb8;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 0 0, linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:#1f1010;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #492622;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, #1f1010 50%, rgba(31, 16, 16, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, #1f1010 50%, rgba(31, 16, 16, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, #1f1010 50%, rgba(31, 16, 16, 0) 100%), linear-gradient(to left, #1f1010 50%, rgba(31, 16, 16, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #763f28;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#763f28;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#492622;
|
||||
color:#fff2e1;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
button:active{
|
||||
background-color:#763f28;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#763f28;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#492622;
|
||||
color:#fff2e1;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(118, 63, 40)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
select:active{
|
||||
background-color:#763f28;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#763f28;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(255, 242, 225)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#492622;
|
||||
color:#fff2e1;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#763f28;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#763f28;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#492622;
|
||||
color:#fff2e1;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#763f28;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#763f28;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #763f28;
|
||||
border-radius:2px;
|
||||
background:#1f1010;
|
||||
color:#fff2e1;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid #fff2e1;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#763f28;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 0 0, linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid #1f1010;
|
||||
border-left:1px solid #1f1010;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#492622;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #492622;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#852323;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(135, 70, 113, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#9197a3;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#c34138;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#db887b;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#9197a3;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #cfced4;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#9197a3;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:#3a3b45;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#9197a3;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#9197a3;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:#3a3b45;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#9197a3;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#db887b;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#c34138;
|
||||
}
|
||||
a:visited{
|
||||
color:#603237;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#db887b;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 0 0, linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:#d3d7dd;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #cfced4;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%), linear-gradient(to left, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #9197a3;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#9197a3;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#cfced4;
|
||||
color:#3a3b45;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
button:active{
|
||||
background-color:#9197a3;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#9197a3;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#cfced4;
|
||||
color:#3a3b45;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(145, 151, 163)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
select:active{
|
||||
background-color:#9197a3;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#9197a3;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(58, 59, 69)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#cfced4;
|
||||
color:#3a3b45;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#9197a3;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#9197a3;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#cfced4;
|
||||
color:#3a3b45;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#9197a3;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#9197a3;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9197a3;
|
||||
border-radius:2px;
|
||||
background:#d3d7dd;
|
||||
color:#3a3b45;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid #3a3b45;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#9197a3;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 0 0, linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid #d3d7dd;
|
||||
border-left:1px solid #d3d7dd;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#cfced4;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #cfced4;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#851f1b;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(195, 65, 56, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#46799a;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#88505b;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#1db2c1;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#46799a;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #efb4c0;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#46799a;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:#173957;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#46799a;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#46799a;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:#173957;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#46799a;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#1db2c1;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#88505b;
|
||||
}
|
||||
a:visited{
|
||||
color:#c27174;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#1db2c1;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 0 0, linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:#ffd9e3;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #efb4c0;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%), linear-gradient(to left, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #46799a;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#46799a;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#efb4c0;
|
||||
color:#173957;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
button:active{
|
||||
background-color:#46799a;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#46799a;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#efb4c0;
|
||||
color:#173957;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(70, 121, 154)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
select:active{
|
||||
background-color:#46799a;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#46799a;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(23, 57, 87)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#efb4c0;
|
||||
color:#173957;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#46799a;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#46799a;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#efb4c0;
|
||||
color:#173957;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#46799a;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#46799a;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #46799a;
|
||||
border-radius:2px;
|
||||
background:#ffd9e3;
|
||||
color:#173957;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid #173957;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#46799a;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 0 0, linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid #ffd9e3;
|
||||
border-left:1px solid #ffd9e3;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#efb4c0;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #efb4c0;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#1981e0;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(136, 80, 91, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#dcafb5;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#a54a29;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#f6b731;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#dcafb5;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #eddbd6;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#dcafb5;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:#411b33;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#dcafb5;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#dcafb5;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:#411b33;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#dcafb5;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#f6b731;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#a54a29;
|
||||
}
|
||||
a:visited{
|
||||
color:#742b5a;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#f6b731;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 0 0, linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:#fbecda;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #eddbd6;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, #fbecda 50%, rgba(251, 236, 218, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, #fbecda 50%, rgba(251, 236, 218, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, #fbecda 50%, rgba(251, 236, 218, 0) 100%), linear-gradient(to left, #fbecda 50%, rgba(251, 236, 218, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #dcafb5;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#dcafb5;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#eddbd6;
|
||||
color:#411b33;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
button:active{
|
||||
background-color:#dcafb5;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#dcafb5;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#eddbd6;
|
||||
color:#411b33;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(220, 175, 181)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
select:active{
|
||||
background-color:#dcafb5;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#dcafb5;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(65, 27, 51)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#eddbd6;
|
||||
color:#411b33;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#dcafb5;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#dcafb5;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#eddbd6;
|
||||
color:#411b33;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#dcafb5;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#dcafb5;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #dcafb5;
|
||||
border-radius:2px;
|
||||
background:#fbecda;
|
||||
color:#411b33;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid #411b33;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#dcafb5;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 0 0, linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid #fbecda;
|
||||
border-left:1px solid #fbecda;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#eddbd6;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #eddbd6;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#efc44e;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(165, 74, 41, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#9a5c37;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#418198;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#d68a41;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#9a5c37;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #c1b6b4;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#9a5c37;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:#742e1e;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#9a5c37;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#9a5c37;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:#742e1e;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#9a5c37;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#d68a41;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#418198;
|
||||
}
|
||||
a:visited{
|
||||
color:#1d2a3d;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#d68a41;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 0 0, linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:#dae4d8;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #c1b6b4;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, #dae4d8 50%, rgba(218, 228, 216, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, #dae4d8 50%, rgba(218, 228, 216, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, #dae4d8 50%, rgba(218, 228, 216, 0) 100%), linear-gradient(to left, #dae4d8 50%, rgba(218, 228, 216, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #9a5c37;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#9a5c37;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#c1b6b4;
|
||||
color:#742e1e;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
button:active{
|
||||
background-color:#9a5c37;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#9a5c37;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#c1b6b4;
|
||||
color:#742e1e;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(154, 92, 55)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
select:active{
|
||||
background-color:#9a5c37;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#9a5c37;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(116, 46, 30)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#c1b6b4;
|
||||
color:#742e1e;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#9a5c37;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#9a5c37;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#c1b6b4;
|
||||
color:#742e1e;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#9a5c37;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#9a5c37;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #9a5c37;
|
||||
border-radius:2px;
|
||||
background:#dae4d8;
|
||||
color:#742e1e;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid #742e1e;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#9a5c37;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 0 0, linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid #dae4d8;
|
||||
border-left:1px solid #dae4d8;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#c1b6b4;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #c1b6b4;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#73bfbe;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(29, 42, 61, 0.25);
|
||||
}
|
||||
@ -0,0 +1,695 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/)
|
||||
* Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com)
|
||||
* Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
html{
|
||||
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size:100%;
|
||||
line-height:1.4;
|
||||
background:white;
|
||||
color:black;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:1.2em;
|
||||
font-size:1rem;
|
||||
}
|
||||
@media (min-width: 20rem){
|
||||
body{
|
||||
font-size:calc(1rem + 0.00625 * (100vw - 20rem));
|
||||
}
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
body{
|
||||
font-size:1.125rem;
|
||||
}
|
||||
}
|
||||
body header,
|
||||
body main,
|
||||
body footer,
|
||||
body article{
|
||||
position:relative;
|
||||
max-width:40rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
body > header{
|
||||
margin-bottom:3.5em;
|
||||
}
|
||||
body > header h1{
|
||||
margin:0;
|
||||
font-size:1.5em;
|
||||
}
|
||||
body > header p{
|
||||
margin:0;
|
||||
font-size:0.85em;
|
||||
}
|
||||
body > footer{
|
||||
margin-top:6em;
|
||||
padding-bottom:1.5em;
|
||||
text-align:center;
|
||||
font-size:0.8rem;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin:1em 0;
|
||||
}
|
||||
nav ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
nav li{
|
||||
display:inline-block;
|
||||
margin-right:1em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
nav a:visited{
|
||||
color:#0064c1;
|
||||
}
|
||||
nav a:hover{
|
||||
color:#f00000;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
ul li + li, ol li + li{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
ul li > details, ol li > details{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:1em 0;
|
||||
-webkit-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
hyphens:auto;
|
||||
}
|
||||
p:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
p:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
p + ul, p + ol{
|
||||
margin-top:-0.75em;
|
||||
}
|
||||
p img, p picture{
|
||||
float:right;
|
||||
margin-bottom:0.5em;
|
||||
margin-left:0.5em;
|
||||
}
|
||||
p picture img{
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-bottom:1em;
|
||||
margin-left:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin:0;
|
||||
padding-left:2.5em;
|
||||
}
|
||||
|
||||
aside{
|
||||
margin:0.5em 0;
|
||||
font-style:italic;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
@media (min-width: 65rem){
|
||||
aside{
|
||||
position:absolute;
|
||||
right:-12.5rem;
|
||||
width:9.375rem;
|
||||
max-width:9.375rem;
|
||||
margin:0;
|
||||
padding-left:0.5em;
|
||||
font-size:0.8em;
|
||||
border-left:1px solid #f2f2f2;
|
||||
}
|
||||
}
|
||||
aside:first-child{
|
||||
margin-top:0;
|
||||
}
|
||||
aside:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
section + section{
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
margin:1.25em 0 0;
|
||||
line-height:1.2;
|
||||
}
|
||||
h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{
|
||||
opacity:1;
|
||||
}
|
||||
h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
position:absolute;
|
||||
left:-0.65em;
|
||||
opacity:0;
|
||||
text-decoration:none;
|
||||
font-weight:400;
|
||||
line-height:1;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{
|
||||
left:-0.8em;
|
||||
}
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{
|
||||
opacity:1;
|
||||
box-shadow:none;
|
||||
color:black;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{
|
||||
outline:none;
|
||||
}
|
||||
h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{
|
||||
content:"§ ";
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:2.5em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:1.75em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:1.15em;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h6{
|
||||
margin-top:1em;
|
||||
font-size:1em;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
|
||||
article + article{
|
||||
margin-top:4em;
|
||||
}
|
||||
article header p{
|
||||
font-size:0.6em;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
article header p + h1, article header p + h2{
|
||||
margin-top:-0.25em;
|
||||
}
|
||||
article header h1 + p, article header h2 + p{
|
||||
margin-top:0.25em;
|
||||
}
|
||||
article header h1 a, article header h2 a{
|
||||
color:black;
|
||||
}
|
||||
article header h1 a:visited, article header h2 a:visited{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
article header h1 a:visited:hover, article header h2 a:visited:hover{
|
||||
color:#f00000;
|
||||
}
|
||||
article > footer{
|
||||
margin-top:1.5em;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#0064c1;
|
||||
}
|
||||
a:visited{
|
||||
color:#8d39d0;
|
||||
}
|
||||
a:hover, a:active{
|
||||
outline-width:0;
|
||||
}
|
||||
a:hover{
|
||||
color:#f00000;
|
||||
}
|
||||
a abbr{
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
abbr{
|
||||
margin-right:-0.075em;
|
||||
text-decoration:none;
|
||||
-webkit-hyphens:none;
|
||||
-ms-hyphens:none;
|
||||
hyphens:none;
|
||||
letter-spacing:0.075em;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
img, picture{
|
||||
display:block;
|
||||
max-width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
audio, video{
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
figure{
|
||||
margin:1em 0 0.5em;
|
||||
padding:0;
|
||||
}
|
||||
figure + p{
|
||||
margin-top:0.5em;
|
||||
}
|
||||
figure figcaption{
|
||||
opacity:0.65;
|
||||
font-size:0.85em;
|
||||
}
|
||||
|
||||
table{
|
||||
display:inline-block;
|
||||
border-spacing:0;
|
||||
border-collapse:collapse;
|
||||
overflow-x:auto;
|
||||
max-width:100%;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
background:linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 0 0, linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table caption{
|
||||
font-size:0.9em;
|
||||
background:white;
|
||||
}
|
||||
table td, table th{
|
||||
padding:0.35em 0.75em;
|
||||
vertical-align:top;
|
||||
font-size:0.9em;
|
||||
border:1px solid #f2f2f2;
|
||||
border-top:0;
|
||||
border-left:0;
|
||||
}
|
||||
table td:first-child, table th:first-child{
|
||||
padding-left:0;
|
||||
background-image:linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:last-child, table th:last-child{
|
||||
padding-right:0;
|
||||
border-right:0;
|
||||
background-image:linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
|
||||
background-position:100% 0;
|
||||
background-size:2px 100%;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
table td:only-child, table th:only-child{
|
||||
background-image:linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
|
||||
background-position:0 0, 100% 0;
|
||||
background-size:2px 100%, 2px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
table th{
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
form{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
@media (min-width: 40rem){
|
||||
form{
|
||||
max-width:80%;
|
||||
}
|
||||
}
|
||||
form select, form label{
|
||||
display:block;
|
||||
}
|
||||
form label:not(:first-child){
|
||||
margin-top:1em;
|
||||
}
|
||||
form p label{
|
||||
display:inline;
|
||||
}
|
||||
form p label + label{
|
||||
margin-left:1em;
|
||||
}
|
||||
form legend:first-child + label{
|
||||
margin-top:0;
|
||||
}
|
||||
form select, form input[type], form textarea{
|
||||
margin-bottom:1em;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio]{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
margin:0;
|
||||
padding:0.5em 1em;
|
||||
border:1px solid #aaaaaa;
|
||||
}
|
||||
|
||||
legend{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
|
||||
button{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#f2f2f2;
|
||||
color:black;
|
||||
cursor:pointer;
|
||||
}
|
||||
button:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
button:not([disabled]):hover{
|
||||
border:1px solid black;
|
||||
}
|
||||
button:active{
|
||||
background-color:#aaaaaa;
|
||||
}
|
||||
button[disabled]{
|
||||
color:#aaaaaa;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
select{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#f2f2f2;
|
||||
color:black;
|
||||
cursor:pointer;
|
||||
padding-right:1.2em;
|
||||
background-position:top 55% right 0.35em;
|
||||
background-size:0.5em;
|
||||
background-repeat:no-repeat;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(170, 170, 170)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
select:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
select:not([disabled]):hover{
|
||||
border:1px solid black;
|
||||
}
|
||||
select:active{
|
||||
background-color:#aaaaaa;
|
||||
}
|
||||
select[disabled]{
|
||||
color:#aaaaaa;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
select:focus, select:hover{
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(0, 0, 0)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
input[type=submit], input[type=button], input[type=reset]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#f2f2f2;
|
||||
color:black;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
}
|
||||
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
|
||||
background-color:#aaaaaa;
|
||||
}
|
||||
input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{
|
||||
color:#aaaaaa;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=color]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
width:6em;
|
||||
}
|
||||
input[type=color]:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=color]::-moz-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
input[type=color]::-webkit-input-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
input[type=color]:-ms-input-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
input[type=color]:hover{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=file]{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
background:#f2f2f2;
|
||||
color:black;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:auto;
|
||||
padding:0.75em 0.5em;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
}
|
||||
input[type=file]:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=file]:not([disabled]):hover{
|
||||
border:1px solid black;
|
||||
}
|
||||
input[type=file]:active{
|
||||
background-color:#aaaaaa;
|
||||
}
|
||||
input[type=file][disabled]{
|
||||
color:#aaaaaa;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
input[type=checkbox], input[type=radio]{
|
||||
margin:-0.2em 0.75em 0 0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
textarea{
|
||||
outline:none;
|
||||
box-sizing:border-box;
|
||||
height:2em;
|
||||
margin:0;
|
||||
padding:calc(.25em - 1px) 0.5em;
|
||||
font-family:inherit;
|
||||
font-size:1em;
|
||||
border:1px solid #aaaaaa;
|
||||
border-radius:2px;
|
||||
background:white;
|
||||
color:black;
|
||||
display:block;
|
||||
width:100%;
|
||||
line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2);
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
height:4.5em;
|
||||
resize:vertical;
|
||||
padding-top:0.5em;
|
||||
padding-bottom:0.5em;
|
||||
}
|
||||
textarea:focus{
|
||||
border:1px solid black;
|
||||
}
|
||||
textarea::-moz-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
textarea::-webkit-input-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
textarea:-ms-input-placeholder{
|
||||
color:#aaaaaa;
|
||||
}
|
||||
|
||||
output{
|
||||
display:block;
|
||||
}
|
||||
|
||||
code, kbd, var, samp{
|
||||
font-family:Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
pre{
|
||||
overflow-x:auto;
|
||||
font-size:0.8em;
|
||||
background:linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 0 0, linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 100% 0;
|
||||
background-attachment:scroll, scroll;
|
||||
background-size:1px 100%, 1px 100%;
|
||||
background-repeat:no-repeat, no-repeat;
|
||||
}
|
||||
pre > code{
|
||||
display:inline-block;
|
||||
overflow-x:visible;
|
||||
box-sizing:border-box;
|
||||
min-width:100%;
|
||||
border-right:3px solid white;
|
||||
border-left:1px solid white;
|
||||
}
|
||||
|
||||
hr{
|
||||
height:1px;
|
||||
margin:2em 0;
|
||||
border:0;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
details{
|
||||
margin:1em 0;
|
||||
}
|
||||
details[open]{
|
||||
padding-bottom:0.5em;
|
||||
border-bottom:1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
summary{
|
||||
display:inline-block;
|
||||
font-weight:700;
|
||||
border-bottom:1px dashed;
|
||||
cursor:pointer;
|
||||
}
|
||||
summary::-webkit-details-marker{
|
||||
display:none;
|
||||
}
|
||||
|
||||
noscript{
|
||||
color:#d00000;
|
||||
}
|
||||
|
||||
::selection{
|
||||
background:rgba(0, 100, 193, 0.25);
|
||||
}
|
||||
Loading…
Reference in New Issue