Commit 7aa2d4e2d44066da449a78bff5c40338fae2af97
add mixmix's styles to default
Ev Bogue committed on 9/19/2016, 2:17:17 AMParent: ad23c51739a9c39fa2d90bfddd96180e3ed7e167
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