blogng/css/theme.css

143 lines
2.2 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;
2024-01-07 15:16:13 +00:00
font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
2019-08-03 16:16:25 +00:00
font-weight: 500;
font-size: 10pt;
2019-08-03 13:56:12 +00:00
}
#title {
grid-column-start: 1;
2020-04-07 10:42:13 +00:00
font-size: 16pt;
font-style: bold;
2019-08-03 16:16:25 +00:00
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;
2020-04-07 10:42:13 +00:00
font-size: 16pt;
2019-08-03 16:16:25 +00:00
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 {
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2019-08-03 16:16:25 +00:00
font-weight: 400;
2019-08-03 13:56:12 +00:00
color: #454545;
margin: 2em auto;
2020-04-07 10:42:13 +00:00
max-width: 1000px;
2019-08-03 13:56:12 +00:00
padding: 1em;
text-align: left;
2019-08-02 20:20:23 +00:00
}
blockquote {
font-style: italic;
}
2019-08-03 13:56:12 +00:00
video, code {
font-weight: normal;
max-width: 98%;
margin: 3em auto;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans 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 {
2020-04-07 10:42:13 +00:00
font-size: 15pt;
2019-08-03 13:56:12 +00:00
text-align: center;
font-family: serif;
}
.postmeta {
display: inline-grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
2020-04-07 10:42:13 +00:00
font-size: 14pt;
2019-08-03 13:56:12 +00:00
}
#date {
font-weight: bold;
}
#tags:before {
content: "—";
margin: 1px;
}
h1 {
2024-01-07 15:16:13 +00:00
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
2020-04-07 10:42:13 +00:00
font-size: 30pt;
font-weight: bold;
2019-08-03 13:56:12 +00:00
}
h2 {
2024-01-07 15:16:13 +00:00
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
2020-04-07 10:42:13 +00:00
font-size: 22pt;
2019-08-03 13:56:12 +00:00
margin-top: 1.5em;
font-weight: bold;
}
h3 {
2020-04-07 10:42:13 +00:00
font-size: 20pt;
2019-08-03 13:56:12 +00:00
}
article > ul {
padding-left: 0;
}
2020-04-07 10:42:13 +00:00
article > ul > li {
list-style: none;
2020-04-07 10:42:13 +00:00
font-size: 22pt;
padding-top: 22pt;
}
2020-04-07 10:42:13 +00:00
section > ul > li {
padding-top: 22pt;
}
2020-04-07 10:42:13 +00:00
#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: bold;
}
2020-04-07 10:42:13 +00:00
a:hover {
border-bottom-color: red;
}
2020-04-07 10:42:13 +00:00
sup > a {
color: #454545;
font-weight: 430;
text-decoration-color: #808080;
vertical-align: super;
}
code {
background-color: #ddd;
}