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