blog/style.css

136 lines
2.0 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;
}
html {
background:#282c34;
}
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;
}
nav {
display:inline-block;
}
nav li {
display:inline-block no;
margin-right:20px;
}
.navlogo {
width:50px;
height:50px;
}
a {
color:#ff6c6b;
text-decoration:none;
}
a:hover {
color:#ff6c6b;
text-decoration:underline;
}
h1, h2, h3 {
display:inline;
line-height:1.2;
color:#51afef;
font-size:1.3em;
}
h2 {
font-size:1.2em;
}
h3 {
font-size:1.1em;
}
.h:hover a[aria-hidden] {
display:inline;
color:#ff6c6b;
size:75%;
}
.h a[aria-hidden] {
display:none;
}
pre {
tab-size:4;
}
.red {
color:#ff6c6b;
}
.green {
color:#98be65;
}
p code, li code {
border: 1px solid brown;
border-radius: 2px;
color: brown;
padding: 1px 2px;
}
img {
height: auto;
max-width: 100%;
}
pre {
background: #f9f9f9;
border: 1px solid lightgrey;
padding: 5px;
tab-size:4;
}
#TOC {
border: 1px solid;
position: relative;
}
#TOC:before {
border-bottom: 1px solid;
content: 'Table of Contents';
display: block;
font-weight: bold;
padding: 5px;
position: relative;
}
.date {
//color: grey;
display: block;
font-family: monospace;
margin-top: 1em;
overflow: hidden;
white-space: nowrap;
width: 16ch;
}