-
Notifications
You must be signed in to change notification settings - Fork 0
/
html-header.html
39 lines (39 loc) · 1.9 KB
/
html-header.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>#title#</title>
<style>
HTML { font-size: 16px; font-family: sans-serif; }
BODY { display: flex; flex-direction: column; align-items: center; margin: 0; background-color: grey; }
MAIN { padding: 0 20px; max-width: 50rem; background-color: white; }
PRE { position: relative; background-color: rgb(251, 244, 208); padding: 5px 5px; border: solid #ddcb8e 1px; overflow: auto; max-height: 85%; }
PRE[data-info]::after { content: attr(data-info); position: absolute; top: 0; right: 0; padding: 5px; background-color: rgba(255, 255, 255, 0.7); border-left: solid #ddcb8e 1px; border-bottom: solid #ddcb8e 1px; }
CODE { background-color: rgb(251, 244, 208); white-space: pre; padding: 1px; margin: -1px; }
A.link-note { text-decoration-style: dashed; }
TABLE { margin-top: 1em; margin-bottom: 1em; border-collapse: collapse; }
TH, TD { border: solid #ccc 1px; padding: 0 3px; }
H1 { padding-bottom: 5px; border-bottom: solid #ccc 1px; }
H2 { display: table; margin-top: 1rem; margin-bottom: 0; padding-bottom: 3px; border-bottom: solid #ccc 1px; }
H3 { display: table; margin-top: 0.5rem; margin-bottom: 0; padding-bottom: 3px; border-bottom: dotted #ccc 1px; font-size: 20px; }
H4 { margin-top: 0.5rem; margin-bottom: 0; font-size: 18px; }
H4::first-letter { padding-bottom: 3px; border-bottom: solid #ccc 1px; }
H5 { margin-top: 0.5rem; margin-bottom: 0; font-size: 16px; }
H5::first-letter { padding-bottom: 3px; border-bottom: dotted #ccc 1px; }
P { margin-top: 0.5rem; }
DIV.last-modified { margin: 0.5rem 0; width: calc(50rem + 40px); text-align: right; color: black; }
BLOCKQUOTE { margin-left: 3px; padding-left: 15px; border-left: solid #ccc 2px; margin-right: 20px; }
@media (max-width: 1024px) {
HTML { font-size: 14px; }
}
@media (max-width: 800px) {
HTML { font-size: 12px; }
}
@media (max-width: 600px) {
HTML { font-size: 10px; }
}
</style>
</head>
<body>
<main>
<div>