Add some functionality around addresses
6c45c4c0323d23131a18fa2beb983ffcca327905
1 parent
396145c9
css/base.css
+34 -5
| 29 | 29 | scrollbar-color: var(--highlight-color) transparent; |
|
| 30 | 30 | -webkit-font-smoothing: antialiased; |
|
| 31 | 31 | -moz-osx-font-smoothing: greyscale; |
|
| 32 | 32 | } |
|
| 33 | 33 | ||
| 34 | - | body, code, pre, p, kbd, h1, h2, h3, h4, h5 { |
|
| 34 | + | body, code, pre, p, kbd, h1, h2, h3, h4, h5, input { |
|
| 35 | 35 | font-family: "Consolas", "Inconsolata", monospace; |
|
| 36 | 36 | } |
|
| 37 | 37 | ||
| 38 | 38 | /* Chrome/Edge/Safari scrollbar */ |
|
| 39 | 39 | *::-webkit-scrollbar { |
| 291 | 291 | } |
|
| 292 | 292 | .footnote-ref a, a[rel="footnote"] { |
|
| 293 | 293 | margin-left: 0.2rem; |
|
| 294 | 294 | } |
|
| 295 | 295 | ||
| 296 | - | img.qr { |
|
| 297 | - | border: 1vw solid white; |
|
| 298 | - | margin: 0 auto; |
|
| 296 | + | .qr { |
|
| 297 | + | margin-bottom: 2em; |
|
| 298 | + | text-align: center; |
|
| 299 | + | width: 100%; |
|
| 300 | + | cursor: pointer; |
|
| 301 | + | } |
|
| 302 | + | .qr img { |
|
| 303 | + | text-align: center; |
|
| 299 | 304 | display: block; |
|
| 300 | - | margin-bottom: 4rem; |
|
| 305 | + | margin: 0 auto 1rem auto; |
|
| 301 | 306 | max-width: 50%; |
|
| 307 | + | border: 1vw solid white; |
|
| 308 | + | } |
|
| 309 | + | ||
| 310 | + | input.address { |
|
| 311 | + | font-size: 100%; |
|
| 312 | + | background: none; |
|
| 313 | + | border: none; |
|
| 314 | + | margin: none; |
|
| 315 | + | padding: 0.5rem; |
|
| 316 | + | color: var(--highlight-color); |
|
| 317 | + | cursor: pointer; |
|
| 318 | + | text-decoration: none; |
|
| 319 | + | width: 100%; |
|
| 320 | + | text-align: center; |
|
| 321 | + | } |
|
| 322 | + | ||
| 323 | + | .copy-message { |
|
| 324 | + | vertical-align: middle; |
|
| 325 | + | color: var(--highlight-color); |
|
| 326 | + | visibility: hidden; |
|
| 327 | + | position: fixed; |
|
| 328 | + | top: 0; |
|
| 329 | + | right: 0; |
|
| 330 | + | padding: 1rem; |
|
| 302 | 331 | } |
|
| 303 | 332 | ||
| 304 | 333 | /* |
|
| 305 | 334 | * MEDIA |
|
| 306 | 335 | */ |