Commit 3003c7f2e378ab411b09eaa11adef56245af1868
stripped down css
Joran committed on 12/15/2016, 5:24:19 AMParent: e3a918ef0b3864578f624ca14e12fe1cf0079b3a
Files changed
style.css | changed |
style.css | |||
---|---|---|---|
@@ -1,34 +1,5 @@ | |||
1 | -body { | ||
2 | - font-family: sans-serif; | ||
3 | -} | ||
4 | 1 … | ||
5 | -h1, h2, h3, h4, h5, h6, p, ul, ol { | ||
6 | - margin-top: .35em; | ||
7 | -} | ||
8 | - | ||
9 | -h1 { font-size: 1.2em; } | ||
10 | -h2 { font-size: 1.18em; } | ||
11 | -h3 { font-size: 1.15em; } | ||
12 | -h4 { font-size: 1.12em; } | ||
13 | -h5 { font-size: 1.1em; } | ||
14 | -h6 { font-size: 1em; } | ||
15 | - | ||
16 | -* { | ||
17 | - word-break: break-word; | ||
18 | -} | ||
19 | - | ||
20 | -a:link, a:visited, a:active { | ||
21 | - color: #0088cc; | ||
22 | - text-decoration: none; | ||
23 | -} | ||
24 | - | ||
25 | -a:hover, | ||
26 | -a:focus { | ||
27 | - color: #005580; | ||
28 | - text-decoration: underline; | ||
29 | -} | ||
30 | - | ||
31 | 2 … | .screen { | |
32 | 3 … | position: absolute; | |
33 | 4 … | top: 0; bottom: 0; | |
34 | 5 … | left: 0; right: 0; | |
@@ -74,69 +45,12 @@ | |||
74 | 45 … | overflow-x: auto; | |
75 | 46 … | min-width: 0px; | |
76 | 47 … | } | |
77 | 48 … | ||
78 | -pre { | ||
79 | - white-space: pre-wrap; | ||
80 | - word-wrap: break-word; | ||
81 | -} | ||
82 | - | ||
83 | 49 … | .wide { | |
84 | 50 … | width: 100%; | |
85 | 51 … | } | |
86 | 52 … | ||
87 | -p { | ||
88 | - margin-top: .35ex; | ||
89 | -} | ||
90 | - | ||
91 | -hr { | ||
92 | - border: solid #eee; | ||
93 | - clear: both; | ||
94 | - border-width: 1px 0 0; | ||
95 | - height: 0; | ||
96 | - margin-bottom: .9em; | ||
97 | -} | ||
98 | - | ||
99 | -input, textarea { | ||
100 | - border: none; | ||
101 | - border-radius: .2em; | ||
102 | - font-family: sans-serif; | ||
103 | -} | ||
104 | - | ||
105 | -input:focus, .compose:focus, .message:focus, button:focus { | ||
106 | - outline: none; | ||
107 | - border-color: #0088cc; | ||
108 | - box-shadow: 0 0 4px #0088cc; | ||
109 | -} | ||
110 | - | ||
111 | -textarea { | ||
112 | - padding: .5em; | ||
113 | - font-size: 1em; | ||
114 | -} | ||
115 | - | ||
116 | -textarea:focus { | ||
117 | - outline: none; | ||
118 | - border-color: none; | ||
119 | -} | ||
120 | - | ||
121 | -button { | ||
122 | - background: #fff; | ||
123 | - color: #666; | ||
124 | - border: 1px solid #bbb; | ||
125 | - border-radius: .5em; | ||
126 | - padding: .7em; | ||
127 | - margin: .5em; | ||
128 | - cursor: pointer; | ||
129 | - text-transform: uppercase; | ||
130 | - font-weight: bold; | ||
131 | - font-size: .7em; | ||
132 | -} | ||
133 | - | ||
134 | -button:hover { | ||
135 | - background: #ccc; | ||
136 | - border: 1px solid #bbb; | ||
137 | -} | ||
138 | - | ||
139 | 53 … | .menu { | |
140 | 54 … | position: absolute; | |
141 | 55 … | top: .5em; | |
142 | 56 … | right: .5em; | |
@@ -180,95 +94,17 @@ | |||
180 | 94 … | ||
181 | 95 … | .message { | |
182 | 96 … | position: relative; | |
183 | 97 … | flex-basis: 0; | |
184 | - margin-top: .25em; | ||
98 … | + margin-top: .25em; | ||
185 | 99 … | margin-bottom: .25em; | |
186 | 100 … | padding: .2em; | |
187 | 101 … | border-top: 1px solid #f5f5f5; | |
188 | 102 … | // border-bottom: 1px solid #f5f5f5; | |
189 | 103 … | background: white; | |
190 | 104 … | } | |
191 | 105 … | ||
192 | -.message:hover { | ||
193 | - background: #f9f9f9; | ||
194 | -} | ||
195 | 106 … | ||
196 | -.message--mini { | ||
197 | - font-size: 1em; | ||
198 | - margin: 0; | ||
199 | - padding: .2em; | ||
200 | - border: none; | ||
201 | - background: inherit; | ||
202 | -} | ||
203 | - | ||
204 | -.message_content div > span { | ||
205 | - font-size: 0.9em; | ||
206 | - margin-bottom: 0.7em; | ||
207 | - display: block; | ||
208 | - color: #888; | ||
209 | -} | ||
210 | - | ||
211 | -.message_content--mini div > span { | ||
212 | - display: inline-block; | ||
213 | -} | ||
214 | - | ||
215 | -.message_content div > span a { | ||
216 | - color: #005d8c; | ||
217 | -} | ||
218 | - | ||
219 | -.message_meta input { | ||
220 | - font-size: .8em; | ||
221 | -} | ||
222 | - | ||
223 | -.message_meta { | ||
224 | - margin-left: auto; | ||
225 | -} | ||
226 | - | ||
227 | -.message_meta > * { | ||
228 | - margin-left: .5ex; | ||
229 | -} | ||
230 | - | ||
231 | -.message_actions { | ||
232 | - position: absolute; | ||
233 | - bottom: 0; right: 0; | ||
234 | - margin-right: .5ex; | ||
235 | - margin-bottom: .5ex; | ||
236 | -} | ||
237 | - | ||
238 | -.title { | ||
239 | - padding: .5ex; | ||
240 | -} | ||
241 | - | ||
242 | -.message img { | ||
243 | - max-width: 100%; | ||
244 | -} | ||
245 | - | ||
246 | -.message > .title > .avatar { | ||
247 | - margin-left: 0; | ||
248 | -} | ||
249 | - | ||
250 | -.message_content { | ||
251 | - padding: .5ex; | ||
252 | -} | ||
253 | - | ||
254 | -.actions > * { | ||
255 | - padding-left: 5px; | ||
256 | - margin-left: 1px; | ||
257 | -} | ||
258 | - | ||
259 | -.actions > :not(:last-child) { | ||
260 | - border-right: 2px solid #eee; | ||
261 | - padding-right: 5px; | ||
262 | -} | ||
263 | - | ||
264 | -.emoji { | ||
265 | - height: 1em; | ||
266 | - width: 1em; | ||
267 | - vertical-align: top; | ||
268 | -} | ||
269 | - | ||
270 | - | ||
271 | 107 … | /* -- suggest box */ | |
272 | 108 … | ||
273 | 109 … | .suggest-box > * { | |
274 | 110 … | display: block; | |
@@ -298,45 +134,8 @@ | |||
298 | 134 … | height: 20px; | |
299 | 135 … | width: 20px; | |
300 | 136 … | } | |
301 | 137 … | ||
302 | -/* avatar */ | ||
303 | - | ||
304 | -.avatar--large, | ||
305 | -.avatar--thumbnail, | ||
306 | -.avatar--fullsize { | ||
307 | - border: 1px solid #eee; | ||
308 | -} | ||
309 | - | ||
310 | -.avatar--large { | ||
311 | - width: 10em; | ||
312 | - height: 10em; | ||
313 | -} | ||
314 | - | ||
315 | -.avatar--thumbnail { | ||
316 | - width: 2.5em; | ||
317 | - height: 2.5em; | ||
318 | - float: left; | ||
319 | - margin-right: .5ex; | ||
320 | -} | ||
321 | - | ||
322 | -.avatar--fullsize { | ||
323 | - width: 50%; | ||
324 | -} | ||
325 | - | ||
326 | -.profile { | ||
327 | - padding: .5ex; | ||
328 | - overflow: auto; | ||
329 | -} | ||
330 | - | ||
331 | -.profile input { | ||
332 | - width: 100%; | ||
333 | -} | ||
334 | - | ||
335 | -.profile__info { | ||
336 | - margin-left: .5em; | ||
337 | -} | ||
338 | - | ||
339 | 138 … | /* lightbox - used in message-confirm */ | |
340 | 139 … | ||
341 | 140 … | .lightbox { | |
342 | 141 … | overflow: auto; | |
@@ -405,19 +204,9 @@ | |||
405 | 204 … | } | |
406 | 205 … | ||
407 | 206 … | /* tabs */ | |
408 | 207 … | ||
409 | -.header { | ||
410 | - background: #f5f5f5; | ||
411 | - border-bottom: 1px inset; | ||
412 | - flex-shrink: 0; | ||
413 | -} | ||
414 | 208 … | ||
415 | -.header__tabs { | ||
416 | - width: 100%; | ||
417 | - min-width: 0px; | ||
418 | -} | ||
419 | - | ||
420 | 209 … | /* --- hypertabs ------- */ | |
421 | 210 … | ||
422 | 211 … | .hypertabs__tabs { | |
423 | 212 … | min-width: 0px; | |
@@ -444,9 +233,9 @@ | |||
444 | 233 … | border-bottom: none; | |
445 | 234 … | padding-top: .56em; | |
446 | 235 … | padding-left: 1em; | |
447 | 236 … | border-left: 1px solid #ddd; | |
448 | - width: 100%; | ||
237 … | + width: 100%; | ||
449 | 238 … | } | |
450 | 239 … | ||
451 | 240 … | .hypertabs__tab > a { | |
452 | 241 … | color: #666; | |
@@ -462,22 +251,11 @@ | |||
462 | 251 … | z-index: 1; | |
463 | 252 … | } | |
464 | 253 … | ||
465 | 254 … | .hypertabs__x { | |
466 | - display: none; | ||
255 … | + display: none; | ||
467 | 256 … | transform: translate(-4px, -3px); | |
468 | 257 … | } | |
469 | 258 … | ||
470 | 259 … | .hypertabs--selected .hypertabs__x { | |
471 | 260 … | display: block; | |
472 | 261 … | } | |
473 | - | ||
474 | -/* progress bar */ | ||
475 | - | ||
476 | -.hyperprogress__bar { | ||
477 | - background: darkgrey; | ||
478 | -} | ||
479 | -.hyperprogress__liquid { | ||
480 | - background: lightblue; | ||
481 | -} | ||
482 | - | ||
483 | - |
Built with git-ssb-web