Commit e65d0dcaf3
Unsigned
Layout: unified · split
static/styles.css +331 −327
| @@ -8,476 +8,480 @@ | ||
| 8 | 8 | * 2. Prevent adjustments of font size after orientation changes in iOS. |
| 9 | 9 | */ |
| 10 | 10 | |
| 11 | html { | |
| 12 | line-height: 1.15; /* 1 */ | |
| 13 | -webkit-text-size-adjust: 100%; /* 2 */ | |
| 14 | } | |
| 15 | ||
| 16 | /* Sections | |
| 11 | html { | |
| 12 | line-height: 1.15; /* 1 */ | |
| 13 | -webkit-text-size-adjust: 100%; /* 2 */ | |
| 14 | } | |
| 15 | ||
| 16 | /* Sections | |
| 17 | 17 | ========================================================================== */ |
| 18 | ||
| 19 | /** | |
| 18 | ||
| 19 | /** | |
| 20 | 20 | * Remove the margin in all browsers. |
| 21 | 21 | */ |
| 22 | ||
| 23 | body { | |
| 24 | margin: 0; | |
| 25 | } | |
| 26 | ||
| 27 | /** | |
| 22 | ||
| 23 | body { | |
| 24 | margin: 0; | |
| 25 | } | |
| 26 | ||
| 27 | /** | |
| 28 | 28 | * Render the `main` element consistently in IE. |
| 29 | 29 | */ |
| 30 | ||
| 31 | main { | |
| 32 | display: block; | |
| 33 | } | |
| 34 | ||
| 35 | /** | |
| 30 | ||
| 31 | main { | |
| 32 | display: block; | |
| 33 | } | |
| 34 | ||
| 35 | /** | |
| 36 | 36 | * Correct the font size and margin on `h1` elements within `section` and |
| 37 | 37 | * `article` contexts in Chrome, Firefox, and Safari. |
| 38 | 38 | */ |
| 39 | ||
| 40 | h1 { | |
| 41 | font-size: 2em; | |
| 42 | margin: 0.67em 0; | |
| 43 | } | |
| 44 | ||
| 45 | /* Grouping content | |
| 39 | ||
| 40 | h1 { | |
| 41 | font-size: 2em; | |
| 42 | margin: 0.67em 0; | |
| 43 | } | |
| 44 | ||
| 45 | /* Grouping content | |
| 46 | 46 | ========================================================================== */ |
| 47 | ||
| 48 | /** | |
| 47 | ||
| 48 | /** | |
| 49 | 49 | * 1. Add the correct box sizing in Firefox. |
| 50 | 50 | * 2. Show the overflow in Edge and IE. |
| 51 | 51 | */ |
| 52 | ||
| 53 | hr { | |
| 54 | box-sizing: content-box; /* 1 */ | |
| 55 | height: 0; /* 1 */ | |
| 56 | overflow: visible; /* 2 */ | |
| 57 | } | |
| 58 | ||
| 59 | /** | |
| 52 | ||
| 53 | hr { | |
| 54 | box-sizing: content-box; /* 1 */ | |
| 55 | height: 0; /* 1 */ | |
| 56 | overflow: visible; /* 2 */ | |
| 57 | } | |
| 58 | ||
| 59 | /** | |
| 60 | 60 | * 1. Correct the inheritance and scaling of font size in all browsers. |
| 61 | 61 | * 2. Correct the odd `em` font sizing in all browsers. |
| 62 | 62 | */ |
| 63 | ||
| 64 | pre { | |
| 65 | font-family: monospace, monospace; /* 1 */ | |
| 66 | font-size: 1em; /* 2 */ | |
| 67 | } | |
| 68 | ||
| 69 | /* Text-level semantics | |
| 63 | ||
| 64 | pre { | |
| 65 | font-family: monospace, monospace; /* 1 */ | |
| 66 | font-size: 1em; /* 2 */ | |
| 67 | } | |
| 68 | ||
| 69 | /* Text-level semantics | |
| 70 | 70 | ========================================================================== */ |
| 71 | ||
| 72 | /** | |
| 71 | ||
| 72 | /** | |
| 73 | 73 | * Remove the gray background on active links in IE 10. |
| 74 | 74 | */ |
| 75 | ||
| 76 | a { | |
| 77 | background-color: transparent; | |
| 78 | } | |
| 79 | ||
| 80 | /** | |
| 75 | ||
| 76 | a { | |
| 77 | background-color: transparent; | |
| 78 | } | |
| 79 | ||
| 80 | /** | |
| 81 | 81 | * 1. Remove the bottom border in Chrome 57- |
| 82 | 82 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
| 83 | 83 | */ |
| 84 | ||
| 85 | abbr[title] { | |
| 86 | border-bottom: none; /* 1 */ | |
| 87 | text-decoration: underline; /* 2 */ | |
| 88 | text-decoration: underline dotted; /* 2 */ | |
| 89 | } | |
| 90 | ||
| 91 | /** | |
| 84 | ||
| 85 | abbr[title] { | |
| 86 | border-bottom: none; /* 1 */ | |
| 87 | text-decoration: underline; /* 2 */ | |
| 88 | text-decoration: underline dotted; /* 2 */ | |
| 89 | } | |
| 90 | ||
| 91 | /** | |
| 92 | 92 | * Add the correct font weight in Chrome, Edge, and Safari. |
| 93 | 93 | */ |
| 94 | ||
| 95 | b, | |
| 96 | strong { | |
| 97 | font-weight: bolder; | |
| 98 | } | |
| 99 | ||
| 100 | /** | |
| 94 | ||
| 95 | b, | |
| 96 | strong { | |
| 97 | font-weight: bolder; | |
| 98 | } | |
| 99 | ||
| 100 | /** | |
| 101 | 101 | * 1. Correct the inheritance and scaling of font size in all browsers. |
| 102 | 102 | * 2. Correct the odd `em` font sizing in all browsers. |
| 103 | 103 | */ |
| 104 | ||
| 105 | code, | |
| 106 | kbd, | |
| 107 | samp { | |
| 108 | font-family: monospace, monospace; /* 1 */ | |
| 109 | font-size: 1em; /* 2 */ | |
| 110 | } | |
| 111 | ||
| 112 | /** | |
| 104 | ||
| 105 | code, | |
| 106 | kbd, | |
| 107 | samp { | |
| 108 | font-family: monospace, monospace; /* 1 */ | |
| 109 | font-size: 1em; /* 2 */ | |
| 110 | } | |
| 111 | ||
| 112 | /** | |
| 113 | 113 | * Add the correct font size in all browsers. |
| 114 | 114 | */ |
| 115 | ||
| 116 | small { | |
| 117 | font-size: 80%; | |
| 118 | } | |
| 119 | ||
| 120 | /** | |
| 115 | ||
| 116 | small { | |
| 117 | font-size: 80%; | |
| 118 | } | |
| 119 | ||
| 120 | /** | |
| 121 | 121 | * Prevent `sub` and `sup` elements from affecting the line height in |
| 122 | 122 | * all browsers. |
| 123 | 123 | */ |
| 124 | ||
| 125 | sub, | |
| 126 | sup { | |
| 127 | font-size: 75%; | |
| 128 | line-height: 0; | |
| 129 | position: relative; | |
| 130 | vertical-align: baseline; | |
| 131 | } | |
| 132 | ||
| 133 | sub { | |
| 134 | bottom: -0.25em; | |
| 135 | } | |
| 136 | ||
| 137 | sup { | |
| 138 | top: -0.5em; | |
| 139 | } | |
| 140 | ||
| 141 | /* Embedded content | |
| 124 | ||
| 125 | sub, | |
| 126 | sup { | |
| 127 | font-size: 75%; | |
| 128 | line-height: 0; | |
| 129 | position: relative; | |
| 130 | vertical-align: baseline; | |
| 131 | } | |
| 132 | ||
| 133 | sub { | |
| 134 | bottom: -0.25em; | |
| 135 | } | |
| 136 | ||
| 137 | sup { | |
| 138 | top: -0.5em; | |
| 139 | } | |
| 140 | ||
| 141 | /* Embedded content | |
| 142 | 142 | ========================================================================== */ |
| 143 | ||
| 144 | /** | |
| 143 | ||
| 144 | /** | |
| 145 | 145 | * Remove the border on images inside links in IE 10. |
| 146 | 146 | */ |
| 147 | ||
| 148 | img { | |
| 149 | border-style: none; | |
| 150 | } | |
| 151 | ||
| 152 | /* Forms | |
| 147 | ||
| 148 | img { | |
| 149 | border-style: none; | |
| 150 | } | |
| 151 | ||
| 152 | /* Forms | |
| 153 | 153 | ========================================================================== */ |
| 154 | ||
| 155 | /** | |
| 154 | ||
| 155 | /** | |
| 156 | 156 | * 1. Change the font styles in all browsers. |
| 157 | 157 | * 2. Remove the margin in Firefox and Safari. |
| 158 | 158 | */ |
| 159 | ||
| 160 | button, | |
| 161 | input, | |
| 162 | optgroup, | |
| 163 | select, | |
| 164 | textarea { | |
| 165 | font-family: inherit; /* 1 */ | |
| 166 | font-size: 100%; /* 1 */ | |
| 167 | line-height: 1.15; /* 1 */ | |
| 168 | margin: 0; /* 2 */ | |
| 169 | } | |
| 170 | ||
| 171 | /** | |
| 159 | ||
| 160 | button, | |
| 161 | input, | |
| 162 | optgroup, | |
| 163 | select, | |
| 164 | textarea { | |
| 165 | font-family: inherit; /* 1 */ | |
| 166 | font-size: 100%; /* 1 */ | |
| 167 | line-height: 1.15; /* 1 */ | |
| 168 | margin: 0; /* 2 */ | |
| 169 | } | |
| 170 | ||
| 171 | /** | |
| 172 | 172 | * Show the overflow in IE. |
| 173 | 173 | * 1. Show the overflow in Edge. |
| 174 | 174 | */ |
| 175 | ||
| 176 | button, | |
| 177 | input { /* 1 */ | |
| 178 | overflow: visible; | |
| 179 | } | |
| 180 | ||
| 181 | /** | |
| 175 | ||
| 176 | button, | |
| 177 | input { | |
| 178 | /* 1 */ | |
| 179 | overflow: visible; | |
| 180 | } | |
| 181 | ||
| 182 | /** | |
| 182 | 183 | * Remove the inheritance of text transform in Edge, Firefox, and IE. |
| 183 | 184 | * 1. Remove the inheritance of text transform in Firefox. |
| 184 | 185 | */ |
| 185 | ||
| 186 | button, | |
| 187 | select { /* 1 */ | |
| 188 | text-transform: none; | |
| 189 | } | |
| 190 | ||
| 191 | /** | |
| 186 | ||
| 187 | button, | |
| 188 | select { | |
| 189 | /* 1 */ | |
| 190 | text-transform: none; | |
| 191 | } | |
| 192 | ||
| 193 | /** | |
| 192 | 194 | * Correct the inability to style clickable types in iOS and Safari. |
| 193 | 195 | */ |
| 194 | ||
| 195 | button, | |
| 196 | [type="button"], | |
| 197 | [type="reset"], | |
| 198 | [type="submit"] { | |
| 199 | -webkit-appearance: button; | |
| 200 | } | |
| 201 | ||
| 202 | /** | |
| 196 | ||
| 197 | button, | |
| 198 | [type="button"], | |
| 199 | [type="reset"], | |
| 200 | [type="submit"] { | |
| 201 | -webkit-appearance: button; | |
| 202 | } | |
| 203 | ||
| 204 | /** | |
| 203 | 205 | * Remove the inner border and padding in Firefox. |
| 204 | 206 | */ |
| 205 | ||
| 206 | button::-moz-focus-inner, | |
| 207 | [type="button"]::-moz-focus-inner, | |
| 208 | [type="reset"]::-moz-focus-inner, | |
| 209 | [type="submit"]::-moz-focus-inner { | |
| 210 | border-style: none; | |
| 211 | padding: 0; | |
| 212 | } | |
| 213 | ||
| 214 | /** | |
| 207 | ||
| 208 | button::-moz-focus-inner, | |
| 209 | [type="button"]::-moz-focus-inner, | |
| 210 | [type="reset"]::-moz-focus-inner, | |
| 211 | [type="submit"]::-moz-focus-inner { | |
| 212 | border-style: none; | |
| 213 | padding: 0; | |
| 214 | } | |
| 215 | ||
| 216 | /** | |
| 215 | 217 | * Restore the focus styles unset by the previous rule. |
| 216 | 218 | */ |
| 217 | ||
| 218 | button:-moz-focusring, | |
| 219 | [type="button"]:-moz-focusring, | |
| 220 | [type="reset"]:-moz-focusring, | |
| 221 | [type="submit"]:-moz-focusring { | |
| 222 | outline: 1px dotted ButtonText; | |
| 223 | } | |
| 224 | ||
| 225 | /** | |
| 219 | ||
| 220 | button:-moz-focusring, | |
| 221 | [type="button"]:-moz-focusring, | |
| 222 | [type="reset"]:-moz-focusring, | |
| 223 | [type="submit"]:-moz-focusring { | |
| 224 | outline: 1px dotted ButtonText; | |
| 225 | } | |
| 226 | ||
| 227 | /** | |
| 226 | 228 | * Correct the padding in Firefox. |
| 227 | 229 | */ |
| 228 | ||
| 229 | fieldset { | |
| 230 | padding: 0.35em 0.75em 0.625em; | |
| 231 | } | |
| 232 | ||
| 233 | /** | |
| 230 | ||
| 231 | fieldset { | |
| 232 | padding: 0.35em 0.75em 0.625em; | |
| 233 | } | |
| 234 | ||
| 235 | /** | |
| 234 | 236 | * 1. Correct the text wrapping in Edge and IE. |
| 235 | 237 | * 2. Correct the color inheritance from `fieldset` elements in IE. |
| 236 | 238 | * 3. Remove the padding so developers are not caught out when they zero out |
| 237 | 239 | * `fieldset` elements in all browsers. |
| 238 | 240 | */ |
| 239 | ||
| 240 | legend { | |
| 241 | box-sizing: border-box; /* 1 */ | |
| 242 | color: inherit; /* 2 */ | |
| 243 | display: table; /* 1 */ | |
| 244 | max-width: 100%; /* 1 */ | |
| 245 | padding: 0; /* 3 */ | |
| 246 | white-space: normal; /* 1 */ | |
| 247 | } | |
| 248 | ||
| 249 | /** | |
| 241 | ||
| 242 | legend { | |
| 243 | box-sizing: border-box; /* 1 */ | |
| 244 | color: inherit; /* 2 */ | |
| 245 | display: table; /* 1 */ | |
| 246 | max-width: 100%; /* 1 */ | |
| 247 | padding: 0; /* 3 */ | |
| 248 | white-space: normal; /* 1 */ | |
| 249 | } | |
| 250 | ||
| 251 | /** | |
| 250 | 252 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. |
| 251 | 253 | */ |
| 252 | ||
| 253 | progress { | |
| 254 | vertical-align: baseline; | |
| 255 | } | |
| 256 | ||
| 257 | /** | |
| 254 | ||
| 255 | progress { | |
| 256 | vertical-align: baseline; | |
| 257 | } | |
| 258 | ||
| 259 | /** | |
| 258 | 260 | * Remove the default vertical scrollbar in IE 10+. |
| 259 | 261 | */ |
| 260 | ||
| 261 | textarea { | |
| 262 | overflow: auto; | |
| 263 | } | |
| 264 | ||
| 265 | /** | |
| 262 | ||
| 263 | textarea { | |
| 264 | overflow: auto; | |
| 265 | } | |
| 266 | ||
| 267 | /** | |
| 266 | 268 | * 1. Add the correct box sizing in IE 10. |
| 267 | 269 | * 2. Remove the padding in IE 10. |
| 268 | 270 | */ |
| 269 | ||
| 270 | [type="checkbox"], | |
| 271 | [type="radio"] { | |
| 272 | box-sizing: border-box; /* 1 */ | |
| 273 | padding: 0; /* 2 */ | |
| 274 | } | |
| 275 | ||
| 276 | /** | |
| 271 | ||
| 272 | [type="checkbox"], | |
| 273 | [type="radio"] { | |
| 274 | box-sizing: border-box; /* 1 */ | |
| 275 | padding: 0; /* 2 */ | |
| 276 | } | |
| 277 | ||
| 278 | /** | |
| 277 | 279 | * Correct the cursor style of increment and decrement buttons in Chrome. |
| 278 | 280 | */ |
| 279 | ||
| 280 | [type="number"]::-webkit-inner-spin-button, | |
| 281 | [type="number"]::-webkit-outer-spin-button { | |
| 282 | height: auto; | |
| 283 | } | |
| 284 | ||
| 285 | /** | |
| 281 | ||
| 282 | [type="number"]::-webkit-inner-spin-button, | |
| 283 | [type="number"]::-webkit-outer-spin-button { | |
| 284 | height: auto; | |
| 285 | } | |
| 286 | ||
| 287 | /** | |
| 286 | 288 | * 1. Correct the odd appearance in Chrome and Safari. |
| 287 | 289 | * 2. Correct the outline style in Safari. |
| 288 | 290 | */ |
| 289 | ||
| 290 | [type="search"] { | |
| 291 | -webkit-appearance: textfield; /* 1 */ | |
| 292 | outline-offset: -2px; /* 2 */ | |
| 293 | } | |
| 294 | ||
| 295 | /** | |
| 291 | ||
| 292 | [type="search"] { | |
| 293 | -webkit-appearance: textfield; /* 1 */ | |
| 294 | outline-offset: -2px; /* 2 */ | |
| 295 | } | |
| 296 | ||
| 297 | /** | |
| 296 | 298 | * Remove the inner padding in Chrome and Safari on macOS. |
| 297 | 299 | */ |
| 298 | ||
| 299 | [type="search"]::-webkit-search-decoration { | |
| 300 | -webkit-appearance: none; | |
| 301 | } | |
| 302 | ||
| 303 | /** | |
| 300 | ||
| 301 | [type="search"]::-webkit-search-decoration { | |
| 302 | -webkit-appearance: none; | |
| 303 | } | |
| 304 | ||
| 305 | /** | |
| 304 | 306 | * 1. Correct the inability to style clickable types in iOS and Safari. |
| 305 | 307 | * 2. Change font properties to `inherit` in Safari. |
| 306 | 308 | */ |
| 307 | ||
| 308 | ::-webkit-file-upload-button { | |
| 309 | -webkit-appearance: button; /* 1 */ | |
| 310 | font: inherit; /* 2 */ | |
| 311 | } | |
| 312 | ||
| 313 | /* Interactive | |
| 309 | ||
| 310 | ::-webkit-file-upload-button { | |
| 311 | -webkit-appearance: button; /* 1 */ | |
| 312 | font: inherit; /* 2 */ | |
| 313 | } | |
| 314 | ||
| 315 | /* Interactive | |
| 314 | 316 | ========================================================================== */ |
| 315 | ||
| 316 | /* | |
| 317 | ||
| 318 | /* | |
| 317 | 319 | * Add the correct display in Edge, IE 10+, and Firefox. |
| 318 | 320 | */ |
| 319 | ||
| 320 | details { | |
| 321 | display: block; | |
| 322 | } | |
| 323 | ||
| 324 | /* | |
| 321 | ||
| 322 | details { | |
| 323 | display: block; | |
| 324 | } | |
| 325 | ||
| 326 | /* | |
| 325 | 327 | * Add the correct display in all browsers. |
| 326 | 328 | */ |
| 327 | ||
| 328 | summary { | |
| 329 | display: list-item; | |
| 330 | } | |
| 331 | ||
| 332 | /* Misc | |
| 329 | ||
| 330 | summary { | |
| 331 | display: list-item; | |
| 332 | } | |
| 333 | ||
| 334 | /* Misc | |
| 333 | 335 | ========================================================================== */ |
| 334 | ||
| 335 | /** | |
| 336 | ||
| 337 | /** | |
| 336 | 338 | * Add the correct display in IE 10+. |
| 337 | 339 | */ |
| 338 | ||
| 339 | template { | |
| 340 | display: none; | |
| 341 | } | |
| 342 | ||
| 343 | /** | |
| 340 | ||
| 341 | template { | |
| 342 | display: none; | |
| 343 | } | |
| 344 | ||
| 345 | /** | |
| 344 | 346 | * Add the correct display in IE 10. |
| 345 | 347 | */ |
| 346 | ||
| 347 | [hidden] { | |
| 348 | display: none; | |
| 349 | } | |
| 350 | ||
| 348 | ||
| 349 | [hidden] { | |
| 350 | display: none; | |
| 351 | } | |
| 351 | 352 | |
| 352 | 353 | /* CUSTOM CSS */ |
| 353 | 354 | :root { |
| 354 | --bg: #181a1b; | |
| 355 | --bg-bright: #2f3132; | |
| 356 | --fg: #c6c6c6; | |
| 357 | --fg-bright: #fff; | |
| 358 | --fg-dark: #575757; | |
| 359 | --blue: #6eb6ff; | |
| 360 | --pink: #ff91a5; | |
| 355 | --bg: #181a1b; | |
| 356 | --bg-bright: #2f3132; | |
| 357 | --fg: #c6c6c6; | |
| 358 | --fg-bright: #fff; | |
| 359 | --fg-dark: #575757; | |
| 360 | --blue: #6eb6ff; | |
| 361 | --pink: #ff91a5; | |
| 361 | 362 | } |
| 362 | 363 | |
| 363 | 364 | @media (prefers-reduced-motion: no-preference) { |
| 364 | :root { | |
| 365 | scroll-behavior: smooth; | |
| 366 | } | |
| 365 | :root { | |
| 366 | scroll-behavior: smooth; | |
| 367 | } | |
| 367 | 368 | } |
| 368 | 369 | |
| 369 | 370 | body { |
| 370 | background-color: var(--bg); | |
| 371 | color: var(--fg); | |
| 372 | font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; | |
| 373 | font-size: 1rem; | |
| 374 | line-height: 1.5; | |
| 375 | max-width: 45em; | |
| 376 | margin: 0 auto; | |
| 377 | padding: 0 1rem; | |
| 371 | background-color: var(--bg); | |
| 372 | color: var(--fg); | |
| 373 | font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, | |
| 374 | helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, | |
| 375 | sans-serif; | |
| 376 | font-size: 1rem; | |
| 377 | line-height: 1.5; | |
| 378 | max-width: 45em; | |
| 379 | margin: 0 auto; | |
| 380 | padding: 0 1rem; | |
| 378 | 381 | } |
| 379 | 382 | |
| 380 | 383 | .site-nav, |
| 381 | 384 | footer { |
| 382 | border-color: var(--fg); | |
| 385 | border-color: var(--fg); | |
| 383 | 386 | } |
| 384 | 387 | |
| 385 | 388 | footer { |
| 386 | border-top: 1px dotted; | |
| 387 | padding-top: 1rem; | |
| 388 | margin: 1rem 0; | |
| 389 | border-top: 1px dotted; | |
| 390 | padding-top: 1rem; | |
| 391 | margin: 1rem 0; | |
| 389 | 392 | } |
| 390 | 393 | |
| 391 | 394 | footer p { |
| 392 | margin: 0; | |
| 395 | margin: 0; | |
| 393 | 396 | } |
| 394 | 397 | |
| 395 | 398 | .site-nav { |
| 396 | border-bottom: 1px dotted; | |
| 399 | border-bottom: 1px dotted; | |
| 397 | 400 | } |
| 398 | 401 | |
| 399 | 402 | .site-nav ul { |
| 400 | list-style-type: none; | |
| 401 | display: flex; | |
| 402 | align-items: center; | |
| 403 | padding: 0; | |
| 403 | list-style-type: none; | |
| 404 | display: flex; | |
| 405 | align-items: center; | |
| 406 | padding: 0; | |
| 404 | 407 | } |
| 405 | 408 | |
| 406 | 409 | .site-nav ul li { |
| 407 | margin-right: 0.5rem; | |
| 410 | margin-right: 0.5rem; | |
| 408 | 411 | } |
| 409 | 412 | |
| 410 | 413 | h1, |
| 411 | 414 | h2, |
| 412 | 415 | h3, |
| 413 | 416 | h4 { |
| 414 | color: var(--fg-bright); | |
| 417 | color: var(--fg-bright); | |
| 415 | 418 | } |
| 416 | 419 | |
| 417 | 420 | a, |
| 418 | 421 | a:visited { |
| 419 | color: var(--blue); | |
| 420 | text-decoration: none; | |
| 422 | color: var(--blue); | |
| 423 | text-decoration: none; | |
| 421 | 424 | } |
| 422 | 425 | |
| 423 | 426 | a:hover { |
| 424 | text-decoration: underline; | |
| 427 | text-decoration: underline; | |
| 425 | 428 | } |
| 426 | 429 | |
| 427 | 430 | img { |
| 428 | width: 100%; | |
| 431 | width: 100%; | |
| 429 | 432 | } |
| 430 | 433 | |
| 431 | 434 | table { |
| 432 | border-collapse: collapse; | |
| 433 | color: var(--fg); | |
| 434 | border-color: var(--fg-dark); | |
| 435 | border-collapse: collapse; | |
| 436 | color: var(--fg); | |
| 437 | border-color: var(--fg-dark); | |
| 435 | 438 | } |
| 436 | 439 | |
| 437 | 440 | thead, |
| 438 | 441 | th, |
| 439 | 442 | tr, |
| 440 | 443 | td { |
| 441 | border: 1px solid var(--fg-dark); | |
| 442 | padding: 0.25rem; | |
| 444 | border: 1px solid var(--fg-dark); | |
| 445 | padding: 0.25rem; | |
| 443 | 446 | } |
| 444 | 447 | |
| 445 | 448 | pre > code, |
| 446 | 449 | time, |
| 447 | 450 | code { |
| 448 | font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; | |
| 449 | font-size: 1rem; | |
| 451 | font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, | |
| 452 | monospace; | |
| 453 | font-size: 1rem; | |
| 450 | 454 | } |
| 451 | 455 | |
| 452 | 456 | pre { |
| 453 | background-color: var(--bg-bright) !important; | |
| 454 | border-radius: 3px; | |
| 455 | margin: 0.5rem 0; | |
| 456 | padding: 0.5rem; | |
| 457 | overflow-x: auto; | |
| 457 | background-color: var(--bg-bright) !important; | |
| 458 | border-radius: 3px; | |
| 459 | margin: 0.5rem 0; | |
| 460 | padding: 0.5rem; | |
| 461 | overflow-x: auto; | |
| 458 | 462 | } |
| 459 | 463 | |
| 460 | 464 | :not(pre) > code { |
| 461 | background-color: var(--bg-bright); | |
| 462 | color: var(--pink); | |
| 463 | padding: 0.15rem; | |
| 464 | border-radius: 3px; | |
| 465 | background-color: var(--bg-bright); | |
| 466 | color: var(--pink); | |
| 467 | padding: 0.15rem; | |
| 468 | border-radius: 3px; | |
| 465 | 469 | } |
| 466 | 470 | |
| 467 | 471 | aside { |
| 468 | background-color: var(--bg-bright); | |
| 469 | padding: 1rem; | |
| 472 | background-color: var(--bg-bright); | |
| 473 | padding: 1rem; | |
| 470 | 474 | } |
| 471 | 475 | |
| 472 | 476 | blockquote { |
| 473 | background-color: var(--bg-bright); | |
| 474 | border-left: 10px solid var(--blue); | |
| 475 | margin: 1rem 0; | |
| 476 | padding: 0.5rem 1rem; | |
| 477 | background-color: var(--bg-bright); | |
| 478 | border-left: 10px solid var(--blue); | |
| 479 | margin: 1rem 0; | |
| 480 | padding: 0.5rem 1rem; | |
| 477 | 481 | } |
| 478 | 482 | |
| 479 | 483 | blockquote p { |
| 480 | margin: 0; | |
| 484 | margin: 0; | |
| 481 | 485 | } |
| 482 | 486 | |
| 483 | 487 | .post { |
| @@ -485,8 +489,8 @@ blockquote p { | ||
| 485 | 489 | } |
| 486 | 490 | |
| 487 | 491 | .post time { |
| 488 | flex-shrink: 0; | |
| 489 | margin-right: 0.5rem; | |
| 492 | flex-shrink: 0; | |
| 493 | margin-right: 0.5rem; | |
| 490 | 494 | } |
| 491 | 495 | |
| 492 | 496 | .post-metadata { |
| @@ -500,7 +504,7 @@ blockquote p { | ||
| 500 | 504 | } |
| 501 | 505 | |
| 502 | 506 | .post-metadata p { |
| 503 | margin: 0; | |
| 507 | margin: 0; | |
| 504 | 508 | } |
| 505 | 509 | |
| 506 | 510 | details { |
| @@ -512,24 +516,24 @@ summary { | ||
| 512 | 516 | } |
| 513 | 517 | |
| 514 | 518 | .footnote-definition { |
| 515 | display: flex; | |
| 516 | justify-content: flex-start; | |
| 517 | align-items: top; | |
| 518 | margin: 1rem 0; | |
| 519 | display: flex; | |
| 520 | justify-content: flex-start; | |
| 521 | align-items: top; | |
| 522 | margin: 1rem 0; | |
| 519 | 523 | } |
| 520 | 524 | |
| 521 | 525 | .footnote-definition sup { |
| 522 | font-size: inherit; | |
| 523 | top: 0; | |
| 524 | line-height: inherit; | |
| 525 | padding-right: 0.5rem; | |
| 526 | font-size: inherit; | |
| 527 | top: 0; | |
| 528 | line-height: inherit; | |
| 529 | padding-right: 0.5rem; | |
| 526 | 530 | } |
| 527 | 531 | |
| 528 | 532 | .footnote-definition sup::after { |
| 529 | content: "."; | |
| 533 | content: "."; | |
| 530 | 534 | } |
| 531 | 535 | |
| 532 | 536 | .footnote-definition p { |
| 533 | display: inline-block; | |
| 534 | margin: 0; | |
| 537 | display: inline-block; | |
| 538 | margin: 0; | |
| 535 | 539 | } |
static/styles.min.css +1 −1
| @@ -1 +1 @@ | ||
| 1 | /*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#181a1b;--bg-bright:#2f3132;--fg:#c6c6c6;--fg-bright:#fff;--fg-dark:#575757;--blue:#6eb6ff;--pink:#ff91a5}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1rem;line-height:1.5;max-width:45em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg-bright)}a,a:visited{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--fg-dark)}thead,th,tr,td{border:1px solid var(--fg-dark);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem}pre{background-color:var(--bg-bright)!important;border-radius:3px;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{background-color:var(--bg-bright);color:var(--pink);padding:.15rem;border-radius:3px}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:10px solid var(--blue);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post{display:flex}.post:first-child{flex:none}.post time{margin-right:.5rem}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0} | |
| \ No newline at end of file | ||
| 1 | /*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#181a1b;--bg-bright:#2f3132;--fg:#c6c6c6;--fg-bright:#fff;--fg-dark:#575757;--blue:#6eb6ff;--pink:#ff91a5}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1rem;line-height:1.5;max-width:45em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg-bright)}a,a:visited{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--fg-dark)}thead,th,tr,td{border:1px solid var(--fg-dark);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1rem}pre{background-color:var(--bg-bright)!important;border-radius:3px;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{background-color:var(--bg-bright);color:var(--pink);padding:.15rem;border-radius:3px}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:10px solid var(--blue);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post{display:flex}.post time{flex-shrink:0;margin-right:.5rem}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0} | |
| \ No newline at end of file | ||