summaryrefslogtreecommitdiff
path: root/head.html
blob: 53e9e3083cece6da43c4b3f7e06b6a9172925611 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/files/interesting3.png">
<style>
body {font-family: sans-serif;font-size:larger;max-width:60ch;margin:auto}
body {background-image: url("/bg.png");image-rendering:pixelated}
h1 {color:#e79e00; text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;}
section {margin:20px 0;padding:10px 20px;border-radius:20px;border:1.7px solid black;background-color:white}

h2,h3 {margin:5px auto}

header {border: 2px solid black;max-width:100%;margin:1em;background-color:white}

header.big-header {display:grid;grid-template-columns:1fr 3fr;}
header.big-header #me {max-width:100%;grid-row: 1/3;grid-column:1}
header.big-header * {margin:auto}
header.big-header p {padding:1em}
header.big-header h1:last-child {grid-row: 1/3}

header.small-header * {margin:10px auto; width:max-content}

nav {background-color:#eee;border-radius:20px;border:1.7px solid black}

.breadcrumb {font-size:smaller;}
.breadcrumb ol {list-style:none;padding-left:1em}
.breadcrumb li {display:inline;}
.breadcrumb li+li::before {content:"|\00a0";padding:4px;}

.postlist li {list-style:none;}
.postlist time {color:#555;font-style:italic}

.question-date {color:gray;font-size:small;margin-bottom:0;margin-top:30px}
.question-date:first-child {margin-top: 0;}
.question-date::before {content:"["}
.question-date::after {content:"]"}
.question-heading {margin-top:0px;margin-bottom:4px}
.question-heading + p {margin-top:5px}

textarea {width: calc(100% - 14px);resize:vertical;height:200px}
</style>