Commit fe90ab4ac48ab56f56d2f9ddbc4e907e17eeca1c
style updates
Ev Bogue committed on 4/25/2018, 5:05:47 PMParent: 6a7ad51c236a5d88863f1dbbd45ee5b6cba6c883
Files changed
| style.css | changed |
| style.css.json | changed |
| style.css | ||
|---|---|---|
| @@ -1,30 +1,52 @@ | ||
| 1 … | +body { | |
| 2 … | + background: black; | |
| 3 … | + font-family: sans-serif; | |
| 4 … | + color: #ddd; | |
| 5 … | + font-size: .9em; | |
| 6 … | +} | |
| 7 … | + | |
| 1 | 8 … | .hyperscroll { |
| 2 | 9 … | width: 100%; |
| 3 | 10 … | } |
| 4 | 11 … | |
| 12 … | +a { | |
| 13 … | + color: #f5f5f5; | |
| 14 … | +} | |
| 15 … | + | |
| 5 | 16 … | .hyperscroll > .content { |
| 6 | 17 … | max-width: 680px; |
| 7 | 18 … | margin-left: auto; |
| 8 | 19 … | margin-right: auto; |
| 9 | 20 … | } |
| 10 | 21 … | |
| 11 | 22 … | .message { |
| 12 | 23 … | display: block; |
| 13 | - margin-top: .25em; | |
| 14 | - margin-bottom: .25em; | |
| 24 … | + margin: .5em; | |
| 25 … | + background: #111; | |
| 26 … | + padding: .5em; | |
| 15 | 27 … | } |
| 16 | 28 … | |
| 29 … | +.message img { | |
| 30 … | + max-width: 100%; | |
| 31 … | +} | |
| 32 … | + | |
| 17 | 33 … | .timestamp { |
| 18 | 34 … | float: right; |
| 19 | 35 … | } |
| 20 | 36 … | |
| 21 | 37 … | .avatar--small img { |
| 22 | 38 … | vertical-align: top; |
| 23 | - width: 2.5em; | |
| 24 | - height: 2.5em; | |
| 39 … | + width: 1.4em; | |
| 40 … | + height: 1.4em; | |
| 41 … | + margin-right: .2em; | |
| 25 | 42 … | } |
| 26 | 43 … | |
| 44 … | +.emoji { | |
| 45 … | + width: 1.4em; | |
| 46 … | + vertical-align: top; | |
| 47 … | +} | |
| 48 … | + | |
| 27 | 49 … | pre { |
| 28 | 50 … | width: 100%; |
| 29 | 51 … | display: block; |
| 30 | 52 … | } |
| style.css.json | ||
|---|---|---|
| @@ -1,1 +1,1 @@ | ||
| 1 | -".hyperscroll {\n width: 100%;\n}\n\n.hyperscroll > .content {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.message {\n display: block;\n margin-top: .25em;\n margin-bottom: .25em;\n}\n\n.timestamp {\n float: right;\n}\n\n.avatar--small img {\n vertical-align: top;\n width: 2.5em;\n height: 2.5em;\n}\n\npre {\n width: 100%;\n display: block;\n}\n\ncode {\n display: inline-block;\n vertical-align: bottom;\n}\n\ncode, pre {\noverflow: auto;\nword-break: break-all;\nword-wrap: break-word;\nwhite-space: pre;\nwhite-space: -moz-pre-wrap;\nwhite-space: pre-wrap;\nwhite-space: pre\\9;\n}\n\n" | |
| 1 … | +"body {\n background: black;\n font-family: sans-serif;\n color: #ddd;\n font-size: .9em;\n}\n\n.hyperscroll {\n width: 100%;\n}\n\na {\n color: #f5f5f5;\n}\n\n.hyperscroll > .content {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.message {\n display: block;\n margin: .5em;\n background: #111;\n padding: .5em;\n}\n\n.message img {\n max-width: 100%;\n}\n\n.timestamp {\n float: right;\n}\n\n.avatar--small img {\n vertical-align: top;\n width: 1.4em;\n height: 1.4em;\n margin-right: .2em;\n}\n\n.emoji {\n width: 1.4em;\n vertical-align: top;\n}\n\npre {\n width: 100%;\n display: block;\n}\n\ncode {\n display: inline-block;\n vertical-align: bottom;\n}\n\ncode, pre {\noverflow: auto;\nword-break: break-all;\nword-wrap: break-word;\nwhite-space: pre;\nwhite-space: -moz-pre-wrap;\nwhite-space: pre-wrap;\nwhite-space: pre\\9;\n}\n\n" | |
Built with git-ssb-web