##// END OF EJS Templates
Removed top margin for brs
neko259 -
r752:9d9c9384 default
parent child Browse files
Show More
@@ -1,444 +1,448 b''
1 html {
1 html {
2 background: #555;
2 background: #555;
3 color: #ffffff;
3 color: #ffffff;
4 }
4 }
5
5
6 body {
6 body {
7 margin: 0;
7 margin: 0;
8 }
8 }
9
9
10 #admin_panel {
10 #admin_panel {
11 background: #FF0000;
11 background: #FF0000;
12 color: #00FF00
12 color: #00FF00
13 }
13 }
14
14
15 .input_field_error {
15 .input_field_error {
16 color: #FF0000;
16 color: #FF0000;
17 }
17 }
18
18
19 .title {
19 .title {
20 font-weight: bold;
20 font-weight: bold;
21 color: #ffcc00;
21 color: #ffcc00;
22 }
22 }
23
23
24 .link, a {
24 .link, a {
25 color: #afdcec;
25 color: #afdcec;
26 }
26 }
27
27
28 .block {
28 .block {
29 display: inline-block;
29 display: inline-block;
30 vertical-align: top;
30 vertical-align: top;
31 }
31 }
32
32
33 .tag {
33 .tag {
34 color: #FFD37D;
34 color: #FFD37D;
35 }
35 }
36
36
37 .post_id {
37 .post_id {
38 color: #fff380;
38 color: #fff380;
39 }
39 }
40
40
41 .post, .dead_post, .archive_post, #posts-table {
41 .post, .dead_post, .archive_post, #posts-table {
42 background: #333;
42 background: #333;
43 padding: 10px;
43 padding: 10px;
44 clear: left;
44 clear: left;
45 word-wrap: break-word;
45 word-wrap: break-word;
46 border-top: 1px solid #777;
46 border-top: 1px solid #777;
47 border-bottom: 1px solid #777;
47 border-bottom: 1px solid #777;
48 }
48 }
49
49
50 .post + .post {
50 .post + .post {
51 border-top: none;
51 border-top: none;
52 }
52 }
53
53
54 .dead_post + .dead_post {
54 .dead_post + .dead_post {
55 border-top: none;
55 border-top: none;
56 }
56 }
57
57
58 .archive_post + .archive_post {
58 .archive_post + .archive_post {
59 border-top: none;
59 border-top: none;
60 }
60 }
61
61
62 .metadata {
62 .metadata {
63 padding-top: 5px;
63 padding-top: 5px;
64 margin-top: 10px;
64 margin-top: 10px;
65 border-top: solid 1px #666;
65 border-top: solid 1px #666;
66 color: #ddd;
66 color: #ddd;
67 }
67 }
68
68
69 .navigation_panel, .tag_info {
69 .navigation_panel, .tag_info {
70 background: #444;
70 background: #444;
71 margin-bottom: 5px;
71 margin-bottom: 5px;
72 margin-top: 5px;
72 margin-top: 5px;
73 padding: 10px;
73 padding: 10px;
74 border-bottom: solid 1px #888;
74 border-bottom: solid 1px #888;
75 border-top: solid 1px #888;
75 border-top: solid 1px #888;
76 color: #eee;
76 color: #eee;
77 }
77 }
78
78
79 .navigation_panel .link {
79 .navigation_panel .link {
80 border-right: 1px solid #fff;
80 border-right: 1px solid #fff;
81 font-weight: bold;
81 font-weight: bold;
82 margin-right: 1ex;
82 margin-right: 1ex;
83 padding-right: 1ex;
83 padding-right: 1ex;
84 }
84 }
85 .navigation_panel .link:last-child {
85 .navigation_panel .link:last-child {
86 border-left: 1px solid #fff;
86 border-left: 1px solid #fff;
87 border-right: none;
87 border-right: none;
88 float: right;
88 float: right;
89 margin-left: 1ex;
89 margin-left: 1ex;
90 margin-right: 0;
90 margin-right: 0;
91 padding-left: 1ex;
91 padding-left: 1ex;
92 padding-right: 0;
92 padding-right: 0;
93 }
93 }
94
94
95 .navigation_panel::after, .post::after {
95 .navigation_panel::after, .post::after {
96 clear: both;
96 clear: both;
97 content: ".";
97 content: ".";
98 display: block;
98 display: block;
99 height: 0;
99 height: 0;
100 line-height: 0;
100 line-height: 0;
101 visibility: hidden;
101 visibility: hidden;
102 }
102 }
103
103
104 p, br {
104 p {
105 margin-top: .5em;
105 margin-top: .5em;
106 margin-bottom: .5em;
106 margin-bottom: .5em;
107 }
107 }
108
108
109 br {
110 margin-bottom: .5em;
111 }
112
109 .post-form-w {
113 .post-form-w {
110 background: #333344;
114 background: #333344;
111 border-top: solid 1px #888;
115 border-top: solid 1px #888;
112 border-bottom: solid 1px #888;
116 border-bottom: solid 1px #888;
113 color: #fff;
117 color: #fff;
114 padding: 10px;
118 padding: 10px;
115 margin-bottom: 5px;
119 margin-bottom: 5px;
116 margin-top: 5px;
120 margin-top: 5px;
117 }
121 }
118
122
119 .form-row {
123 .form-row {
120 width: 100%;
124 width: 100%;
121 }
125 }
122
126
123 .form-label {
127 .form-label {
124 padding: .25em 1ex .25em 0;
128 padding: .25em 1ex .25em 0;
125 vertical-align: top;
129 vertical-align: top;
126 }
130 }
127
131
128 .form-input {
132 .form-input {
129 padding: .25em 0;
133 padding: .25em 0;
130 }
134 }
131
135
132 .form-errors {
136 .form-errors {
133 font-weight: bolder;
137 font-weight: bolder;
134 vertical-align: middle;
138 vertical-align: middle;
135 }
139 }
136
140
137 .post-form input:not([name="image"]), .post-form textarea {
141 .post-form input:not([name="image"]), .post-form textarea {
138 background: #333;
142 background: #333;
139 color: #fff;
143 color: #fff;
140 border: solid 1px;
144 border: solid 1px;
141 padding: 0;
145 padding: 0;
142 font: medium sans-serif;
146 font: medium sans-serif;
143 width: 100%;
147 width: 100%;
144 }
148 }
145
149
146 .form-submit {
150 .form-submit {
147 display: table;
151 display: table;
148 margin-bottom: 1ex;
152 margin-bottom: 1ex;
149 margin-top: 1ex;
153 margin-top: 1ex;
150 }
154 }
151
155
152 .form-title {
156 .form-title {
153 font-weight: bold;
157 font-weight: bold;
154 font-size: 2ex;
158 font-size: 2ex;
155 margin-bottom: 0.5ex;
159 margin-bottom: 0.5ex;
156 }
160 }
157
161
158 .post-form input[type="submit"], input[type="submit"] {
162 .post-form input[type="submit"], input[type="submit"] {
159 background: #222;
163 background: #222;
160 border: solid 2px #fff;
164 border: solid 2px #fff;
161 color: #fff;
165 color: #fff;
162 padding: 0.5ex;
166 padding: 0.5ex;
163 }
167 }
164
168
165 input[type="submit"]:hover {
169 input[type="submit"]:hover {
166 background: #060;
170 background: #060;
167 }
171 }
168
172
169 blockquote {
173 blockquote {
170 border-left: solid 2px;
174 border-left: solid 2px;
171 padding-left: 5px;
175 padding-left: 5px;
172 color: #B1FB17;
176 color: #B1FB17;
173 margin: 0;
177 margin: 0;
174 }
178 }
175
179
176 .post > .image {
180 .post > .image {
177 float: left;
181 float: left;
178 margin: 0 1ex .5ex 0;
182 margin: 0 1ex .5ex 0;
179 min-width: 1px;
183 min-width: 1px;
180 text-align: center;
184 text-align: center;
181 display: table-row;
185 display: table-row;
182 }
186 }
183
187
184 .post > .metadata {
188 .post > .metadata {
185 clear: left;
189 clear: left;
186 }
190 }
187
191
188 .get {
192 .get {
189 font-weight: bold;
193 font-weight: bold;
190 color: #d55;
194 color: #d55;
191 }
195 }
192
196
193 * {
197 * {
194 text-decoration: none;
198 text-decoration: none;
195 }
199 }
196
200
197 .dead_post {
201 .dead_post {
198 background-color: #442222;
202 background-color: #442222;
199 }
203 }
200
204
201 .archive_post {
205 .archive_post {
202 background-color: #000;
206 background-color: #000;
203 }
207 }
204
208
205 .mark_btn {
209 .mark_btn {
206 border: 1px solid;
210 border: 1px solid;
207 min-width: 2ex;
211 min-width: 2ex;
208 padding: 2px 2ex;
212 padding: 2px 2ex;
209 }
213 }
210
214
211 .mark_btn:hover {
215 .mark_btn:hover {
212 background: #555;
216 background: #555;
213 }
217 }
214
218
215 .quote {
219 .quote {
216 color: #92cf38;
220 color: #92cf38;
217 font-style: italic;
221 font-style: italic;
218 }
222 }
219
223
220 .multiquote {
224 .multiquote {
221 border-left: solid 4px #ccc;
225 border-left: solid 4px #ccc;
222 padding: 3px;
226 padding: 3px;
223 display: inline-block;
227 display: inline-block;
224 background: #222;
228 background: #222;
225 border-right: solid 1px #ccc;
229 border-right: solid 1px #ccc;
226 border-top: solid 1px #ccc;
230 border-top: solid 1px #ccc;
227 border-bottom: solid 1px #ccc;
231 border-bottom: solid 1px #ccc;
228 }
232 }
229
233
230 .spoiler {
234 .spoiler {
231 background: white;
235 background: white;
232 color: white;
236 color: white;
233 }
237 }
234
238
235 .spoiler:hover {
239 .spoiler:hover {
236 color: black;
240 color: black;
237 }
241 }
238
242
239 .comment {
243 .comment {
240 color: #eb2;
244 color: #eb2;
241 }
245 }
242
246
243 a:hover {
247 a:hover {
244 text-decoration: underline;
248 text-decoration: underline;
245 }
249 }
246
250
247 .last-replies {
251 .last-replies {
248 margin-left: 3ex;
252 margin-left: 3ex;
249 margin-right: 3ex;
253 margin-right: 3ex;
250 }
254 }
251
255
252 .thread {
256 .thread {
253 margin-bottom: 3ex;
257 margin-bottom: 3ex;
254 margin-top: 1ex;
258 margin-top: 1ex;
255 }
259 }
256
260
257 .post:target {
261 .post:target {
258 border: solid 2px white;
262 border: solid 2px white;
259 }
263 }
260
264
261 pre{
265 pre{
262 white-space:pre-wrap
266 white-space:pre-wrap
263 }
267 }
264
268
265 li {
269 li {
266 list-style-position: inside;
270 list-style-position: inside;
267 }
271 }
268
272
269 .fancybox-skin {
273 .fancybox-skin {
270 position: relative;
274 position: relative;
271 background-color: #fff;
275 background-color: #fff;
272 color: #ddd;
276 color: #ddd;
273 text-shadow: none;
277 text-shadow: none;
274 }
278 }
275
279
276 .fancybox-image {
280 .fancybox-image {
277 border: 1px solid black;
281 border: 1px solid black;
278 }
282 }
279
283
280 .image-mode-tab {
284 .image-mode-tab {
281 background: #444;
285 background: #444;
282 color: #eee;
286 color: #eee;
283 margin-top: 5px;
287 margin-top: 5px;
284 padding: 5px;
288 padding: 5px;
285 border-top: 1px solid #888;
289 border-top: 1px solid #888;
286 border-bottom: 1px solid #888;
290 border-bottom: 1px solid #888;
287 }
291 }
288
292
289 .image-mode-tab > label {
293 .image-mode-tab > label {
290 margin: 0 1ex;
294 margin: 0 1ex;
291 }
295 }
292
296
293 .image-mode-tab > label > input {
297 .image-mode-tab > label > input {
294 margin-right: .5ex;
298 margin-right: .5ex;
295 }
299 }
296
300
297 #posts-table {
301 #posts-table {
298 margin-top: 5px;
302 margin-top: 5px;
299 margin-bottom: 5px;
303 margin-bottom: 5px;
300 }
304 }
301
305
302 .tag_info > h2 {
306 .tag_info > h2 {
303 margin: 0;
307 margin: 0;
304 }
308 }
305
309
306 .post-info {
310 .post-info {
307 color: #ddd;
311 color: #ddd;
308 margin-bottom: 1ex;
312 margin-bottom: 1ex;
309 }
313 }
310
314
311 .moderator_info {
315 .moderator_info {
312 color: #e99d41;
316 color: #e99d41;
313 float: right;
317 float: right;
314 font-weight: bold;
318 font-weight: bold;
315 }
319 }
316
320
317 .refmap {
321 .refmap {
318 font-size: 0.9em;
322 font-size: 0.9em;
319 color: #ccc;
323 color: #ccc;
320 margin-top: 1em;
324 margin-top: 1em;
321 }
325 }
322
326
323 .fav {
327 .fav {
324 color: yellow;
328 color: yellow;
325 }
329 }
326
330
327 .not_fav {
331 .not_fav {
328 color: #ccc;
332 color: #ccc;
329 }
333 }
330
334
331 .role {
335 .role {
332 text-decoration: underline;
336 text-decoration: underline;
333 }
337 }
334
338
335 .form-email {
339 .form-email {
336 display: none;
340 display: none;
337 }
341 }
338
342
339 .footer {
343 .footer {
340 margin: 5px;
344 margin: 5px;
341 }
345 }
342
346
343 .bar-value {
347 .bar-value {
344 background: rgba(50, 55, 164, 0.45);
348 background: rgba(50, 55, 164, 0.45);
345 font-size: 0.9em;
349 font-size: 0.9em;
346 height: 1.5em;
350 height: 1.5em;
347 }
351 }
348
352
349 .bar-bg {
353 .bar-bg {
350 position: relative;
354 position: relative;
351 border-top: solid 1px #888;
355 border-top: solid 1px #888;
352 border-bottom: solid 1px #888;
356 border-bottom: solid 1px #888;
353 margin-top: 5px;
357 margin-top: 5px;
354 overflow: hidden;
358 overflow: hidden;
355 }
359 }
356
360
357 .bar-text {
361 .bar-text {
358 padding: 2px;
362 padding: 2px;
359 position: absolute;
363 position: absolute;
360 left: 0;
364 left: 0;
361 top: 0;
365 top: 0;
362 }
366 }
363
367
364 .page_link {
368 .page_link {
365 background: #444;
369 background: #444;
366 border-top: solid 1px #888;
370 border-top: solid 1px #888;
367 border-bottom: solid 1px #888;
371 border-bottom: solid 1px #888;
368 padding: 5px;
372 padding: 5px;
369 color: #eee;
373 color: #eee;
370 font-size: 2ex;
374 font-size: 2ex;
371 }
375 }
372
376
373 .skipped_replies {
377 .skipped_replies {
374 margin: 5px;
378 margin: 5px;
375 }
379 }
376
380
377 .current_page {
381 .current_page {
378 border: solid 1px #afdcec;
382 border: solid 1px #afdcec;
379 padding: 2px;
383 padding: 2px;
380 }
384 }
381
385
382 .current_mode {
386 .current_mode {
383 font-weight: bold;
387 font-weight: bold;
384 }
388 }
385
389
386 .gallery_image {
390 .gallery_image {
387 border: solid 1px;
391 border: solid 1px;
388 padding: 0.5ex;
392 padding: 0.5ex;
389 margin: 0.5ex;
393 margin: 0.5ex;
390 text-align: center;
394 text-align: center;
391 }
395 }
392
396
393 code {
397 code {
394 border: dashed 1px #ccc;
398 border: dashed 1px #ccc;
395 background: #111;
399 background: #111;
396 padding: 2px;
400 padding: 2px;
397 font-size: 1.2em;
401 font-size: 1.2em;
398 display: inline-block;
402 display: inline-block;
399 }
403 }
400
404
401 pre {
405 pre {
402 overflow: auto;
406 overflow: auto;
403 }
407 }
404
408
405 .img-full {
409 .img-full {
406 background: #222;
410 background: #222;
407 border: solid 1px white;
411 border: solid 1px white;
408 }
412 }
409
413
410 .tag_item {
414 .tag_item {
411 display: inline-block;
415 display: inline-block;
412 border: 1px dashed #666;
416 border: 1px dashed #666;
413 margin: 0.2ex;
417 margin: 0.2ex;
414 padding: 0.1ex;
418 padding: 0.1ex;
415 }
419 }
416
420
417 #id_models li {
421 #id_models li {
418 list-style: none;
422 list-style: none;
419 }
423 }
420
424
421 #id_q {
425 #id_q {
422 margin-left: 1ex;
426 margin-left: 1ex;
423 }
427 }
424
428
425 ul {
429 ul {
426 padding-left: 0px;
430 padding-left: 0px;
427 }
431 }
428
432
429 /* Reflink preview */
433 /* Reflink preview */
430 .post_preview {
434 .post_preview {
431 border-left: 1px solid #777;
435 border-left: 1px solid #777;
432 border-right: 1px solid #777;
436 border-right: 1px solid #777;
433 }
437 }
434
438
435 /* Code highlighter */
439 /* Code highlighter */
436 .hljs {
440 .hljs {
437 color: #fff;
441 color: #fff;
438 background: #000;
442 background: #000;
439 display: inline-block;
443 display: inline-block;
440 }
444 }
441
445
442 .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title {
446 .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title {
443 color: #fff;
447 color: #fff;
444 }
448 }
General Comments 0
You need to be logged in to leave comments. Login now