blogng/css/theme.css

131 lines
1.7 KiB
CSS
Raw Normal View History

2019-08-02 20:20:23 +00:00
html {
2019-08-03 13:56:12 +00:00
background-color:#fefefe
}
.header {
display: grid;
2019-08-03 16:16:25 +00:00
grid-template-columns: 70% 30%;
2019-08-03 13:56:12 +00:00
grid-template-rows: auto;
2019-08-03 16:16:25 +00:00
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 500;
font-size: 10pt;
2019-08-03 13:56:12 +00:00
}
#title {
grid-column-start: 1;
2019-08-03 16:16:25 +00:00
font-size: 12pt;
text-align: left;
2019-08-03 13:56:12 +00:00
}
2019-08-03 16:16:25 +00:00
#nav {
2019-08-03 13:56:12 +00:00
grid-column-start: 2;
2019-08-03 16:16:25 +00:00
text-align: right;
font-variant: small-caps;
word-spacing: 110%;
2019-08-02 20:20:23 +00:00
}
2019-08-03 16:16:25 +00:00
2019-08-02 20:20:23 +00:00
body {
2019-08-03 16:16:25 +00:00
font-family: 'IBM Plex Serif', serif;
font-weight: 400;
2019-08-03 13:56:12 +00:00
color: #454545;
font-size: 12pt;
margin: 2em auto;
max-width: 800px;
padding: 1em;
line-height: 1.4;
text-align: left;
2019-08-02 20:20:23 +00:00
}
2019-08-03 13:56:12 +00:00
video, code {
2019-08-03 16:16:25 +00:00
font-weight: 500;
2019-08-03 13:56:12 +00:00
max-width: 100%;
2019-08-03 16:16:25 +00:00
font-family: 'IBM Plex Mono', monospace;
2019-08-02 20:20:23 +00:00
}
2019-08-03 13:56:12 +00:00
img {
2019-08-02 20:20:23 +00:00
max-width: 100%;
2019-08-03 13:56:12 +00:00
margin: 0px;
}
figure {
margin: 2em;
}
figcaption {
font-size: 8pt;
text-align: center;
font-family: serif;
}
.postmeta {
display: inline-grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
font-size: 10pt;
}
#date {
font-weight: bold;
}
#tags:before {
content: "—";
margin: 1px;
}
h1 {
font-size: 22pt;
font-weight: normal;
}
h2 {
font-size: 16pt;
margin-top: 1.5em;
font-weight: bold;
}
h3 {
font-size: 14pt;
}
article > ul {
padding-left: 0;
}
ul > li {
list-style: none;
}
ul > li:before {
content: "—";
}
#footerdiv {
margin-top: 50px;
}
2019-08-03 13:56:12 +00:00
footer {
margin-top: 10px;
2019-08-03 13:56:12 +00:00
text-align: center;
2019-08-02 20:20:23 +00:00
}
a {
color: #454545;
font-weight: 430;
text-decoration-color: #808080;
}
sup > a {
color: #454545;
font-weight: 430;
text-decoration-color: #808080;
vertical-align: super;
}
code {
background-color: #ddd;
}