Commit a2f1f10faf04f3a1a83e74d7ab17e329638d6375
Merge branch 'master' of ssb://%yxGEc2cFJxAvxGyPL5dzU07L8fRNS8YSxhkmPe68nqA=.sha256
Ev Bogue committed on 9/19/2016, 4:20:34 PMParent: 33eacb10147b21fe1eddcd4eddd5ee575141d780
Parent: 7aa2d4e2d44066da449a78bff5c40338fae2af97
Files changed
| style.css | changed |
| style.css | ||
|---|---|---|
| @@ -69,10 +69,31 @@ | ||
| 69 | 69 … | } |
| 70 | 70 … | |
| 71 | 71 … | input, textarea { |
| 72 | 72 … | border: 1px solid #eee; |
| 73 … | + border-radius: .2em; | |
| 74 … | + font-family: sans-serif; | |
| 73 | 75 … | } |
| 74 | 76 … | |
| 77 … | +button { | |
| 78 … | + background: #fff; | |
| 79 … | + color: #666; | |
| 80 … | + border: 1px solid #ccc; | |
| 81 … | + border-radius: .5em; | |
| 82 … | + padding: .5em; | |
| 83 … | + margin-top: .2em; | |
| 84 … | + margin-bottom: .2em; | |
| 85 … | + cursor: pointer; | |
| 86 … | + text-transform: uppercase; | |
| 87 … | + font-weight: bold; | |
| 88 … | + font-size: .7em; | |
| 89 … | +} | |
| 90 … | + | |
| 91 … | +button:hover { | |
| 92 … | + background: #ccc; | |
| 93 … | + border: #bbb; | |
| 94 … | +} | |
| 95 … | + | |
| 75 | 96 … | /* scrolling feeds, threads */ |
| 76 | 97 … | |
| 77 | 98 … | .scroller { |
| 78 | 99 … | width: 100%; |
| @@ -88,8 +109,10 @@ | ||
| 88 | 109 … | /* compose */ |
| 89 | 110 … | |
| 90 | 111 … | .compose { |
| 91 | 112 … | width: 100%; |
| 113 … | + margin-top: .5em; | |
| 114 … | + margin-bottom: .5em; | |
| 92 | 115 … | } |
| 93 | 116 … | |
| 94 | 117 … | /* messages */ |
| 95 | 118 … | |
| @@ -98,8 +121,9 @@ | ||
| 98 | 121 … | flex-basis: 0; |
| 99 | 122 … | word-wrap: break-word; |
| 100 | 123 … | display: inline-block; |
| 101 | 124 … | border: 1px solid #eee; |
| 125 … | + margin-bottom: 1em; | |
| 102 | 126 … | } |
| 103 | 127 … | |
| 104 | 128 … | .message_meta input { |
| 105 | 129 … | font-size: .8em; |
| @@ -156,14 +180,15 @@ | ||
| 156 | 180 … | padding-left: -2em; |
| 157 | 181 … | } |
| 158 | 182 … | |
| 159 | 183 … | .suggest-box .selected { |
| 160 | - background: yellow; | |
| 184 … | + background: #eee; | |
| 161 | 185 … | } |
| 162 | 186 … | |
| 163 | 187 … | .suggest-box { |
| 164 | 188 … | width: max-content; |
| 165 | 189 … | background: white; |
| 190 … | + border-radius: 1em; | |
| 166 | 191 … | } |
| 167 | 192 … | |
| 168 | 193 … | /* avatar */ |
| 169 | 194 … | |
| @@ -210,10 +235,16 @@ | ||
| 210 | 235 … | |
| 211 | 236 … | /* searchprompt */ |
| 212 | 237 … | |
| 213 | 238 … | .searchprompt { |
| 214 | - width: 100%; | |
| 215 | - height: 2.55em; | |
| 239 … | + float: left; | |
| 240 … | + width: 85%; | |
| 241 … | + height: 2em; | |
| 242 … | + margin-top: .3em; | |
| 243 … | + border-radius: 1em; | |
| 244 … | + padding-left: .2em; | |
| 245 … | + margin-left: 1em; | |
| 246 … | + margin-right: 1em; | |
| 216 | 247 … | } |
| 217 | 248 … | |
| 218 | 249 … | /* TextNodeSearcher highlights */ |
| 219 | 250 … | |
| @@ -253,15 +284,8 @@ | ||
| 253 | 284 … | .error { |
| 254 | 285 … | background: red; |
| 255 | 286 … | } |
| 256 | 287 … | |
| 257 | -/* invite codes */ | |
| 258 | - | |
| 259 | -.hyperprogress__liquid { | |
| 260 | - height: 1ex; | |
| 261 | - background: blue; | |
| 262 | -} | |
| 263 | - | |
| 264 | 288 … | /* themes */ |
| 265 | 289 … | |
| 266 | 290 … | .theme { |
| 267 | 291 … | margin-left: 1ex; |
| @@ -274,10 +298,10 @@ | ||
| 274 | 298 … | |
| 275 | 299 … | /* tabs */ |
| 276 | 300 … | |
| 277 | 301 … | .header { |
| 278 | - background: lightgray; | |
| 279 | - border-bottom: 2px inset; | |
| 302 … | + background: #f5f5f5; | |
| 303 … | + border-bottom: 1px inset; | |
| 280 | 304 … | flex-shrink: 0; |
| 281 | 305 … | } |
| 282 | 306 … | |
| 283 | 307 … | .header__tabs { |
| @@ -305,27 +329,28 @@ | ||
| 305 | 329 … | } |
| 306 | 330 … | |
| 307 | 331 … | .hypertabs__tab { |
| 308 | 332 … | color: black; |
| 309 | - background: lightgray; | |
| 310 | - border-right: 1px solid #ccc; | |
| 333 … | + background: #eee; | |
| 334 … | + border-right: 1px solid #ddd; | |
| 311 | 335 … | border-top-left-radius: 5px; |
| 312 | 336 … | margin-left: -3px; |
| 313 | 337 … | border-bottom: none; |
| 314 | - padding-top: .35em; | |
| 315 | - padding-left: .5em; | |
| 338 … | + padding-top: .56em; | |
| 339 … | + padding-left: 1em; | |
| 316 | 340 … | width: 100%; |
| 317 | 341 … | } |
| 318 | 342 … | |
| 319 | 343 … | .hypertabs__tab > a { |
| 320 | 344 … | color: black; |
| 321 | 345 … | text-decoration: none; |
| 322 | 346 … | white-space: nowrap; |
| 347 … | + font-size: .9em; | |
| 323 | 348 … | } |
| 324 | 349 … | |
| 325 | 350 … | .hypertabs--selected { |
| 326 | - background: #E7E7E7; | |
| 327 | - border-top-right-radius: 3px; | |
| 351 … | + background: #eee; | |
| 352 … | + border-top-right-radius: 5px; | |
| 328 | 353 … | z-index: 1; |
| 329 | 354 … | } |
| 330 | 355 … | |
| 331 | 356 … | .hypertabs__x { |
| @@ -336,4 +361,77 @@ | ||
| 336 | 361 … | .hypertabs--selected .hypertabs__x { |
| 337 | 362 … | display: block; |
| 338 | 363 … | } |
| 339 | 364 … | |
| 365 … | +a:link, a:visited, a:active { | |
| 366 … | + color: #0088cc; | |
| 367 … | + text-decoration: none; | |
| 368 … | +} | |
| 369 … | + | |
| 370 … | +a:hover, | |
| 371 … | +a:focus { | |
| 372 … | + color: #005580; | |
| 373 … | + text-decoration: underline; | |
| 374 … | +} | |
| 375 … | + | |
| 376 … | +.navbar a:link, | |
| 377 … | +.navbar a:visited, | |
| 378 … | +.navbar a:active { | |
| 379 … | + color: #666; | |
| 380 … | + font-weight: normal; | |
| 381 … | +} | |
| 382 … | + | |
| 383 … | +.navbar a:hover, | |
| 384 … | +.navbar a:focus { | |
| 385 … | + color: #333; font-weight: normal; | |
| 386 … | +} | |
| 387 … | + | |
| 388 … | +.message_content div > span { | |
| 389 … | + font-size: 0.8rem; | |
| 390 … | + margin-bottom: 0.7rem; | |
| 391 … | + display: block; | |
| 392 … | + color: #888; | |
| 393 … | +} | |
| 394 … | + | |
| 395 … | +.message_content div > span a { | |
| 396 … | + color: #005d8c; | |
| 397 … | +} | |
| 398 … | + | |
| 399 … | +.message { | |
| 400 … | + padding: 0.3rem; | |
| 401 … | + border: none; | |
| 402 … | + border-radius: 2px; | |
| 403 … | + box-shadow: #dadada 1px 2px 8px; | |
| 404 … | +} | |
| 405 … | + | |
| 406 … | +.header { | |
| 407 … | + box-shadow: 3px 0px 3px #ccc; | |
| 408 … | +} | |
| 409 … | + | |
| 410 … | +.hypertabs__tabs a:link, | |
| 411 … | +.hypertabs__tabs a:visited, | |
| 412 … | +.hypertabs__tabs a:active { | |
| 413 … | + color: #666; | |
| 414 … | + text-decoration: none; | |
| 415 … | +} | |
| 416 … | + | |
| 417 … | +.hypertabs__tabs a:hover, | |
| 418 … | +.hypertabs__tabs a:focus { | |
| 419 … | + color: #333; | |
| 420 … | +} | |
| 421 … | + | |
| 422 … | +.hypertabs--selected a { | |
| 423 … | + font-weight: bold; | |
| 424 … | +} | |
| 425 … | + | |
| 426 … | +.hyperprogress__liquid, .status { | |
| 427 … | + background: #0088cc; | |
| 428 … | +} | |
| 429 … | + | |
| 430 … | +.hypertabs__tab { | |
| 431 … | + background: transparent; | |
| 432 … | +} | |
| 433 … | + | |
| 434 … | +.avatar--large, .avatar--thumbnail, .avatar--fullsize { | |
| 435 … | + border: 1px solid #eee; | |
| 436 … | +} | |
| 437 … | + | |
Built with git-ssb-web