Commit 2730a445b6f16877bff840d9f38ee9e6892edd9f
Update base styles according to ssb-themes
Charles Lehner committed on 8/12/2016, 5:38:17 AMParent: 94d9ca2cbe74997f6ec36751cd631e2bf6305283
Files changed
| style.css | changed |
| style.css | ||
|---|---|---|
| @@ -1,5 +1,7 @@ | ||
| 1 | -body { font-family: sans-serif;} | |
| 1 | +body { | |
| 2 | + font-family: sans-serif; | |
| 3 | +} | |
| 2 | 4 | |
| 3 | 5 | .screen { |
| 4 | 6 | position: absolute; |
| 5 | 7 | top: 0px; bottom: 0px; |
| @@ -17,35 +19,49 @@ | ||
| 17 | 19 | display: flex; |
| 18 | 20 | flex-direction: row; |
| 19 | 21 | } |
| 20 | 22 | |
| 23 | +.wrap { | |
| 24 | + display: flex; | |
| 25 | + flex-direction: row; | |
| 26 | + flex-wrap: wrap; | |
| 27 | +} | |
| 28 | + | |
| 21 | 29 | .scroll-y { |
| 22 | 30 | overflow-y: auto; |
| 23 | 31 | } |
| 24 | 32 | |
| 25 | 33 | .scroll-x { |
| 26 | 34 | overflow-x: auto; |
| 27 | 35 | } |
| 28 | 36 | |
| 29 | -pre, li, p { | |
| 30 | - max-width: 100%; | |
| 37 | +pre { | |
| 31 | 38 | white-space: pre-wrap; |
| 32 | - word-break: break-word; | |
| 39 | + word-wrap: break-word; | |
| 33 | 40 | } |
| 34 | 41 | |
| 35 | 42 | p { |
| 36 | 43 | margin-top: .35ex; |
| 37 | 44 | } |
| 38 | 45 | |
| 46 | +hr { | |
| 47 | + border: solid #eee; | |
| 48 | + clear: both; | |
| 49 | + border-width: 1px 0 0; | |
| 50 | + height: 0; | |
| 51 | + margin-bottom: .9em; | |
| 52 | +} | |
| 53 | + | |
| 54 | +input, textarea { | |
| 55 | + border: 1px solid #eee; | |
| 56 | +} | |
| 57 | + | |
| 39 | 58 | /* scrolling feeds, threads */ |
| 40 | 59 | |
| 41 | 60 | .scroller { |
| 42 | 61 | width: 100%; |
| 43 | 62 | } |
| 44 | 63 | |
| 45 | -.scroller { | |
| 46 | -} | |
| 47 | - | |
| 48 | 64 | .scroller__wrapper { |
| 49 | 65 | flex: 1; |
| 50 | 66 | max-width: 600px; |
| 51 | 67 | margin-left: auto; |
| @@ -60,22 +76,21 @@ | ||
| 60 | 76 | |
| 61 | 77 | .hypertabs > .row { |
| 62 | 78 | flex-grow: 0; |
| 63 | 79 | flex-shrink: 0; |
| 64 | - margin: .5ex; | |
| 80 | + margin: 0; | |
| 65 | 81 | } |
| 66 | 82 | |
| 67 | 83 | .hypertabs__tabs > * { |
| 68 | - max-width: 3em; | |
| 84 | + max-width: 4em; | |
| 69 | 85 | overflow-x: hidden; |
| 70 | 86 | margin-right: .5ex; |
| 71 | 87 | padding-top: .1ex; |
| 72 | 88 | } |
| 73 | 89 | |
| 74 | 90 | .hypertabs--selected { |
| 75 | - max-width: 3em; | |
| 91 | + max-width: 4em; | |
| 76 | 92 | background: yellow; |
| 77 | - padding-top: 0; | |
| 78 | 93 | padding-left: .5ex; |
| 79 | 94 | padding-right: .5ex; |
| 80 | 95 | } |
| 81 | 96 | |
| @@ -236,22 +251,21 @@ | ||
| 236 | 251 | |
| 237 | 252 | /* --- network status --- */ |
| 238 | 253 | |
| 239 | 254 | .status { |
| 240 | - width: 1em; | |
| 241 | - height: 1em; | |
| 255 | + width: .7em; | |
| 256 | + height: .7em; | |
| 242 | 257 | position: fixed; |
| 243 | - right: .5em; | |
| 244 | - top: .5em; | |
| 258 | + right: .8em; | |
| 259 | + top: .8em; | |
| 245 | 260 | border-radius: 100%; |
| 246 | 261 | background: green; |
| 247 | 262 | } |
| 248 | 263 | |
| 249 | 264 | .error { |
| 250 | 265 | background: red; |
| 251 | 266 | } |
| 252 | 267 | |
| 253 | - | |
| 254 | 268 | /* invite codes */ |
| 255 | 269 | |
| 256 | 270 | .hyperprogress__liquid { |
| 257 | 271 | height: 1ex; |
Built with git-ssb-web