|
0
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
|
4
|
|
|
5 body {
|
|
|
6 font-family: Sans-Serif;
|
|
|
7 margin: 0;
|
|
|
8 }
|
|
|
9
|
|
|
10 a {
|
|
|
11 text-decoration: none;
|
|
|
12 }
|
|
|
13 a:hover {
|
|
|
14 text-decoration: underline;
|
|
|
15 }
|
|
|
16
|
|
|
17 div[header] {
|
|
|
18 font-size: 14px;
|
|
|
19 background-color: #ddd;
|
|
|
20 padding: 8px 3%;
|
|
|
21 display: flex;
|
|
|
22 justify-content: space-between;
|
|
|
23 }
|
|
|
24
|
|
|
25 [content] {
|
|
|
26 margin-left: 3%;
|
|
|
27 margin-right: 3%;
|
|
|
28 margin-bottom: 2em;
|
|
|
29 }
|
|
|
30
|
|
|
31 ul[links] {
|
|
|
32 margin-top: 32px;
|
|
|
33 list-style-type: none;
|
|
|
34 padding-left: 0;
|
|
|
35 }
|
|
|
36 ul[links] li {
|
|
|
37 margin: 12px 0;
|
|
|
38 }
|
|
|
39
|
|
|
40 input[type="radio"],
|
|
|
41 input[type="submit"],
|
|
|
42 [clickable] {
|
|
|
43 cursor: pointer;
|
|
|
44 }
|
|
|
45
|
|
|
46
|
|
|
47 div[toc] ul {
|
|
|
48 list-style-type: none;
|
|
|
49 }
|
|
|
50 div[toc] > ul {
|
|
|
51 padding-left: 0;
|
|
|
52 }
|
|
|
53 div[toc] > ul > li {
|
|
|
54 margin-bottom: 16px;
|
|
|
55 }
|
|
|
56 div[heading] {
|
|
|
57 display: flex;
|
|
|
58 justify-content: space-between;
|
|
|
59 margin-top: 36px;
|
|
|
60 }
|
|
|
61 div[heading] > * {
|
|
|
62 margin: 0;
|
|
|
63 }
|
|
|
64 div[heading] > a {
|
|
|
65 font-size: 14px;
|
|
|
66 }
|
|
1
|
67
|
|
|
68 code {
|
|
|
69 background-color: #DDD;
|
|
|
70 white-space: pre-wrap;
|
|
|
71 word-wrap: break-word;
|
|
|
72 padding: 2px;
|
|
|
73 }
|
|
|
74 code[block] {
|
|
|
75 display: block;
|
|
|
76 padding: 1em;
|
|
|
77 margin-top: 1em;
|
|
|
78 margin-bottom: 1em;
|
|
|
79 }
|
|
|
80 code[block]:first-line {
|
|
|
81 line-height: 0;
|
|
|
82 }
|
