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