Show More
This diff has been collapsed as it changes many lines, (633 lines changed) Show them Hide them | |||
@@ -0,0 +1,633 b'' | |||
|
1 | /* Amanita Dark theme for Neboard | |
|
2 | * | |
|
3 | */ | |
|
4 | ||
|
5 | * { | |
|
6 | text-decoration: none; | |
|
7 | font-weight: inherit; | |
|
8 | } | |
|
9 | ||
|
10 | b, strong { | |
|
11 | font-weight: bold; | |
|
12 | } | |
|
13 | ||
|
14 | html { | |
|
15 | color: #eee; | |
|
16 | background: #687065; | |
|
17 | font-family: sans-serif; | |
|
18 | } | |
|
19 | ||
|
20 | body { | |
|
21 | margin: 0 0.5em 0 0.5em; | |
|
22 | } | |
|
23 | ||
|
24 | #admin_panel { | |
|
25 | background: #FF0000; | |
|
26 | color: #00FF00 | |
|
27 | } | |
|
28 | ||
|
29 | .input_field_error { | |
|
30 | color: #FF0000; | |
|
31 | } | |
|
32 | ||
|
33 | .title { | |
|
34 | font-weight: bold; | |
|
35 | color: #fff; | |
|
36 | } | |
|
37 | ||
|
38 | .image { | |
|
39 | text-align: center | |
|
40 | } | |
|
41 | ||
|
42 | .link, a { | |
|
43 | color: #bbddff; | |
|
44 | text-decoration: none; | |
|
45 | } | |
|
46 | ||
|
47 | .link:hover, a:hover { | |
|
48 | text-decoration: underline; | |
|
49 | } | |
|
50 | ||
|
51 | .tag, .post_id { | |
|
52 | color: #d4aa00; | |
|
53 | } | |
|
54 | ||
|
55 | .block { | |
|
56 | display: inline-block; | |
|
57 | vertical-align: top; | |
|
58 | } | |
|
59 | ||
|
60 | .post, dead_post, .archive_post, #posts-table, .tag_info, #fav-panel { | |
|
61 | background: #405050; | |
|
62 | border: solid 1px #394949; | |
|
63 | border-radius: 2px; | |
|
64 | box-shadow: 0 0 3px #344; | |
|
65 | margin: 0; | |
|
66 | padding: 0.5em; | |
|
67 | } | |
|
68 | ||
|
69 | .post, .form-form-w { | |
|
70 | color: #eff; | |
|
71 | } | |
|
72 | ||
|
73 | .highlight { | |
|
74 | background: #304040; | |
|
75 | border: solid 1px #293939; | |
|
76 | border-radius: 2px; | |
|
77 | box-shadow: 0 0 3px #233; | |
|
78 | } | |
|
79 | ||
|
80 | .post, dead_post, .archive_post, .post-form-w, .tag_info, #posts-table, .bar-bg, .page_link, #fav-panel { | |
|
81 | margin-bottom: 0.5em; | |
|
82 | } | |
|
83 | ||
|
84 | .post-info { | |
|
85 | padding: 0 0 0.2em 0; | |
|
86 | } | |
|
87 | ||
|
88 | .metadata { | |
|
89 | border-top: solid 1px #677; | |
|
90 | padding-top: 0.2em; | |
|
91 | font-size: 0.9em; | |
|
92 | color: #899; | |
|
93 | } | |
|
94 | ||
|
95 | .navigation_panel { | |
|
96 | color: white; | |
|
97 | padding-top: 0.5em; | |
|
98 | padding-bottom: 0.5em; | |
|
99 | } | |
|
100 | ||
|
101 | footer.navigation_panel { | |
|
102 | padding-top: 0; | |
|
103 | } | |
|
104 | ||
|
105 | header.navigation_panel > a.link:first-child { | |
|
106 | font-weight: bold; | |
|
107 | padding-right: 1ex; | |
|
108 | border-right: solid 1px #ab9; | |
|
109 | } | |
|
110 | ||
|
111 | header.navigation_panel > a.right-link:last-child { | |
|
112 | font-weight: bold; | |
|
113 | float: right; | |
|
114 | padding-left: 1ex; | |
|
115 | border-left: solid 1px #ab9; | |
|
116 | } | |
|
117 | ||
|
118 | .navigation_panel::after, .post::after { | |
|
119 | clear: both; | |
|
120 | content: "."; | |
|
121 | display: block; | |
|
122 | height: 0; | |
|
123 | line-height: 0; | |
|
124 | visibility: hidden; | |
|
125 | } | |
|
126 | ||
|
127 | .tag_info { | |
|
128 | text-align: center; | |
|
129 | } | |
|
130 | ||
|
131 | .tag_info > .tag-text-data { | |
|
132 | text-align: left; | |
|
133 | max-width: 30em; | |
|
134 | } | |
|
135 | ||
|
136 | p, .br { | |
|
137 | margin-top: 0.5em; | |
|
138 | margin-bottom: 0.5em; | |
|
139 | } | |
|
140 | ||
|
141 | .bar-value { | |
|
142 | background: #564; | |
|
143 | font-size: 0.8em; | |
|
144 | height: 1.3em; | |
|
145 | } | |
|
146 | ||
|
147 | .bar-bg { | |
|
148 | background: #675; | |
|
149 | position: relative; | |
|
150 | border: solid 1px #455535; | |
|
151 | overflow: hidden; | |
|
152 | } | |
|
153 | ||
|
154 | .bar-text { | |
|
155 | font-size: 0.8em; | |
|
156 | position: absolute; | |
|
157 | padding: 0.2em; | |
|
158 | left: 0; | |
|
159 | top: 0; | |
|
160 | } | |
|
161 | ||
|
162 | blockquote { | |
|
163 | border-left: solid 2px; | |
|
164 | padding-left: 5px; | |
|
165 | color: #B1FB17; | |
|
166 | margin: 0; | |
|
167 | } | |
|
168 | ||
|
169 | /* ----------------*/ | |
|
170 | ||
|
171 | .post-info > a { | |
|
172 | color: #aa7; | |
|
173 | font-size: 0.9em; | |
|
174 | } | |
|
175 | ||
|
176 | a.post_id { | |
|
177 | font-size: 1em; | |
|
178 | color: #d4aa00; | |
|
179 | } | |
|
180 | ||
|
181 | a.tripcode { | |
|
182 | color: #abb; | |
|
183 | } | |
|
184 | ||
|
185 | h2 { | |
|
186 | font-size: 1.5em; | |
|
187 | font-weight: bold; | |
|
188 | margin-top: 0.5em; | |
|
189 | margin-bottom: 0.5em; | |
|
190 | text-align: center; | |
|
191 | } | |
|
192 | ||
|
193 | /** margin bottom */ | |
|
194 | ||
|
195 | .page_link, .current_page { | |
|
196 | text-align: center; | |
|
197 | text-size: 0.9em; | |
|
198 | padding: 0.2em; | |
|
199 | background: #564; | |
|
200 | border: solid 1px #455535; | |
|
201 | } | |
|
202 | ||
|
203 | ||
|
204 | ||
|
205 | .last-replies { | |
|
206 | margin-left: 2ex; | |
|
207 | } | |
|
208 | ||
|
209 | .skipped_replies { | |
|
210 | margin-left: 2ex; | |
|
211 | padding: 0.2em; | |
|
212 | margin-bottom: 0.5em; | |
|
213 | background: #564; | |
|
214 | border: solid 1px #453; | |
|
215 | } | |
|
216 | ||
|
217 | ||
|
218 | ||
|
219 | #fav-panel > .post { | |
|
220 | background: none; | |
|
221 | border: none; | |
|
222 | box-shadow: none; | |
|
223 | margin: 0; | |
|
224 | padding: 0; | |
|
225 | } | |
|
226 | ||
|
227 | .thread, .last-replies > .post:last-child { | |
|
228 | margin-bottom: 1.5em; | |
|
229 | } | |
|
230 | ||
|
231 | .post-info { | |
|
232 | font-size: 1em; | |
|
233 | color: #aaa; | |
|
234 | } | |
|
235 | ||
|
236 | .message { | |
|
237 | color: #eee; | |
|
238 | padding-left: 1ex; | |
|
239 | padding-right: 1ex; | |
|
240 | padding-top: 0.5em; | |
|
241 | padding-bottom: 0.5em; | |
|
242 | } | |
|
243 | ||
|
244 | .image-metadata { | |
|
245 | font-size: 0.9em; | |
|
246 | } | |
|
247 | ||
|
248 | .refmap { | |
|
249 | font-size: 0.9em; | |
|
250 | color: #aaa; | |
|
251 | } | |
|
252 | ||
|
253 | .image-mode-tab { | |
|
254 | border-top: dashed 1px #ab9; | |
|
255 | padding: 0.5em; | |
|
256 | font-size: 0.9em; | |
|
257 | text-align: center; | |
|
258 | } | |
|
259 | ||
|
260 | .image-mode-tab > a { | |
|
261 | padding: 0.1em; | |
|
262 | } | |
|
263 | ||
|
264 | ||
|
265 | /* Purple */ | |
|
266 | ||
|
267 | .post-form-w { | |
|
268 | background: #304550; | |
|
269 | border: solid 1px #294449; | |
|
270 | border-radius: 2px; | |
|
271 | box-shadow: 0 0 3px #203439; | |
|
272 | padding: 1ex; | |
|
273 | } | |
|
274 | ||
|
275 | .form-row { | |
|
276 | width: 100%; | |
|
277 | display: table-row; | |
|
278 | } | |
|
279 | ||
|
280 | .form-title { | |
|
281 | font-weight: bold; | |
|
282 | margin-bottom: 0.5em; | |
|
283 | } | |
|
284 | ||
|
285 | .form-label { | |
|
286 | padding: 0.5ex; | |
|
287 | margin: 1em; | |
|
288 | vertical-align: top; | |
|
289 | display: table-cell; | |
|
290 | } | |
|
291 | ||
|
292 | ||
|
293 | .form-input { | |
|
294 | width: 100%; | |
|
295 | display: table-cell; | |
|
296 | } | |
|
297 | ||
|
298 | .form-submit { | |
|
299 | text-align: center; | |
|
300 | margin-bottom: 0.5em; | |
|
301 | } | |
|
302 | ||
|
303 | id_text { | |
|
304 | width: 100%; | |
|
305 | } | |
|
306 | ||
|
307 | label { | |
|
308 | color: #eee; | |
|
309 | } | |
|
310 | ||
|
311 | #mark-panel { | |
|
312 | padding: 1em; | |
|
313 | display: block; | |
|
314 | } | |
|
315 | ||
|
316 | #id-text { | |
|
317 | width: 100%; | |
|
318 | } | |
|
319 | ||
|
320 | #mark-panel { | |
|
321 | padding: 0; | |
|
322 | } | |
|
323 | ||
|
324 | .mark_btn { | |
|
325 | background: #405560; | |
|
326 | border: solid 1px #557080; | |
|
327 | padding: 0.3em; | |
|
328 | margin-right: 1ex; | |
|
329 | margin-bottom: 0.5em; | |
|
330 | display: inline-block; | |
|
331 | } | |
|
332 | ||
|
333 | .mark_btn:hover { | |
|
334 | background: #456070; | |
|
335 | } | |
|
336 | ||
|
337 | .mark_btn > code { | |
|
338 | font-size: 0.8em; | |
|
339 | } | |
|
340 | ||
|
341 | ||
|
342 | .post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { | |
|
343 | color: #eff; | |
|
344 | background: #405560; | |
|
345 | border: solid 1px #557080; | |
|
346 | padding: 0.2em; | |
|
347 | margin-bottom: 0.5em; | |
|
348 | font: medium sans-serif; | |
|
349 | width: 100%; | |
|
350 | } | |
|
351 | ||
|
352 | .post-form textarea { | |
|
353 | resize: vertical; | |
|
354 | } | |
|
355 | ||
|
356 | .spoiler { | |
|
357 | background: black; | |
|
358 | color: black; | |
|
359 | } | |
|
360 | ||
|
361 | input[type="submit"], button { | |
|
362 | background: #405560; | |
|
363 | border: solid 1px #557080; | |
|
364 | color: #eff; | |
|
365 | padding: 0.2em; | |
|
366 | margin-right: 0.5ex; | |
|
367 | } | |
|
368 | ||
|
369 | .from-input { | |
|
370 | display: block; | |
|
371 | } | |
|
372 | ||
|
373 | ||
|
374 | .spoiler:hover { | |
|
375 | color: #eff; | |
|
376 | } | |
|
377 | ||
|
378 | ||
|
379 | #up { | |
|
380 | position: fixed; | |
|
381 | bottom: 0.2em; | |
|
382 | right: 1em; | |
|
383 | border: 1px solid #777; | |
|
384 | background: #000; | |
|
385 | padding: 4px; | |
|
386 | opacity: 0.3; | |
|
387 | } | |
|
388 | ||
|
389 | #up:hover { | |
|
390 | opacity: 1; | |
|
391 | } | |
|
392 | ||
|
393 | #quote-button { | |
|
394 | background-color: #435; | |
|
395 | border: solid 1px #392949; | |
|
396 | border-radius: 2px; | |
|
397 | box-shadow: 0 0 2px black; | |
|
398 | padding: 0.2em; | |
|
399 | } | |
|
400 | ||
|
401 | #quote-button:hover { | |
|
402 | background-color: #546; | |
|
403 | border: solid 1px #493959; | |
|
404 | } | |
|
405 | ||
|
406 | ||
|
407 | .quote { | |
|
408 | color: #92cf38; | |
|
409 | font-style: italic; | |
|
410 | } | |
|
411 | ||
|
412 | .fav { | |
|
413 | color: #d4aa00; | |
|
414 | } | |
|
415 | ||
|
416 | .not_fav { | |
|
417 | color: #ccc; | |
|
418 | } | |
|
419 | ||
|
420 | pre { | |
|
421 | white-space: pre-wrap; | |
|
422 | overflow: auto; | |
|
423 | } | |
|
424 | ||
|
425 | code { | |
|
426 | border: dashed 1px #788; | |
|
427 | background: #122; | |
|
428 | padding: 2px; | |
|
429 | font-size: 1.2em; | |
|
430 | display: inline-block; | |
|
431 | } | |
|
432 | ||
|
433 | /* Code highlighter */ | |
|
434 | .hljs { | |
|
435 | color: #abb; | |
|
436 | background: #122; | |
|
437 | display: inline-block; | |
|
438 | } | |
|
439 | ||
|
440 | .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | |
|
441 | color: #abb; | |
|
442 | } | |
|
443 | ||
|
444 | ||
|
445 | ||
|
446 | .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | |
|
447 | color: #abb; | |
|
448 | } | |
|
449 | ||
|
450 | .image { | |
|
451 | background: #485858; | |
|
452 | } | |
|
453 | ||
|
454 | .post-blink { | |
|
455 | background-color: #233; | |
|
456 | } | |
|
457 | ||
|
458 | ||
|
459 | ||
|
460 | .moderator_info { | |
|
461 | color: #e99d41; | |
|
462 | opacity: 0.4; | |
|
463 | } | |
|
464 | ||
|
465 | .moderator_info:hover { | |
|
466 | opacity: 1; | |
|
467 | } | |
|
468 | ||
|
469 | .tag_info { | |
|
470 | text-align: center; | |
|
471 | } | |
|
472 | ||
|
473 | .gallery_image { | |
|
474 | background: #485858; | |
|
475 | border: solid 1px #566; | |
|
476 | margin: 0.5em; | |
|
477 | } | |
|
478 | .post-image-preview { | |
|
479 | margin: 0; | |
|
480 | } | |
|
481 | ||
|
482 | .gallery_image > img { | |
|
483 | border: none; | |
|
484 | } | |
|
485 | ||
|
486 | #preview-text { | |
|
487 | background: #455; | |
|
488 | border: solid 2px #788; | |
|
489 | margin: 1ex 0 1ex 0; | |
|
490 | padding: 1ex; | |
|
491 | } | |
|
492 | ||
|
493 | .user-cast { | |
|
494 | border: solid #677 1px; | |
|
495 | padding: 0.2ex; | |
|
496 | background: #566; | |
|
497 | color: #fff; | |
|
498 | } | |
|
499 | ||
|
500 | .post_preview { | |
|
501 | max-width: 600px; | |
|
502 | } | |
|
503 | ||
|
504 | .post_preview > .post { | |
|
505 | box-shadow: 0 0 5px #233; | |
|
506 | margin: 0; | |
|
507 | } | |
|
508 | ||
|
509 | .global-id { | |
|
510 | font-weight: bolder; | |
|
511 | opacity: .5; | |
|
512 | } | |
|
513 | ||
|
514 | .multiquote { | |
|
515 | padding: 0.2em; | |
|
516 | display: inline-block; | |
|
517 | background: #485858; | |
|
518 | border-style: solid; | |
|
519 | border-color: #677; | |
|
520 | border-width: 1px 1px 1px 4px; | |
|
521 | margin-bottom: 0.5em; | |
|
522 | font-size: 0.9em; | |
|
523 | } | |
|
524 | ||
|
525 | .quote-header { | |
|
526 | border-bottom: 2px solid #677; | |
|
527 | margin-bottom: 0.3em; | |
|
528 | padding-bottom: 0.2em; | |
|
529 | color: #ddd; | |
|
530 | font-size: 1.2em; | |
|
531 | } | |
|
532 | ||
|
533 | .img-full { | |
|
534 | background: #222; | |
|
535 | border: solid 1px #677; | |
|
536 | border-radius: 1px; | |
|
537 | box-shadow: 0 0 3px #233; | |
|
538 | } | |
|
539 | ||
|
540 | .tag_item { | |
|
541 | display: inline-block; | |
|
542 | } | |
|
543 | ||
|
544 | #id_models li { | |
|
545 | list-style: none; | |
|
546 | } | |
|
547 | ||
|
548 | #id_q { | |
|
549 | margin-left: 1ex; | |
|
550 | } | |
|
551 | ||
|
552 | ul { | |
|
553 | padding-left: 0px; | |
|
554 | } | |
|
555 | ||
|
556 | .current_mode { | |
|
557 | font-weight: bold; | |
|
558 | } | |
|
559 | ||
|
560 | .post-info { | |
|
561 | color: #ddd; | |
|
562 | margin-bottom: 1ex; | |
|
563 | } | |
|
564 | ||
|
565 | .fancybox-skin { | |
|
566 | position: relative; | |
|
567 | background-color: #fff; | |
|
568 | color: #ddd; | |
|
569 | text-shadow: none; | |
|
570 | } | |
|
571 | ||
|
572 | .fancybox-image { | |
|
573 | border: 1px solid black; | |
|
574 | } | |
|
575 | ||
|
576 | .post:target { | |
|
577 | border: solid 2px #abb; | |
|
578 | } | |
|
579 | ||
|
580 | li { | |
|
581 | list-style-position: inside; | |
|
582 | } | |
|
583 | ||
|
584 | .comment { | |
|
585 | color: #899; | |
|
586 | } | |
|
587 | ||
|
588 | .dead_post > .post-info { | |
|
589 | font-style: italic; | |
|
590 | } | |
|
591 | ||
|
592 | .archive_post > .post-info { | |
|
593 | text-decoration: line-through; | |
|
594 | } | |
|
595 | ||
|
596 | .post > .image { | |
|
597 | float: left; | |
|
598 | border: solid 1px #556565; | |
|
599 | margin: 0 1ex .5ex 0; | |
|
600 | min-width: 1px; | |
|
601 | text-align: center; | |
|
602 | display: table-row; | |
|
603 | } | |
|
604 | ||
|
605 | .post > .metadata { | |
|
606 | clear: left; | |
|
607 | } | |
|
608 | ||
|
609 | .get { | |
|
610 | font-weight: bold; | |
|
611 | color: #d55; | |
|
612 | } | |
|
613 | ||
|
614 | .post-image-full { | |
|
615 | margin: 0; | |
|
616 | } | |
|
617 | ||
|
618 | input[type="submit"]:hover { | |
|
619 | background: #464; | |
|
620 | } | |
|
621 | ||
|
622 | .random-images-table { | |
|
623 | width: auto; | |
|
624 | } | |
|
625 | ||
|
626 | .form-email { | |
|
627 | display: none; | |
|
628 | } | |
|
629 | ||
|
630 | time { | |
|
631 | color: #9aa; | |
|
632 | font-size: 0.9em; | |
|
633 | } |
This diff has been collapsed as it changes many lines, (609 lines changed) Show them Hide them | |||
@@ -0,0 +1,609 b'' | |||
|
1 | /* Inocibe White theme for Neboard | |
|
2 | * | |
|
3 | */ | |
|
4 | ||
|
5 | /* Page Styles ====================================================== */ | |
|
6 | ||
|
7 | * { | |
|
8 | text-decoration: none; | |
|
9 | font-weight: inherit; | |
|
10 | } | |
|
11 | ||
|
12 | p, .br { | |
|
13 | margin-top: 0.5em; | |
|
14 | margin-bottom: 0.5em; | |
|
15 | } | |
|
16 | ||
|
17 | html { | |
|
18 | color: #2f2720; | |
|
19 | background: #fff7f0; | |
|
20 | font-family: sans-serif; | |
|
21 | } | |
|
22 | ||
|
23 | body { | |
|
24 | margin: 0 0.5em 0 0.5em; | |
|
25 | } | |
|
26 | ||
|
27 | .link, a { | |
|
28 | color: #3737c8; | |
|
29 | text-decoration: none; | |
|
30 | } | |
|
31 | ||
|
32 | .link:hover, a:hover { | |
|
33 | text-decoration: underline; | |
|
34 | } | |
|
35 | ||
|
36 | .tag, .fav { | |
|
37 | color: #c83737; | |
|
38 | } | |
|
39 | ||
|
40 | .not_fav { | |
|
41 | color: #9f9790; | |
|
42 | } | |
|
43 | ||
|
44 | .random-images-table { | |
|
45 | width: auto; | |
|
46 | } | |
|
47 | ||
|
48 | ||
|
49 | ||
|
50 | /* Post Styles ====================================================== */ | |
|
51 | ||
|
52 | .post, .dead_post, .archive_post, #posts-table, .tag_info, #fav-panel { | |
|
53 | background: #d1e1f1; | |
|
54 | border: solid 1px #aabaca; | |
|
55 | border-radius: 2px; | |
|
56 | box-shadow: 0 0 3px #ccc; | |
|
57 | margin: 0; | |
|
58 | padding: 0.5em; | |
|
59 | } | |
|
60 | ||
|
61 | ||
|
62 | ||
|
63 | .metadata { | |
|
64 | border-top: solid 1px #aabaca; | |
|
65 | padding-top: 0.2em; | |
|
66 | font-size: 0.9em; | |
|
67 | color: #899; | |
|
68 | } | |
|
69 | ||
|
70 | .message { | |
|
71 | padding-left: 1ex; | |
|
72 | padding-bottom: 0.5em; | |
|
73 | } | |
|
74 | ||
|
75 | .post-info { | |
|
76 | padding: 0 0 0.2em 0; | |
|
77 | color: #888; | |
|
78 | margin-bottom: 1ex; | |
|
79 | } | |
|
80 | ||
|
81 | .title { | |
|
82 | font-size: 1em; | |
|
83 | font-weight: bold; | |
|
84 | color: #2f2720; | |
|
85 | } | |
|
86 | ||
|
87 | .post-info > a { | |
|
88 | font-size: 0.9em; | |
|
89 | color: #8787de; | |
|
90 | } | |
|
91 | ||
|
92 | a.tripcode { | |
|
93 | color: #5f5750; | |
|
94 | } | |
|
95 | ||
|
96 | a.post_id { | |
|
97 | font-size: 1em; | |
|
98 | color: #c83737; | |
|
99 | } | |
|
100 | ||
|
101 | .highlight { | |
|
102 | background: #c5ccff; | |
|
103 | border: solid 1px #aabaca; | |
|
104 | border-radius: 2px; | |
|
105 | box-shadow: 0 0 3px #bbb; | |
|
106 | } | |
|
107 | ||
|
108 | /* Formating */ | |
|
109 | ||
|
110 | .multiquote { | |
|
111 | padding: 0.2em; | |
|
112 | display: inline-block; | |
|
113 | background: #c1daf1; | |
|
114 | border-style: solid; | |
|
115 | border-color: #a1bdf1; | |
|
116 | border-width: 1px 1px 1px 4px; | |
|
117 | margin-bottom: 0.5em; | |
|
118 | font-size: 0.9em; | |
|
119 | } | |
|
120 | ||
|
121 | .quote-header { | |
|
122 | border-bottom: 2px solid #a1bdf1; | |
|
123 | margin-bottom: 0.3em; | |
|
124 | padding-bottom: 0.2em; | |
|
125 | font-size: 1.2em; | |
|
126 | } | |
|
127 | ||
|
128 | .quote { | |
|
129 | color: #668800; | |
|
130 | font-style: italic; | |
|
131 | } | |
|
132 | ||
|
133 | .user-cast { | |
|
134 | border: solid 1px #a1bdf1; | |
|
135 | padding: 0.2ex; | |
|
136 | background: #c1daf1; | |
|
137 | } | |
|
138 | ||
|
139 | .comment { | |
|
140 | color: #888; | |
|
141 | } | |
|
142 | ||
|
143 | .spoiler { | |
|
144 | background: black; | |
|
145 | color: black; | |
|
146 | } | |
|
147 | ||
|
148 | .spoiler:hover { | |
|
149 | color: white; | |
|
150 | } | |
|
151 | ||
|
152 | pre { | |
|
153 | white-space: pre-wrap; | |
|
154 | overflow: auto; | |
|
155 | } | |
|
156 | ||
|
157 | code { | |
|
158 | border: dashed 1px #788; | |
|
159 | background: #122; | |
|
160 | padding: 2px; | |
|
161 | font-size: 1.2em; | |
|
162 | display: inline-block; | |
|
163 | } | |
|
164 | ||
|
165 | /* Code highlighter */ | |
|
166 | .hljs { | |
|
167 | background: #c1daf1; | |
|
168 | display: inline-block; | |
|
169 | } | |
|
170 | ||
|
171 | /* | |
|
172 | .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | |
|
173 | color: #abb; | |
|
174 | } | |
|
175 | */ | |
|
176 | ||
|
177 | /* Top */ | |
|
178 | ||
|
179 | .image-mode-tab { | |
|
180 | border-top: dashed 1px #2f2720; | |
|
181 | padding: 0.5em; | |
|
182 | font-size: 0.9em; | |
|
183 | text-align: center; | |
|
184 | } | |
|
185 | ||
|
186 | .image-mode-tab > a { | |
|
187 | padding: 0.1em; | |
|
188 | } | |
|
189 | ||
|
190 | .tag_info { | |
|
191 | text-align: center; | |
|
192 | } | |
|
193 | ||
|
194 | .tag_info > .tag-text-data { | |
|
195 | text-align: left; | |
|
196 | max-width: 30em; | |
|
197 | } | |
|
198 | ||
|
199 | .bar-value { | |
|
200 | background: #e1dff0; | |
|
201 | font-size: 0.8em; | |
|
202 | height: 1.3em; | |
|
203 | } | |
|
204 | ||
|
205 | .bar-bg { | |
|
206 | background: #efe7f0; | |
|
207 | position: relative; | |
|
208 | border: solid 1px #c7c0d0; | |
|
209 | overflow: hidden; | |
|
210 | } | |
|
211 | ||
|
212 | .bar-text { | |
|
213 | font-size: 0.8em; | |
|
214 | position: absolute; | |
|
215 | padding: 0.2em; | |
|
216 | left: 0; | |
|
217 | top: 0; | |
|
218 | } | |
|
219 | ||
|
220 | .page_link, .current_page { | |
|
221 | text-align: center; | |
|
222 | font-size: 0.9em; | |
|
223 | padding: 0.2em; | |
|
224 | background: #efe7f0; | |
|
225 | border: solid 1px #c7c0d0; | |
|
226 | } | |
|
227 | ||
|
228 | .skipped_replies { | |
|
229 | margin-left: 2ex; | |
|
230 | padding: 0.2em; | |
|
231 | margin-bottom: 0.5em; | |
|
232 | background: #efe7f0; | |
|
233 | border: solid 1px #c7c0d0; | |
|
234 | } | |
|
235 | ||
|
236 | /* Image Styles */ | |
|
237 | ||
|
238 | .post > .image { | |
|
239 | float: left; | |
|
240 | background: #c1daf1; | |
|
241 | border: solid 1px #b1cdf1; | |
|
242 | margin: 0 1ex .5ex 0; | |
|
243 | min-width: 1px; | |
|
244 | text-align: center; | |
|
245 | display: table-row; | |
|
246 | } | |
|
247 | ||
|
248 | .gallery_image { | |
|
249 | background: #c1daf1; | |
|
250 | border: solid 1px #b1cdf1; | |
|
251 | margin: 0.5em; | |
|
252 | text-align: center; | |
|
253 | } | |
|
254 | ||
|
255 | .post-image-full { | |
|
256 | margin: 0; | |
|
257 | } | |
|
258 | ||
|
259 | ||
|
260 | ||
|
261 | /* Form Styles ====================================================== */ | |
|
262 | ||
|
263 | .post-form-w { | |
|
264 | background: #daccff; | |
|
265 | border: solid 1px #cbd; | |
|
266 | border-radius: 2px; | |
|
267 | box-shadow: 0 0 3px #ccc; | |
|
268 | padding: 0.5em; | |
|
269 | } | |
|
270 | ||
|
271 | .form-row { | |
|
272 | width: 100%; | |
|
273 | display: table-row; | |
|
274 | } | |
|
275 | ||
|
276 | .form-title { | |
|
277 | font-weight: bold; | |
|
278 | margin-bottom: 0.5em; | |
|
279 | } | |
|
280 | ||
|
281 | .form-label { | |
|
282 | padding: 0.5ex; | |
|
283 | margin: 1em; | |
|
284 | vertical-align: top; | |
|
285 | display: table-cell; | |
|
286 | } | |
|
287 | ||
|
288 | .form-input { | |
|
289 | width: 100%; | |
|
290 | display: table-cell; | |
|
291 | } | |
|
292 | ||
|
293 | .form-submit { | |
|
294 | text-align: center; | |
|
295 | margin-bottom: 0.5em; | |
|
296 | } | |
|
297 | ||
|
298 | input[type="submit"]:hover { | |
|
299 | background: #8f8; | |
|
300 | } | |
|
301 | ||
|
302 | id_text { | |
|
303 | width: 100%; | |
|
304 | } | |
|
305 | ||
|
306 | #mark-panel { | |
|
307 | padding: 1em; | |
|
308 | display: block; | |
|
309 | } | |
|
310 | ||
|
311 | #id-text { | |
|
312 | width: 100%; | |
|
313 | } | |
|
314 | ||
|
315 | #mark-panel { | |
|
316 | padding: 0; | |
|
317 | } | |
|
318 | ||
|
319 | .mark_btn { | |
|
320 | background: #cabaff; | |
|
321 | border: solid 1px #baf; | |
|
322 | padding: 0.3em; | |
|
323 | margin-right: 1ex; | |
|
324 | margin-bottom: 0.5em; | |
|
325 | display: inline-block; | |
|
326 | } | |
|
327 | ||
|
328 | ||
|
329 | ||
|
330 | .mark_btn:hover { | |
|
331 | background: #aaf; | |
|
332 | } | |
|
333 | ||
|
334 | .mark_btn > code { | |
|
335 | background: #a9f; | |
|
336 | font-size: 0.8em; | |
|
337 | } | |
|
338 | ||
|
339 | ||
|
340 | .post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { | |
|
341 | color: #black; | |
|
342 | background: #cabaff; | |
|
343 | border: solid 1px #baf; | |
|
344 | padding: 0.2em; | |
|
345 | margin-bottom: 0.5em; | |
|
346 | font: medium sans-serif; | |
|
347 | width: 100%; | |
|
348 | } | |
|
349 | ||
|
350 | ||
|
351 | .post-form textarea { | |
|
352 | resize: vertical; | |
|
353 | } | |
|
354 | ||
|
355 | input[type="submit"], button { | |
|
356 | background: #cabaff; | |
|
357 | border: solid 1px #baf; | |
|
358 | color: #222; | |
|
359 | padding: 0.2em; | |
|
360 | margin-right: 0.5ex; | |
|
361 | } | |
|
362 | ||
|
363 | button:hover { | |
|
364 | background: #c0b0ff; | |
|
365 | } | |
|
366 | ||
|
367 | #preview-text { | |
|
368 | background: #d1e1f1; | |
|
369 | border: solid 2px #baf; | |
|
370 | margin: 1ex 0 1ex 0; | |
|
371 | padding: 1ex; | |
|
372 | } | |
|
373 | ||
|
374 | /* Navbar Styles ==================================================== */ | |
|
375 | ||
|
376 | .navigation_panel { | |
|
377 | padding-top: 0.5em; | |
|
378 | padding-bottom: 0.5em; | |
|
379 | } | |
|
380 | ||
|
381 | footer.navigation_panel { | |
|
382 | padding-top: 0; | |
|
383 | } | |
|
384 | ||
|
385 | header.navigation_panel > a.link:first-child { | |
|
386 | font-weight: bold; | |
|
387 | padding-right: 1ex; | |
|
388 | border-right: solid 1px #2f2720; | |
|
389 | } | |
|
390 | ||
|
391 | header.navigation_panel > a.right-link:last-child { | |
|
392 | font-weight: bold; | |
|
393 | float: right; | |
|
394 | padding-left: 1ex; | |
|
395 | border-left: solid 1px #2f2720; | |
|
396 | } | |
|
397 | ||
|
398 | .navigation_panel::after, .post::after { | |
|
399 | clear: both; | |
|
400 | content: "."; | |
|
401 | display: block; | |
|
402 | height: 0; | |
|
403 | line-height: 0; | |
|
404 | visibility: hidden; | |
|
405 | } | |
|
406 | ||
|
407 | /* Misc ============================================================= */ | |
|
408 | ||
|
409 | #admin_panel { | |
|
410 | background: #FF0000; | |
|
411 | color: #00FF00 | |
|
412 | } | |
|
413 | ||
|
414 | .input_field_error { | |
|
415 | color: #FF0000; | |
|
416 | } | |
|
417 | ||
|
418 | .block { | |
|
419 | display: inline-block; | |
|
420 | vertical-align: top; | |
|
421 | } | |
|
422 | ||
|
423 | blockquote { | |
|
424 | border-left: solid 2px; | |
|
425 | padding-left: 5px; | |
|
426 | color: #B1FB17; | |
|
427 | margin: 0; | |
|
428 | } | |
|
429 | ||
|
430 | /** margin bottom */ | |
|
431 | ||
|
432 | ||
|
433 | ||
|
434 | .last-replies { | |
|
435 | margin-left: 2ex; | |
|
436 | } | |
|
437 | ||
|
438 | #fav-panel > .post { | |
|
439 | background: none; | |
|
440 | border: none; | |
|
441 | box-shadow: none; | |
|
442 | margin: 0; | |
|
443 | padding: 0; | |
|
444 | } | |
|
445 | ||
|
446 | .thread, .last-replies > .post:last-child { | |
|
447 | margin-bottom: 1.5em; | |
|
448 | } | |
|
449 | ||
|
450 | .image-metadata { | |
|
451 | font-size: 0.9em; | |
|
452 | } | |
|
453 | ||
|
454 | .refmap { | |
|
455 | font-size: 0.9em; | |
|
456 | color: #222; | |
|
457 | } | |
|
458 | ||
|
459 | ||
|
460 | ||
|
461 | .from-input { | |
|
462 | display: block; | |
|
463 | } | |
|
464 | ||
|
465 | #up { | |
|
466 | position: fixed; | |
|
467 | bottom: 0.2em; | |
|
468 | right: 1em; | |
|
469 | border: 1px solid #777; | |
|
470 | background: #000; | |
|
471 | padding: 4px; | |
|
472 | opacity: 0.3; | |
|
473 | } | |
|
474 | ||
|
475 | #up:hover { | |
|
476 | opacity: 1; | |
|
477 | } | |
|
478 | ||
|
479 | #quote-button { | |
|
480 | background-color: #435; | |
|
481 | border: solid 1px #392949; | |
|
482 | border-radius: 2px; | |
|
483 | box-shadow: 0 0 2px black; | |
|
484 | padding: 0.2em; | |
|
485 | } | |
|
486 | ||
|
487 | #quote-button:hover { | |
|
488 | background-color: #546; | |
|
489 | border: solid 1px #493959; | |
|
490 | } | |
|
491 | ||
|
492 | .post-blink { | |
|
493 | background-color: #aaaaff; | |
|
494 | } | |
|
495 | ||
|
496 | .moderator_info { | |
|
497 | color: #e99d41; | |
|
498 | opacity: 0.4; | |
|
499 | } | |
|
500 | ||
|
501 | .moderator_info:hover { | |
|
502 | opacity: 1; | |
|
503 | } | |
|
504 | ||
|
505 | .post-image-preview { | |
|
506 | margin: 0; | |
|
507 | } | |
|
508 | ||
|
509 | .post_preview { | |
|
510 | max-width: 600px; | |
|
511 | } | |
|
512 | ||
|
513 | .post_preview > .post { | |
|
514 | box-shadow: 0 0 5px #aaa; | |
|
515 | margin: 0; | |
|
516 | } | |
|
517 | ||
|
518 | .global-id { | |
|
519 | font-weight: bolder; | |
|
520 | opacity: .5; | |
|
521 | } | |
|
522 | ||
|
523 | .img-full { | |
|
524 | background: #222; | |
|
525 | border: solid 1px #677; | |
|
526 | border-radius: 1px; | |
|
527 | box-shadow: 0 0 3px #233; | |
|
528 | } | |
|
529 | ||
|
530 | .tag_item { | |
|
531 | display: inline-block; | |
|
532 | } | |
|
533 | ||
|
534 | #id_models li { | |
|
535 | list-style: none; | |
|
536 | } | |
|
537 | ||
|
538 | #id_q { | |
|
539 | margin-left: 1ex; | |
|
540 | } | |
|
541 | ||
|
542 | ul { | |
|
543 | padding-left: 0px; | |
|
544 | } | |
|
545 | ||
|
546 | .current_mode { | |
|
547 | font-weight: bold; | |
|
548 | } | |
|
549 | ||
|
550 | ||
|
551 | ||
|
552 | .fancybox-skin { | |
|
553 | position: relative; | |
|
554 | background-color: #fff; | |
|
555 | color: #ddd; | |
|
556 | text-shadow: none; | |
|
557 | } | |
|
558 | ||
|
559 | .fancybox-image { | |
|
560 | border: 1px solid black; | |
|
561 | } | |
|
562 | ||
|
563 | .post:target { | |
|
564 | border: solid 2px #abb; | |
|
565 | } | |
|
566 | ||
|
567 | li { | |
|
568 | list-style-position: inside; | |
|
569 | } | |
|
570 | ||
|
571 | ||
|
572 | ||
|
573 | .dead_post > .post-info { | |
|
574 | font-style: italic; | |
|
575 | } | |
|
576 | ||
|
577 | .archive_post > .post-info { | |
|
578 | text-decoration: line-through; | |
|
579 | } | |
|
580 | ||
|
581 | .post > .metadata { | |
|
582 | clear: left; | |
|
583 | } | |
|
584 | ||
|
585 | .get { | |
|
586 | font-weight: bold; | |
|
587 | } | |
|
588 | ||
|
589 | .form-email { | |
|
590 | display: none; | |
|
591 | } | |
|
592 | ||
|
593 | /* finlaize ========================================================= */ | |
|
594 | ||
|
595 | .post, dead_post, .archive_post, .post-form-w, .tag_info, #posts-table, .bar-bg, .page_link, #fav-panel { | |
|
596 | margin-bottom: 0.5em; | |
|
597 | } | |
|
598 | ||
|
599 | h2 { | |
|
600 | font-size: 1.5em; | |
|
601 | font-weight: bold; | |
|
602 | margin-top: 0.5em; | |
|
603 | margin-bottom: 0.5em; | |
|
604 | text-align: center; | |
|
605 | } | |
|
606 | ||
|
607 | b, strong { | |
|
608 | font-weight: bold; | |
|
609 | } |
General Comments 0
You need to be logged in to leave comments.
Login now