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 | } |
@@ -177,6 +177,8 b' THEMES = [' | |||||
177 | ('md_centered', 'Mystic Dark (centered)'), |
|
177 | ('md_centered', 'Mystic Dark (centered)'), | |
178 | ('sw', 'Snow White'), |
|
178 | ('sw', 'Snow White'), | |
179 | ('pg', 'Photon Gray'), |
|
179 | ('pg', 'Photon Gray'), | |
|
180 | ('ad', 'Amanita Dark'), | |||
|
181 | ('iw', 'Inocibe White'), | |||
180 | ] |
|
182 | ] | |
181 |
|
183 | |||
182 | IMAGE_VIEWERS = [ |
|
184 | IMAGE_VIEWERS = [ |
General Comments 0
You need to be logged in to leave comments.
Login now