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