website/style.css

115 lines
1.8 KiB
CSS

/* latin-ext */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
src: url(/woff2/FiraCodeLatinExt.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
src: url(/woff2/FiraCodeLatin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
font-family:'Fira Code';
margin:20px auto;
max-width:800px;
line-height:1.5em;
font-size:1.1em;
background-color:#282c34;
color:#bbc2cf;
padding:0 10px;
hyphens:auto;
}
header {
display:flex;
justify-content:space-between;
align-items:center;
white-space:nowrap;
font-variant:small-caps;
}
nav {
display:inline-block;
}
nav li {
display:inline-block no;
margin-right:20px;
}
.navlogo {
width:50px;
height:50px;
}
a {
color:#51afef;
text-decoration:none;
}
a:hover {
color:#51afef;
text-decoration:underline;
}
h1, h2, h3 {
display:inline;
line-height:1.2;
color:#ff6c6b;
font-size:1.3em;
}
.h:hover a[aria-hidden] {
display:inline;
color:#51afef;
size:75%;
}
.h a[aria-hidden] {
display:none;
}
pre {
tab-size:4;
}
.red {
color:#ff6c6b;
}
.green {
color:#98be65;
}
input[type=submit] {
padding:5px 15px;
background:#51afef;
border:0 none;
-webkit-border-radius:10px;
border-radius:10px;
}
ul[userlist] {
list-style:none;
}
ul[userlist] li[online]::before {
content:"\2022";
color:#ff6c6b;
font-weight:bold;
display:inline-block;
width:1.0em;
margin-left:-1.0em;
}
ul[userlist] li[online$=true]::before {
color:#98be65;
}