Commit | Line | Data |
---|---|---|
cb742bb6 | 1 | body { |
ff620ce6 AB |
2 | font-family: sans-serif; |
3 | line-height: 1.6; | |
85314da0 | 4 | padding: 2em; |
ef72be3e AB |
5 | } |
6 | ||
ff620ce6 | 7 | nav, main, footer { |
9998ccd0 | 8 | margin: auto; |
ff620ce6 | 9 | max-width: 38rem; |
9998ccd0 AB |
10 | } |
11 | ||
ff620ce6 AB |
12 | nav { |
13 | font-size: 0.84em; | |
ef72be3e | 14 | } |
ff620ce6 | 15 | main { |
85314da0 AB |
16 | margin-bottom: 2em; |
17 | } | |
18 | p { | |
19 | margin: 1em 0; | |
20 | } | |
21 | header { | |
22 | font-size: 0.875em; | |
23 | margin-bottom: 1.5em; | |
ff620ce6 AB |
24 | } |
25 | footer { | |
26 | border-top: 1px solid #bbb; | |
85314da0 | 27 | font-size: 0.84em; |
ff620ce6 | 28 | padding-top: 1em; |
ef72be3e | 29 | } |
ff620ce6 AB |
30 | footer p { |
31 | margin: 0; | |
cb742bb6 | 32 | } |
ff620ce6 | 33 | |
ff620ce6 AB |
34 | h1 { |
35 | font-size: 1.5em; | |
b7583bc7 | 36 | } |
85314da0 AB |
37 | h1 + address { |
38 | margin-top: 0.75em; | |
39 | } | |
40 | address + p { | |
41 | margin: 0; | |
42 | } | |
43 | ||
44 | h2 { | |
45 | font-size: 1.25em; | |
46 | } | |
47 | h3 { | |
48 | font-size: 1.125em; | |
cb742bb6 | 49 | } |
ef72be3e AB |
50 | |
51 | a { | |
ff620ce6 | 52 | color: #295bad; |
ef72be3e | 53 | text-decoration: none; |
ff620ce6 AB |
54 | } |
55 | a:hover, a:focus { | |
56 | transition-property: background; | |
57 | transition-duration: 0.1s; | |
58 | background: #f2f8fa; | |
59 | padding: 0.25em 0; | |
60 | color: #0745ad; | |
61 | } | |
62 | a:active { | |
63 | color: #a10029; | |
64 | } | |
65 | /* | |
66 | a:active { | |
67 | color: #06d; | |
68 | box-shadow: 0 1px 1px #ddd; | |
69 | } | |
70 | */ | |
71 | ||
72 | h4 { | |
73 | margin: 0.75em auto; | |
cb742bb6 | 74 | } |
ef72be3e AB |
75 | |
76 | article h3 { | |
77 | font-weight: normal; | |
cb742bb6 | 78 | color: #777; |
ef72be3e AB |
79 | } |
80 | ||
ff620ce6 AB |
81 | .notice { |
82 | background-color: #efefef; | |
83 | text-align: center; | |
84 | position: relative; | |
85 | } | |
86 | .notice::before { | |
87 | content: "↪"; | |
88 | position: absolute; | |
89 | left: 0.5em; | |
90 | bottom: 0.05em; | |
91 | } | |
92 | .notice::after { | |
93 | content: "↩"; | |
94 | position: absolute; | |
95 | right: 0.5em; | |
96 | bottom: 0.05em; | |
97 | } | |
98 | ||
ef72be3e | 99 | code { |
85314da0 | 100 | font: 1.15em monospace; |
127617a6 | 101 | text-transform: none; |
ef72be3e | 102 | } |
85314da0 AB |
103 | strong { |
104 | font-weight: bold; | |
105 | } | |
106 | em { | |
107 | font-style: italic; | |
108 | } | |
ef72be3e AB |
109 | |
110 | table td { | |
111 | padding: 0 0.3em; | |
112 | } | |
113 | table td:first-child { | |
114 | padding-left: 0; | |
115 | } | |
116 | table td:last-child { | |
117 | padding-right: 0 | |
118 | } | |
119 | ||
e080516c | 120 | dt { |
ff620ce6 | 121 | margin-bottom: 0.15em; |
e080516c | 122 | } |
b7583bc7 | 123 | dd { |
ff620ce6 | 124 | font-size: 0.9em; |
b7583bc7 | 125 | margin-left: 1.5em; |
ff620ce6 | 126 | margin-bottom: 0.75em; |
b7583bc7 | 127 | } |
85314da0 AB |
128 | dd:last-child { |
129 | margin-bottom: 1em; | |
130 | } | |
ff620ce6 | 131 | .plinks { |
e080516c AB |
132 | font-size: 0.9em; |
133 | } | |
ff620ce6 AB |
134 | |
135 | ul, ol { | |
136 | list-style: none; | |
137 | padding-left: 1.5em; | |
138 | position: relative; | |
139 | } | |
140 | ||
141 | li { | |
142 | margin-bottom: 0.25em; | |
143 | } | |
144 | ||
145 | ul > li::before { | |
146 | content: '•'; | |
147 | position: absolute; | |
148 | left: 0.5em; | |
149 | } | |
150 | ||
85314da0 AB |
151 | h2 + ul, h3 + ul, h2 + dl, h3 + dl { |
152 | margin-top: 1em; | |
60d1cae9 | 153 | } |
85314da0 AB |
154 | |
155 | sup, sub { font-size: 0.85em; } | |
156 | sup { vertical-align: super; } | |
157 | sub { vertical-align: sub; } |