Commit 33dbf75c73b0fb716af94766e08f4dd2fd3443d5
cull styles for simpler experience
Ev Bogue committed on 10/25/2016, 7:23:59 PMParent: 3814f0bab283660b1d7e93e049986e2c4c211a90
Files changed
| style.css | changed |
| style.css | ||
|---|---|---|
| @@ -1,7 +1,6 @@ | ||
| 1 | 1 … | body { |
| 2 | 2 … | font-family: 'Source Sans Pro', sans-serif; |
| 3 | - background: #f5f5f5; | |
| 4 | 3 … | } |
| 5 | 4 … | |
| 6 | 5 … | h1, h2, h3, h4, h5, h6, p, ul, ol { |
| 7 | 6 … | margin-top: .35em; |
| @@ -111,9 +110,8 @@ | ||
| 111 | 110 … | |
| 112 | 111 … | textarea:focus { |
| 113 | 112 … | outline: none; |
| 114 | 113 … | border-color: none; |
| 115 | - box-shadow: none; | |
| 116 | 114 … | } |
| 117 | 115 … | |
| 118 | 116 … | button { |
| 119 | 117 … | background: #fff; |
| @@ -142,9 +140,8 @@ | ||
| 142 | 140 … | padding-right: 1em; |
| 143 | 141 … | padding-left: 1em; |
| 144 | 142 … | background: #f5f5f5; |
| 145 | 143 … | border: 1px solid #eee; |
| 146 | - box-shadow: 3px 0px 3px #ccc; | |
| 147 | 144 … | border-radius: .2em; |
| 148 | 145 … | } |
| 149 | 146 … | |
| 150 | 147 … | /* scrolling feeds, threads */ |
| @@ -165,9 +162,9 @@ | ||
| 165 | 162 … | .compose { |
| 166 | 163 … | width: 100%; |
| 167 | 164 … | margin-top: .5em; |
| 168 | 165 … | margin-bottom: .5em; |
| 169 | - box-shadow: #dadada 1px 2px 8px; | |
| 166 … | + border: 1px solid #f5f5f5; | |
| 170 | 167 … | } |
| 171 | 168 … | |
| 172 | 169 … | .compose button { |
| 173 | 170 … | float: right; |
| @@ -175,39 +172,41 @@ | ||
| 175 | 172 … | |
| 176 | 173 … | /* messages */ |
| 177 | 174 … | |
| 178 | 175 … | .message { |
| 179 | - background: white; | |
| 180 | 176 … | position: relative; |
| 181 | 177 … | flex-basis: 0; |
| 182 | - word-wrap: break-word; | |
| 183 | - margin-bottom: 1em; | |
| 184 | - padding: 0.3rem; | |
| 185 | - border-radius: 2px; | |
| 186 | - box-shadow: #dadada 1px 2px 8px; | |
| 178 … | + margin-top: .25em; | |
| 179 … | + margin-bottom: .25em; | |
| 180 … | + padding: .2em; | |
| 181 … | + border-top: 1px solid #f5f5f5; | |
| 182 … | + border-bottom: 1px solid #f5f5f5; | |
| 187 | 183 … | background: white; |
| 188 | 184 … | } |
| 189 | 185 … | |
| 186 … | +.message:hover { | |
| 187 … | + background: #f9f9f9; | |
| 188 … | +} | |
| 189 … | + | |
| 190 | 190 … | .message--mini { |
| 191 | - margin-bottom: 1em; | |
| 192 | - padding: ; | |
| 193 | - border-radius: 0; | |
| 194 | - box-shadow: none; | |
| 191 … | + font-size: 1em; | |
| 192 … | + margin: 0; | |
| 193 … | + padding: .2em; | |
| 194 … | + border: none; | |
| 195 | 195 … | background: inherit; |
| 196 | 196 … | } |
| 197 | 197 … | |
| 198 | 198 … | .message_content div > span { |
| 199 | - font-size: 0.8rem; | |
| 200 | - margin-bottom: 0.7rem; | |
| 199 … | + font-size: 0.9em; | |
| 200 … | + margin-bottom: 0.7em; | |
| 201 | 201 … | display: block; |
| 202 | 202 … | color: #888; |
| 203 | 203 … | } |
| 204 | 204 … | |
| 205 | 205 … | .message_content--mini div > span { |
| 206 | 206 … | display: inline-block; |
| 207 | 207 … | } |
| 208 | 208 … | |
| 209 | - | |
| 210 | 209 … | .message_content div > span a { |
| 211 | 210 … | color: #005d8c; |
| 212 | 211 … | } |
| 213 | 212 … | |
| @@ -283,8 +282,9 @@ | ||
| 283 | 282 … | .avatar--large, |
| 284 | 283 … | .avatar--thumbnail, |
| 285 | 284 … | .avatar--fullsize { |
| 286 | 285 … | border: 1px solid #eee; |
| 286 … | + width: 100%; | |
| 287 | 287 … | } |
| 288 | 288 … | |
| 289 | 289 … | .avatar--large { |
| 290 | 290 … | width: 10em; |
| @@ -293,15 +293,12 @@ | ||
| 293 | 293 … | |
| 294 | 294 … | .avatar--thumbnail { |
| 295 | 295 … | width: 2.5em; |
| 296 | 296 … | height: 2.5em; |
| 297 … | + float: left; | |
| 297 | 298 … | margin-right: .5ex; |
| 298 | 299 … | } |
| 299 | 300 … | |
| 300 | -.avatar--fullsize { | |
| 301 | - width: 100%; | |
| 302 | -} | |
| 303 | - | |
| 304 | 301 … | .profile { |
| 305 | 302 … | padding: .5ex; |
| 306 | 303 … | overflow: auto; |
| 307 | 304 … | } |
| @@ -326,9 +323,8 @@ | ||
| 326 | 323 … | margin-left: auto; |
| 327 | 324 … | margin-right: auto; |
| 328 | 325 … | border: 1px solid #eee; |
| 329 | 326 … | border-radius: .2em; |
| 330 | - box-shadow: #dadada 1px 2px 8px; | |
| 331 | 327 … | } |
| 332 | 328 … | |
| 333 | 329 … | /* searchprompt */ |
| 334 | 330 … | |
| @@ -397,9 +393,8 @@ | ||
| 397 | 393 … | |
| 398 | 394 … | .header { |
| 399 | 395 … | background: #f5f5f5; |
| 400 | 396 … | border-bottom: 1px inset; |
| 401 | - box-shadow: 3px 0px 3px #ccc; | |
| 402 | 397 … | flex-shrink: 0; |
| 403 | 398 … | } |
| 404 | 399 … | |
| 405 | 400 … | .header__tabs { |
| @@ -460,7 +455,4 @@ | ||
| 460 | 455 … | .hypertabs--selected .hypertabs__x { |
| 461 | 456 … | display: block; |
| 462 | 457 … | } |
| 463 | 458 … | |
| 464 | -.screen { | |
| 465 | - background: #f5f5f5 | |
| 466 | -} | |
Built with git-ssb-web