home » zplus/freepost.git
Author zPlus <--> 2016-10-07 19:04:19
Committer zPlus <--> 2016-10-07 19:04:19
Commit 8fe53d8 (patch)
Tree 310c672
Parent(s)

css/freepost.css: Improve formatting


commits diff: 277ad8a..8fe53d8
1 file changed, 130 insertions, 122 deletions — download


Diffstat
-rw-r--r-- css/freepost.css 252

Diff options
View
Side
Whitespace
Context lines
Inter-hunk lines
+130/-122 M   css/freepost.css
index dea0fb2..5695d0b
old size: 10K - new size: 11K
@@ -1,50 +1,56 @@
1 1 * {
2 - margin: 0;
3 - padding: 0;
4 - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
2 + margin: 0;
3 + padding: 0;
4 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
5 5
6 - -moz-box-sizing: border-box;
6 + -moz-box-sizing: border-box;
7 7 -webkit-box-sizing: border-box;
8 - box-sizing: border-box;
8 + box-sizing: border-box;
9 9 }
10 10
11 11 img
12 12 {
13 + /* Prevent images from taking up too much space in comments */
13 14 max-width: 100%;
14 15 }
15 16
16 17 html, body
17 18 {
18 - background-color: #fff; /* #f5f8fa; */
19 - font-size: 1em;
20 - height: 100%;
21 - line-height: 1em;
22 - margin: 0;
23 - padding: 0;
24 - width: 100%;
19 + background-color: #fff; /* #f5f8fa; */
20 + font-size: 1em;
21 + height: 100%;
22 + line-height: 1em;
23 + margin: 0;
24 + padding: 0;
25 + width: 100%;
25 26 }
26 27
27 28 /* Page header */
28 29 .header
29 30 {
30 - padding: 1em 0;
31 + padding: 1em 0;
31 32 text-align: center;
32 33 }
33 34
34 - .header a.logo, .header a.logo:hover, .header a.logo:visited
35 + /* Logo text */
36 + .header a.logo,
37 + .header a.logo:hover,
38 + .header a.logo:visited
35 39 {
36 - color: #000;
37 - font-weight: bold;
38 - text-decoration: none;
40 + color: #000;
41 + font-weight: bold;
42 + text-decoration: none;
39 43 }
40 44
45 + /* Logo picture */
41 46 .header a.logo > img
42 47 {
43 - height: 1.5em;
44 - margin: 0 1em;
48 + height: 1.5em;
49 + margin: 0 1em;
45 50 vertical-align: middle;
46 51 }
47 -
52 +
53 + /* Menu under the logo */
48 54 .header > .menu
49 55 {
50 56 padding: 1em 0;
@@ -57,19 +63,20 @@ html, body
57 63
58 64 .header > .menu .new_messages
59 65 {
60 - background-color: rgb(255, 175, 50);
61 - border-radius: 4px;
62 - color: #fff;
63 - font-weight: bold;
64 - margin: 0 .5em 0 0;
65 - padding: 0em 0.5em;
66 - text-decoration: none;
66 + background-color: rgb(255, 175, 50);
67 + border-radius: 4px;
68 + color: #fff;
69 + font-weight: bold;
70 + margin: 0 .5em 0 0;
71 + padding: 0em 0.5em;
72 + text-decoration: none;
67 73 }
68 -
74 +
75 +
69 76 .content
70 77 {
71 - padding: 1em 0;
72 - line-height: 1.5em;
78 + padding: 1em 0;
79 + line-height: 1.5em;
73 80 }
74 81
75 82 .content .vote
@@ -79,34 +86,34 @@ html, body
79 86
80 87 .content .vote > a
81 88 {
82 - display: inline-block;
83 - margin: 0;
84 - overflow: hidden;
85 - padding: 0;
86 - text-decoration: none;
87 - vertical-align: middle;
89 + display: inline-block;
90 + margin: 0;
91 + overflow: hidden;
92 + padding: 0;
93 + text-decoration: none;
94 + vertical-align: middle;
88 95 }
89 96
90 97 .content .vote img {
91 - cursor: pointer;
92 - height: 1em;
93 - margin: 0;
94 - padding: .2em;
95 - float: left;
98 + cursor: pointer;
99 + height: 1em;
100 + margin: 0;
101 + padding: .2em;
102 + float: left;
96 103 }
97 104
98 105 .content .vote .upvoted
99 106 {
100 - background-color: #fff;
101 - border: 1px solid #00E313;
102 - border-radius: 999em;
107 + background-color: #fff;
108 + border: 1px solid #00E313;
109 + border-radius: 999em;
103 110 }
104 111
105 112 .content .vote .downvoted
106 113 {
107 - background-color: #fff;
108 - border: 1px solid #FF0000;
109 - border-radius: 999em;
114 + background-color: #fff;
115 + border: 1px solid #FF0000;
116 + border-radius: 999em;
110 117 }
111 118
112 119 .content .vote .count {
@@ -120,7 +127,7 @@ html, body
120 127
121 128 .content .posts .post
122 129 {
123 - margin: 0 0 2em 0;
130 + margin: 0 0 2em 0;
124 131 vertical-align: top;
125 132 }
126 133
@@ -136,16 +143,16 @@ html, body
136 143
137 144 .content .posts .post > .info
138 145 {
139 - color: #666;
140 - margin: .5em 0;
141 - opacity: .8;
146 + color: #666;
147 + margin: .5em 0;
148 + opacity: .8;
142 149 }
143 150
144 151 /* New submission */
145 152 .content > form.submit
146 153 {
147 - margin: auto;
148 - max-width: 30em;
154 + margin: auto;
155 + max-width: 30em;
149 156 }
150 157
151 158 /* View a post */
@@ -156,36 +163,38 @@ html, body
156 163 /* Style used to format Markdown tables */
157 164 .content > .post table
158 165 {
159 - background: #fff;
160 - border-collapse: collapse;
161 - text-align: left;
162 - }
163 -
164 - .content > .post table th
165 - {
166 - border-bottom: 2px solid #6678b1;
167 - color: #039;
168 - font-weight: normal;
169 - padding: 0 1em;
170 - }
171 -
172 - .content > .post table td
173 - {
174 - border-bottom: 1px solid #ccc;
175 - color: #669;
176 - padding: .5em 1em;
166 + background: #fff;
167 + border-collapse: collapse;
168 + text-align: left;
177 169 }
178 170
179 - .content > .post table tbody tr:hover td
180 - {
181 - color: #009;
182 - }
171 + .content > .post table th
172 + {
173 + border-bottom: 2px solid #6678b1;
174 + color: #039;
175 + font-weight: normal;
176 + padding: 0 1em;
177 + }
178 +
179 + .content > .post table td
180 + {
181 + border-bottom: 1px solid #ccc;
182 + color: #669;
183 + padding: .5em 1em;
184 + }
185 +
186 + .content > .post table tbody tr:hover td
187 + {
188 + color: #009;
189 + }
183 190
191 + /* The post title */
184 192 .content > .post > .title
185 193 {
186 194 font-size: 1.5em;
187 195 }
188 196
197 + /* Info below post title */
189 198 .content > .post > .info
190 199 {
191 200 margin: 1em 0;
@@ -194,15 +203,15 @@ html, body
194 203 /* Post text */
195 204 .content > .post > .text
196 205 {
197 - margin: 1em 2.5em;
198 - word-wrap: break-word;
206 + margin: 1em 2.5em;
207 + word-wrap: break-word;
199 208 }
200 209
201 210 /* Post "new comment" form */
202 211 .content > .post > .new_comment
203 212 {
204 - margin: 0 2.5em;
205 - overflow: hidden;
213 + margin: 0 2.5em;
214 + overflow: hidden;
206 215 }
207 216
208 217 .content > .post > .new_comment > textarea
@@ -210,7 +219,7 @@ html, body
210 219 height: 2.5em;
211 220
212 221 -webkit-transition: 1s;
213 - transition: 1s;
222 + transition: 1s;
214 223 }
215 224
216 225 .content > .post > .new_comment > textarea:focus
@@ -220,11 +229,11 @@ html, body
220 229
221 230 .content > .post > .new_comment > input[type=submit]
222 231 {
223 - float: right;
232 + float: right;
224 233 margin: 1em 0;
225 234 }
226 235
227 - /* Comments tree */
236 + /* Comments tree for the Post page */
228 237 .content > .post > .comments
229 238 {
230 239 margin: 5em 0 0 0;
@@ -232,23 +241,23 @@ html, body
232 241
233 242 .content > .post > .comments > .comment
234 243 {
235 - margin: 0 0 2em 0;
236 - overflow: hidden;
244 + margin: 0 0 2em 0;
245 + overflow: hidden;
237 246 }
238 247
239 248 .content > .post > .comments > .comment > .pin
240 249 {
241 - color: #CD006B;
242 - float: left;
243 - font-size: .8em;
244 - padding: 0 1em 0 0;
250 + color: #CD006B;
251 + float: left;
252 + font-size: .8em;
253 + padding: 0 1em 0 0;
245 254 vertical-align: top;
246 255 }
247 256
248 257 .content > .post > .comments > .comment > .info
249 258 {
250 - font-size: .9em;
251 - margin: 0 0 0 1em;
259 + font-size: .9em;
260 + margin: 0 0 0 1em;
252 261 }
253 262
254 263 .content > .post > .comments > .comment > .info .username > a,
@@ -260,13 +269,13 @@ html, body
260 269 .content > .post > .comments > .comment > .info .op > a,
261 270 .content > .post > .comments > .comment > .info .op > a:hover
262 271 {
263 - background-color: rgb(255, 175, 50);
264 - border-radius: 4px;
265 - color: #fff;
266 - font-weight: bold;
267 - margin: 0 .5em 0 0;
268 - padding: 0em 0.5em;
269 - text-decoration: none;
272 + background-color: rgb(255, 175, 50);
273 + border-radius: 4px;
274 + color: #fff;
275 + font-weight: bold;
276 + margin: 0 .5em 0 0;
277 + padding: 0em 0.5em;
278 + text-decoration: none;
270 279 }
271 280
272 281 .content > .post > .comments > .comment > .info > .vote
@@ -276,7 +285,7 @@ html, body
276 285
277 286 .content > .post > .comments > .comment > .text
278 287 {
279 - margin: .5em 0 0 1.5em;
288 + margin: .5em 0 0 1.5em;
280 289 word-wrap: break-word;
281 290 }
282 291
@@ -294,18 +303,18 @@ html, body
294 303 * If two length specified: first sets the horizontal spacing, and
295 304 * the second sets the vertical spacing
296 305 */
297 - border-spacing: 2em 1em;
298 - border-collapse: separate;
299 - margin: auto;
300 - width: 80%;
306 + border-spacing: 2em 1em;
307 + border-collapse: separate;
308 + margin: auto;
309 + width: 80%;
301 310 }
302 311
303 312 .content table.user td:first-child
304 313 {
305 - font-weight: bold;
306 - text-align: right;
314 + font-weight: bold;
315 + text-align: right;
307 316 vertical-align: top;
308 - width: 30%;
317 + width: 30%;
309 318 }
310 319
311 320 .content table.user td:last-child
@@ -331,8 +340,8 @@ html, body
331 340 /* Login page */
332 341 .content > .login
333 342 {
334 - margin: auto;
335 - max-width: 20em;
343 + margin: auto;
344 + max-width: 20em;
336 345 }
337 346
338 347 .content > .login input[type=submit]
@@ -368,28 +377,28 @@ html, body
368 377 .footer
369 378 {
370 379 border-top: 1px solid #6ECFFF;
371 - margin: 3em 0 0 0;
372 - padding: 2em 0;
380 + margin: 3em 0 0 0;
381 + padding: 2em 0;
373 382 }
374 383
375 384 .footer img
376 385 {
377 - height: 1.2em;
378 - margin: 0 .5em 0 0;
386 + height: 1.2em;
387 + margin: 0 .5em 0 0;
379 388 vertical-align: middle;
380 389 }
381 390
382 391 .footer > ul
383 392 {
384 393 list-style: none;
385 - margin: 0;
386 - overflow: hidden;
387 - padding: 0;
394 + margin: 0;
395 + overflow: hidden;
396 + padding: 0;
388 397 }
389 398
390 399 .footer > ul > li
391 400 {
392 - float: left;
401 + float: left;
393 402 margin: 0 2em 0 0;
394 403 }
395 404
@@ -398,10 +407,9 @@ html, body
398 407 */
399 408 .vote_sink
400 409 {
401 - height: 1px;
402 - left: -10px;
403 - position: fixed;
404 - top: -10px;
405 - width: 1px;
406 - }
407 -
410 + height: 1px;
411 + left: -10px;
412 + position: fixed;
413 + top: -10px;
414 + width: 1px;
415 + }
415 < \ No newline at end of file