198 |
199 |
200 |
Stats
201 |
202 |
203 |
Total Posts snip
204 |
Current Users snip
205 |
Active Content snip
206 |
207 |
208 |
209 |
214 |
215 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
--------------------------------------------------------------------------------
/css/yui.css:
--------------------------------------------------------------------------------
1 | html {
2 | color: #000;
3 | background: #fff;
4 | }
5 |
6 | body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
7 | margin: 0;
8 | padding: 0;
9 | }
10 |
11 | table {
12 | border-collapse: collapse;
13 | border-spacing: 0;
14 | }
15 |
16 | fieldset, img {
17 | border: 0;
18 | }
19 |
20 | address, caption, cite, code, dfn, em, strong, th, var {
21 | font-style: normal;
22 | font-weight: normal;
23 | }
24 |
25 | li {
26 | list-style: none;
27 | }
28 |
29 | caption, th {
30 | text-align: left;
31 | }
32 |
33 | h1, h2, h3, h4, h5, h6 {
34 | font-size: 100%;
35 | font-weight: normal;
36 | }
37 |
38 | q:before, q:after {
39 | content: '';
40 | }
41 |
42 | abbr, acronym {
43 | border: 0;
44 | font-variant: normal;
45 | }
46 |
47 | sup {
48 | vertical-align: text-top;
49 | }
50 |
51 | sub {
52 | vertical-align: text-bottom;
53 | }
54 |
55 | input, textarea, select {
56 | font-family: inherit;
57 | font-size: inherit;
58 | font-weight: inherit;
59 | }
60 |
61 | legend {
62 | color: #000;
63 | }
64 |
65 | body {
66 | font: 13px / 1.231 arial, helvetica, clean, sans-serif;
67 | *font-size: small;
68 | *font: x-small;
69 | }
70 |
71 | table {
72 | font-size: inherit;
73 | font: 100%;
74 | }
75 |
76 | pre, code, kbd, samp, tt {
77 | font-family: monospace;
78 | *font-size: 108%;
79 | line-height: 100%;
80 | }
81 |
82 | body {
83 | text-align: center;
84 | }
85 |
86 | #ft {
87 | clear: both;
88 | }
89 |
90 | #doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
91 | margin: auto;
92 | text-align: left;
93 | width: 57.69em;
94 | *width: 56.301em;
95 | min-width: 750px;
96 | }
97 |
98 | #doc2 {
99 | width: 73.074em;
100 | *width: 71.313em;
101 | }
102 |
103 | #doc3 {
104 | margin: auto 10px;
105 | width: auto;
106 | }
107 |
108 | #doc4 {
109 | width: 74.923em;
110 | *width: 73.117em;
111 | }
112 |
113 | .yui-b {
114 | position: relative;
115 | }
116 |
117 | .yui-b {
118 | _position: static;
119 | }
120 |
121 | #yui-main .yui-b {
122 | position: static;
123 | }
124 |
125 | #yui-main {
126 | width: 100%;
127 | }
128 |
129 | .yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
130 | float: right;
131 | margin-left: -25em;
132 | }
133 |
134 | .yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
135 | float: left;
136 | margin-right: -25em;
137 | }
138 |
139 | .yui-t1 .yui-b {
140 | float: left;
141 | width: 12.3207em;
142 | *width: 12.0106em;
143 | }
144 |
145 | .yui-t1 #yui-main .yui-b {
146 | margin-left: 13.3207em;
147 | *margin-left: 13.0106em;
148 | }
149 |
150 | .yui-t2 .yui-b {
151 | float: left;
152 | width: 13.8456em;
153 | *width: 13.512em;
154 | }
155 |
156 | .yui-t2 #yui-main .yui-b {
157 | margin-left: 14.8456em;
158 | *margin-left: 14.512em;
159 | }
160 |
161 | .yui-t3 .yui-b {
162 | float: left;
163 | width: 23.0759em;
164 | *width: 22.52em;
165 | }
166 |
167 | .yui-t3 #yui-main .yui-b {
168 | margin-left: 24.0759em;
169 | *margin-left: 23.52em;
170 | }
171 |
172 | .yui-t4 .yui-b {
173 | float: right;
174 | width: 13.8456em;
175 | *width: 13.512em;
176 | }
177 |
178 | .yui-t4 #yui-main .yui-b {
179 | margin-right: 14.8456em;
180 | *margin-right: 14.512em;
181 | }
182 |
183 | .yui-t5 .yui-b {
184 | float: right;
185 | width: 18.4608em;
186 | *width: 18.016em;
187 | }
188 |
189 | .yui-t5 #yui-main .yui-b {
190 | margin-right: 19.4608em;
191 | *margin-right: 19.016em;
192 | }
193 |
194 | .yui-t6 .yui-b {
195 | float: right;
196 | width: 23.0759em;
197 | *width: 22.52em;
198 | }
199 |
200 | .yui-t6 #yui-main .yui-b {
201 | margin-right: 24.0759em;
202 | *margin-right: 23.52em;
203 | }
204 |
205 | .yui-t7 #yui-main .yui-b {
206 | display: block;
207 | margin: 0 0 1em 0;
208 | }
209 |
210 | #yui-main .yui-b {
211 | float: none;
212 | width: auto;
213 | }
214 |
215 | .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gb .yui-u, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
216 | float: left;
217 | margin-left: 2%;
218 | width: 32%;
219 | }
220 |
221 | .yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
222 | *margin-left: 1.8%;
223 | _margin-left: 4%;
224 | }
225 |
226 | .yui-g .yui-gb .yui-u {
227 | _margin-left: .8%;
228 | }
229 |
230 | .yui-gb .yui-u {
231 | float: right;
232 | }
233 |
234 | .yui-gb div.first {
235 | margin-left: 0;
236 | float: left;
237 | }
238 |
239 | .yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {
240 | *margin-right: 0;
241 | *width: 32%;
242 | _width: 31.7%;
243 | }
244 |
245 | .yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
246 | *margin-right: 0;
247 | }
248 |
249 | .yui-gb .yui-gd .yui-u {
250 | *width: 66%;
251 | _width: 61.2%;
252 | }
253 |
254 | .yui-gb .yui-gd div.first {
255 | *width: 31%;
256 | _width: 29.5%;
257 | }
258 |
259 | .yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
260 | width: 32%;
261 | _float: right;
262 | margin-right: 0;
263 | _margin-left: 0;
264 | }
265 |
266 | .yui-gb .yui-gc div.first {
267 | width: 66%;
268 | *float: left;
269 | *margin-left: 0;
270 | }
271 |
272 | .yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
273 | margin: 0;
274 | }
275 |
276 | .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
277 | float: right;
278 | }
279 |
280 | .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first {
281 | float: left;
282 | }
283 |
284 | .yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
285 | width: 49%;
286 | *width: 48.1%;
287 | *margin-left: 0;
288 | }
289 |
290 | .yui-g .yui-g div.first {
291 | *margin: 0;
292 | }
293 |
294 | .yui-gb .yui-g div.first {
295 | *margin-right: 4%;
296 | _margin-right: 1.3%;
297 | }
298 |
299 | .yui-gb .yui-gb .yui-u {
300 | _margin-left: .7%;
301 | }
302 |
303 | .yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
304 | *margin-left: 0;
305 | }
306 |
307 | .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
308 | *width: 48.1%;
309 | *margin-left: 0;
310 | }
311 |
312 | .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
313 | width: 49.1%;
314 | }
315 |
316 | .yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
317 | margin-left: 0;
318 | }
319 |
320 | .yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u {
321 | width: 66%;
322 | }
323 |
324 | .yui-gd div.first, .yui-gb .yui-gd div.first {
325 | width: 32%;
326 | }
327 |
328 | .yui-g .yui-gd div.first {
329 | _width: 29.9%;
330 | }
331 |
332 | .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first {
333 | width: 24%;
334 | }
335 |
336 | .yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
337 | float: right;
338 | }
339 |
340 | .yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
341 | float: left;
342 | }
343 |
344 | .yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u {
345 | width: 74.2%;
346 | }
347 |
348 | .yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
349 | *width: 24%;
350 | _width: 20%;
351 | }
352 |
353 | .yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
354 | *width: 73.5%;
355 | _width: 65.5%;
356 | }
357 |
358 | #bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
359 | content: ".";
360 | display: block;
361 | height: 0;
362 | clear: both;
363 | visibility: hidden;
364 | }
365 |
366 | #bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
367 | zoom: 1;
368 | }
369 |
370 | .yui-gb .yui-u {
371 | float: left;
372 | }
373 |
374 | .yuimenubar {
375 | visibility: visible;
376 | position: static;
377 | }
378 |
379 | .yuimenu .yuimenu, .yuimenubar .yuimenu {
380 | visibility: hidden;
381 | position: absolute;
382 | top: -10000px;
383 | left: -10000px;
384 | }
385 |
386 | .yuimenubar li, .yuimenu li {
387 | list-style-type: none;
388 | }
389 |
390 | .yuimenubar ul, .yuimenu ul, .yuimenubar li, .yuimenu li, .yuimenu h6, .yuimenubar h6 {
391 | margin: 0;
392 | padding: 0;
393 | }
394 |
395 | .yuimenuitemlabel, .yuimenubaritemlabel {
396 | text-align: left;
397 | white-space: nowrap;
398 | }
399 |
400 | .yuimenubar ul {
401 | *zoom: 1;
402 | }
403 |
404 | .yuimenubar .yuimenu ul {
405 | *zoom: normal;
406 | }
407 |
408 | .yuimenubar > .bd > ul:after {
409 | content: ".";
410 | display: block;
411 | clear: both;
412 | visibility: hidden;
413 | height: 0;
414 | line-height: 0;
415 | }
416 |
417 | .yuimenubaritem {
418 | float: left;
419 | }
420 |
421 | .yuimenubaritemlabel, .yuimenuitemlabel {
422 | display: block;
423 | }
424 |
425 | .yuimenuitemlabel .helptext {
426 | font-style: normal;
427 | display: block;
428 | margin: -1em 0 0 10em;
429 | }
430 |
431 | .yui-menu-shadow {
432 | position: absolute;
433 | visibility: hidden;
434 | z-index: -1;
435 | }
436 |
437 | .yui-skin-sam .yui-menu-shadow-visible {
438 | top: 2px;
439 | right: -3px;
440 | left: -3px;
441 | bottom: -3px;
442 | visibility: visible;
443 | }
444 |
445 | .hide-scrollbars * {
446 | overflow: hidden;
447 | }
448 |
449 | .hide-scrollbars select {
450 | display: none;
451 | }
452 |
453 | .yuimenu.show-scrollbars, .yuimenubar.show-scrollbars {
454 | overflow: visible;
455 | }
456 |
457 | .yuimenu.hide-scrollbars .yui-menu-shadow, .yuimenubar.hide-scrollbars .yui-menu-shadow {
458 | overflow: hidden;
459 | }
460 |
461 | .yuimenu.show-scrollbars .yui-menu-shadow, .yuimenubar.show-scrollbars .yui-menu-shadow {
462 | overflow: auto;
463 | }
464 |
465 | .yui-skin-sam .yuimenubar {
466 | font-size: 93%;
467 | line-height: 2;
468 | *line-height: 1.9;
469 | border: solid 1px #808080;
470 | background: url(../image/fp/yui/sprite.png) repeat-x 0 0;
471 | }
472 |
473 | .yui-skin-sam .yuimenubarnav .yuimenubaritem {
474 | border-right: solid 1px #ccc;
475 | }
476 |
477 | .yui-skin-sam .yuimenubaritemlabel {
478 | padding: 0 10px;
479 | color: #000;
480 | text-decoration: none;
481 | cursor: default;
482 | border-style: solid;
483 | border-color: #808080;
484 | border-width: 1px 0;
485 | *position: relative;
486 | margin: -1px 0;
487 | }
488 |
489 | .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
490 | padding-right: 20px;
491 | *display: inline-block;
492 | }
493 |
494 | .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
495 | background: url(../image/fp/yui/menubaritem_submenuindicator.png) right center no-repeat;
496 | }
497 |
498 | .yui-skin-sam .yuimenubaritem-selected {
499 | background: url(../image/fp/yui/sprite.png) repeat-x 0 -1700px;
500 | }
501 |
502 | .yui-skin-sam .yuimenubaritemlabel-selected {
503 | border-color: #7d98b8;
504 | }
505 |
506 | .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
507 | border-left-width: 1px;
508 | margin-left: -1px;
509 | *left: -1px;
510 | }
511 |
512 | .yui-skin-sam .yuimenubaritemlabel-disabled {
513 | cursor: default;
514 | color: #a6a6a6;
515 | }
516 |
517 | .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled {
518 | background-image: url(../image/fp/yui/menubaritem_submenuindicator_disabled.png);
519 | }
520 |
521 | .yui-skin-sam .yuimenu {
522 | font-size: 93%;
523 | line-height: 1.5;
524 | *line-height: 1.45;
525 | }
526 |
527 | .yui-skin-sam .yuimenubar .yuimenu, .yui-skin-sam .yuimenu .yuimenu {
528 | font-size: 100%;
529 | }
530 |
531 | .yui-skin-sam .yuimenu .bd {
532 | border: solid 1px #808080;
533 | background-color: #fff;
534 | }
535 |
536 | .yui-skin-sam .yuimenu ul {
537 | padding: 3px 0;
538 | border-width: 1px 0 0 0;
539 | border-color: #ccc;
540 | border-style: solid;
541 | }
542 |
543 | .yui-skin-sam .yuimenu ul.first-of-type {
544 | border-width: 0;
545 | }
546 |
547 | .yui-skin-sam .yuimenu h6 {
548 | font-weight: bold;
549 | border-style: solid;
550 | border-color: #ccc;
551 | border-width: 1px 0 0 0;
552 | color: #a4a4a4;
553 | padding: 3px 10px 0 10px;
554 | }
555 |
556 | .yui-skin-sam .yuimenu ul.hastitle, .yui-skin-sam .yuimenu h6.first-of-type {
557 | border-width: 0;
558 | }
559 |
560 | .yui-skin-sam .yuimenu .yui-menu-body-scrolled {
561 | border-color: #ccc #808080;
562 | overflow: hidden;
563 | }
564 |
565 | .yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar {
566 | height: 16px;
567 | border: solid 1px #808080;
568 | background: #fff url(.../image/fp/yui/sprite.png) no-repeat 0 0;
569 | }
570 |
571 | .yui-skin-sam .yuimenu .topscrollbar {
572 | border-bottom-width: 0;
573 | background-position: center -950px;
574 | }
575 |
576 | .yui-skin-sam .yuimenu .topscrollbar_disabled {
577 | background-position: center -975px;
578 | }
579 |
580 | .yui-skin-sam .yuimenu .bottomscrollbar {
581 | border-top-width: 0;
582 | background-position: center -850px;
583 | }
584 |
585 | .yui-skin-sam .yuimenu .bottomscrollbar_disabled {
586 | background-position: center -875px;
587 | }
588 |
589 | .yui-skin-sam .yuimenuitem {
590 | _border-bottom: solid 1px #fff;
591 | }
592 |
593 | .yui-skin-sam .yuimenuitemlabel {
594 | padding: 0 20px;
595 | color: #000;
596 | text-decoration: none;
597 | cursor: default;
598 | }
599 |
600 | .yui-skin-sam .yuimenuitemlabel .helptext {
601 | margin-top: -1.5em;
602 | *margin-top: -1.45em;
603 | }
604 |
605 | .yui-skin-sam .yuimenuitem-hassubmenu {
606 | background-image: url(../image/fp/yui/menuitem_submenuindicator.png);
607 | background-position: right center;
608 | background-repeat: no-repeat;
609 | }
610 |
611 | .yui-skin-sam .yuimenuitem-checked {
612 | background-image: url(../image/fp/yui/menuitem_checkbox.png);
613 | background-position: left center;
614 | background-repeat: no-repeat;
615 | }
616 |
617 | .yui-skin-sam .yui-menu-shadow-visible {
618 | background-color: #000;
619 | opacity: 0.12;
620 | *filter: alpha(opacity=12);
621 | }
622 |
623 | .yui-skin-sam .yuimenuitem-selected {
624 | background-color: #b3d4ff;
625 | }
626 |
627 | .yui-skin-sam .yuimenuitemlabel-disabled {
628 | cursor: default;
629 | color: #a6a6a6;
630 | }
631 |
632 | .yui-skin-sam .yuimenuitem-hassubmenu-disabled {
633 | background-image: url(../image/fp/yui/menuitem_submenuindicator_disabled.png);
634 | }
635 |
636 | .yui-skin-sam .yuimenuitem-checked-disabled {
637 | background-image: url(../image/fp/yui/menuitem_checkbox_disabled.png);
638 | }
639 |
640 | .yui-overlay, .yui-panel-container {
641 | visibility: hidden;
642 | position: absolute;
643 | z-index: 2;
644 | }
645 |
646 | .yui-tt {
647 | visibility: hidden;
648 | position: absolute;
649 | color: #333;
650 | background-color: #fdffb4;
651 | font-family: arial, helvetica, verdana, sans-serif;
652 | padding: 2px;
653 | border: 1px solid #fcc90d;
654 | font: 100% sans-serif;
655 | width: auto;
656 | }
657 |
658 | .yui-tt-shadow {
659 | display: none;
660 | }
661 |
662 | * html body.masked select {
663 | visibility: hidden;
664 | }
665 |
666 | * html div.yui-panel-container select {
667 | visibility: inherit;
668 | }
669 |
670 | * html div.drag select {
671 | visibility: hidden;
672 | }
673 |
674 | * html div.hide-select select {
675 | visibility: hidden;
676 | }
677 |
678 | .mask {
679 | z-index: 1;
680 | display: none;
681 | position: absolute;
682 | top: 0;
683 | left: 0;
684 | -moz-opacity: 0.5;
685 | opacity: 0.5;
686 | filter: alpha(opacity=50);
687 | background-color: #ccc;
688 | }
689 |
690 | .hide-scrollbars, .hide-scrollbars * {
691 | overflow: hidden;
692 | }
693 |
694 | .hide-scrollbars select {
695 | display: none;
696 | }
697 |
698 | .show-scrollbars {
699 | overflow: auto;
700 | }
701 |
702 | .yui-panel-container.show-scrollbars {
703 | overflow: visible;
704 | }
705 |
706 | .yui-panel-container.show-scrollbars .underlay {
707 | overflow: auto;
708 | }
709 |
710 | .yui-panel-container .underlay {
711 | position: absolute;
712 | top: 0;
713 | right: 0;
714 | bottom: 0;
715 | left: 0;
716 | }
717 |
718 | .yui-panel-container.matte {
719 | padding: 3px;
720 | background-color: #fff;
721 | }
722 |
723 | .yui-panel-container.shadow .underlay {
724 | top: 3px;
725 | bottom: -3px;
726 | right: -3px;
727 | left: 3px;
728 | background-color: #000;
729 | opacity: 0.12;
730 | filter: alpha(opacity=12);
731 | }
732 |
733 | .yui-panel-container.shadow .underlay.yui-force-redraw {
734 | padding-bottom: 1px;
735 | }
736 |
737 | .yui-effect-fade .underlay {
738 | display: none;
739 | }
740 |
741 | .yui-panel {
742 | visibility: hidden;
743 | border-collapse: separate;
744 | position: relative;
745 | left: 0;
746 | top: 0;
747 | font: 1em Arial;
748 | background-color: #fff;
749 | border: 1px solid #000;
750 | z-index: 1;
751 | overflow: hidden;
752 | }
753 |
754 | .yui-panel .hd {
755 | background-color: #3d77cb;
756 | color: #fff;
757 | font-size: 100%;
758 | line-height: 100%;
759 | border: 1px solid #fff;
760 | border-bottom: 1px solid #000;
761 | font-weight: bold;
762 | padding: 4px;
763 | white-space: nowrap;
764 | }
765 |
766 | .yui-panel .bd {
767 | overflow: hidden;
768 | padding: 4px;
769 | }
770 |
771 | .yui-panel .bd p {
772 | margin: 0 0 1em;
773 | }
774 |
775 | .yui-panel .container-close {
776 | position: absolute;
777 | top: 5px;
778 | right: 4px;
779 | z-index: 6;
780 | height: 12px;
781 | width: 12px;
782 | margin: 0;
783 | padding: 0;
784 | background: url(../image/fp/yui/close12_1.gif) no-repeat;
785 | cursor: pointer;
786 | visibility: inherit;
787 | }
788 |
789 | .yui-panel .ft {
790 | padding: 4px;
791 | overflow: hidden;
792 | }
793 |
794 | .yui-simple-dialog .bd .yui-icon {
795 | background-repeat: no-repeat;
796 | width: 16px;
797 | height: 16px;
798 | margin-right: 10px;
799 | float: left;
800 | }
801 |
802 | .yui-simple-dialog .bd span.blckicon {
803 | background: url(../image/fp/yui/blck16_1.gif) no-repeat;
804 | }
805 |
806 | .yui-simple-dialog .bd span.alrticon {
807 | background: url(../image/fp/yui/alrt16_1.gif) no-repeat;
808 | }
809 |
810 | .yui-simple-dialog .bd span.hlpicon {
811 | background: url(../image/fp/yui/hlp16_1.gif) no-repeat;
812 | }
813 |
814 | .yui-simple-dialog .bd span.infoicon {
815 | background: url(../image/fp/yui/info16_1.gif) no-repeat;
816 | }
817 |
818 | .yui-simple-dialog .bd span.warnicon {
819 | background: url(../image/fp/yui/warn16_1.gif) no-repeat;
820 | }
821 |
822 | .yui-simple-dialog .bd span.tipicon {
823 | background: url(../image/fp/yui/tip16_1.gif) no-repeat;
824 | }
825 |
826 | .yui-dialog .ft, .yui-simple-dialog .ft {
827 | padding-bottom: 5px;
828 | padding-right: 5px;
829 | text-align: right;
830 | }
831 |
832 | .yui-dialog form, .yui-simple-dialog form {
833 | margin: 0;
834 | }
835 |
836 | .button-group button {
837 | font: 100 76% verdana;
838 | text-decoration: none;
839 | background-color: #e4e4e4;
840 | color: #333;
841 | cursor: pointer;
842 | vertical-align: middle;
843 | border: 2px solid #797979;
844 | border-top-color: #fff;
845 | border-left-color: #fff;
846 | margin: 2px;
847 | padding: 2px;
848 | }
849 |
850 | .button-group button.default {
851 | font-weight: bold;
852 | }
853 |
854 | .button-group button:focus {
855 | outline: 0;
856 | }
857 |
858 | .button-group button:active {
859 | border: 2px solid #e4e4e4;
860 | background-color: #bbb;
861 | border-top-color: #333;
862 | border-left-color: #333;
863 | }
--------------------------------------------------------------------------------
/css/yotsubluemobile.css:
--------------------------------------------------------------------------------
1 | /** Here's one for you: internet explorer in wp7 can only handle 1 stylesheet at a time it seems **/
2 |
3 | /** Chrome Mobile seems to dislike media="" in html, so we do it this way instead. **/
4 |
5 | @media only screen and (max-width: 480px) {
6 | /** GENERIC / ELEMENT STYLING **/
7 |
8 | html {
9 | -moz-text-size-adjust: 100%;
10 | -webkit-text-size-adjust: 100%;
11 | -ms-text-size-adjust: 100%;
12 | }
13 |
14 | .postMenuBtn {
15 | -webkit-transform: rotate(90deg);
16 | -moz-transform: rotate(90deg);
17 | -ms-transform: rotate(90deg);
18 | transform: rotate(90deg);
19 | margin: 4px -5px 0 4px !important;
20 | float: left;
21 | font-weight: bold;
22 | opacity: 1 !important;
23 | height: .5em !important;
24 | font-size: 16px;
25 | }
26 |
27 | .dd-menu {
28 | font-size: 16px;
29 | line-height: 2em;
30 | }
31 |
32 | .adg-rects > span.mobile {
33 | display: inline-block !important;
34 | }
35 |
36 | .party-hat {
37 | left: -15px;
38 | margin-top: -30px;
39 | position: absolute;
40 | width: 100px;
41 | pointer-events: none;
42 | }
43 |
44 | .pu-img {
45 | background: url('//s.4cdn.org/image/minileaf@2x.gif');
46 | background-size: 100%;
47 | }
48 |
49 | body {
50 | background: #eef2ff url(/image/fade-blue.png) center top repeat-x;
51 | color: #000000;
52 | font-family: arial, helvetica, sans-serif;
53 | font-size: 10pt;
54 | margin-left: 0;
55 | margin-right: 0;
56 | margin-top: 5px;
57 | padding-left: 0;
58 | padding-right: 0;
59 | width: 100%;
60 | }
61 |
62 | embed {
63 | display: none !important;
64 | }
65 |
66 | .jlist-link {
67 | margin: 15px auto 30px auto;
68 | }
69 |
70 | a, .useremail:not(:hover) .name:not(.capcode), .useremail:not(:hover) .postertrip:not(.capcode) {
71 | color: #34345c !important;
72 | }
73 |
74 | a.replylink, div#absbot a {
75 | text-decoration: underline !important;
76 | }
77 |
78 | a.replylink:not(:hover), div#absbot a:not(:hover) {
79 | color: #34345c !important;
80 | }
81 |
82 | a:hover, .useremail .name:hover, .useremail .postertrip:hover, a.quoteLink:hover, a.quotelink:hover, a.deadlink:hover, .useremail *:hover, .useremail:hover * {
83 | color: #dd0000 !important;
84 | }
85 |
86 | .posteruid .hand:hover {
87 | color: #dd0000 !important;
88 | }
89 |
90 | img {
91 | border: none;
92 | }
93 |
94 | img.topad, .topad > div, .topad a img {
95 | width: 300px;
96 | height: 250px;
97 | }
98 |
99 | img.middlead, .middlead > div, .middlead a img {
100 | width: 234px;
101 | height: 30px;
102 | max-width: 100%;
103 | overflow: hidden;
104 | margin: auto;
105 | }
106 |
107 | img.bottomad, .bottomad > div, .bottomad a img {
108 | width: 320px;
109 | height: 40px;
110 | max-width: 100%;
111 | overflow: hidden;
112 | margin: auto;
113 | }
114 |
115 | ul.rules {
116 | display: none;
117 | }
118 |
119 | .button a {
120 | text-decoration: none !important;
121 | }
122 |
123 | div.boardBanner {
124 | margin-top: 40px !important;
125 | }
126 |
127 | .backlink.mobile {
128 | background-color: #c9cde8;
129 | border-top: 1px solid #b7c5d9;
130 | }
131 |
132 | .mobile {
133 | display: block !important;
134 | clear: left !important;
135 | }
136 |
137 | .noPictures .mFileInfo {
138 | display: none !important;
139 | }
140 |
141 | .postLink.mobile {
142 | clear: both !important;
143 | }
144 |
145 | .mobileinline {
146 | display: inline !important;
147 | }
148 |
149 | .mobileib {
150 | display: inline-block !important;
151 | }
152 |
153 | span.replyTextM {
154 | display: inline !important;
155 | }
156 |
157 | .desktop {
158 | display: none !important;
159 | }
160 |
161 | .hideMobile {
162 | display: none !important;
163 | }
164 |
165 | div.board > hr {
166 | border: none;
167 | border-top: 1px solid #b7c5d9;
168 | height: 0;
169 | margin-top: 30px !important;
170 | margin-bottom: 30px !important;
171 | }
172 |
173 | div.board > hr:last-of-type {
174 | margin-bottom: 10px !important;
175 | }
176 |
177 | hr.abovePostForm {
178 | width: 90%;
179 | }
180 |
181 | span.x-small {
182 | font-size: x-small;
183 | }
184 |
185 | /** Mobile Specific CSS **/
186 |
187 | div.postLink {
188 | background-color: #c9cde8;
189 | border-top: 1px solid #b7c5d9;
190 | padding: 5px;
191 | overflow: hidden;
192 | margin: -5px;
193 | }
194 |
195 | div.postLink span {
196 | float: left;
197 | }
198 |
199 | div.postLink a {
200 | float: right;
201 | color: #34345c !important;
202 | }
203 |
204 | .mobilePostFormToggle {
205 | text-align: center;
206 | font-weight: bold;
207 | margin: 0 auto;
208 | padding-top: 15px;
209 | }
210 |
211 | a.mobilePostFormToggle {
212 | text-align: center;
213 | display: inline-block !important;
214 | }
215 |
216 | div.mobilePostFormToggle div {
217 | width: 300px;
218 | background-color: #98e;
219 | padding-top: 5px;
220 | padding-bottom: 5px;
221 | border: 1px solid #000;
222 | margin: 0 auto;
223 | }
224 |
225 | div.post div.file .fileThumb img {
226 | max-width: 100px;
227 | max-height: 100px;
228 | object-fit: scale-down;
229 | }
230 |
231 | span.fileThumb {
232 | margin-left: 0 !important;
233 | margin-right: 5px !important;
234 | }
235 |
236 | div.post div.file .fileThumb {
237 | margin-left: 5px !important;
238 | margin-right: 10px !important;
239 | text-decoration: none;
240 | }
241 |
242 | div.post div.file div.fileText {
243 | display: none;
244 | }
245 |
246 | div.sideArrows {
247 | display: none;
248 | }
249 |
250 | div.reply {
251 | padding: 2px;
252 | background-color: #d6daf0;
253 | margin: 0;
254 | border: 1px solid #b7c5d9;
255 | }
256 |
257 | div.replyContainer {
258 | background-color: #d6daf0;
259 | margin: 5px 5px 0 5px;
260 | padding-left: 0;
261 | }
262 |
263 | .is_index div.thread {
264 | padding: 0 7px;
265 | }
266 |
267 | .is_index div.replyContainer {
268 | margin: 7px 0 0 0;
269 | }
270 |
271 | .is_index div.opContainer {
272 | margin: 0 -7px;
273 | }
274 |
275 | div.opContainer {
276 | padding: 5px;
277 | display: block;
278 | overflow: hidden;
279 | background-color: #d6daf0;
280 | border: 1px solid #b7c5d9 !important;
281 | }
282 |
283 | span.summary:not(.preview-summary) {
284 | padding: 5px;
285 | text-align: center;
286 | display: block;
287 | background-color: #c9cde8;
288 | border-bottom: 1px solid #b7c5d9 !important;
289 | margin-top: 0;
290 | margin-bottom: 5px;
291 | font-weight: bold;
292 | }
293 |
294 | div.postLink span.info {
295 | color: #34345c;
296 | margin-top: 8px;
297 | }
298 |
299 | blockquote {
300 | margin: 10px !important;
301 | }
302 |
303 | blockquote.postMessage {
304 | font-size: 11pt;
305 | }
306 |
307 | .omittedposts, .abbr {
308 | color: #707070 !important;
309 | font-size: 10pt !important;
310 | }
311 |
312 | div.thread {
313 | border-top: none;
314 | }
315 |
316 | div.opContainer div.postInfo {
317 | display: none !important;
318 | }
319 |
320 | div.post div.postInfoM {
321 | overflow: hidden;
322 | border-bottom: 1px solid #b7c5d9;
323 | background-color: #c9cde8;
324 | padding: 5px;
325 | margin: -5px -6px 5px -5px;
326 | }
327 |
328 | div.replyContainer div.postInfoM {
329 | margin: 0;
330 | }
331 |
332 | div.post div.postInfoM span.postNum, div.postInfo span.postNum {
333 | float: left;
334 | }
335 |
336 | div.post div.postInfoM span.postNum a, div.postInfo span.postNum a {
337 | text-decoration: none;
338 | color: #000000 !important;
339 | }
340 |
341 | div.post div.postInfoM span.postNum a:hover {
342 | color: red;
343 | }
344 |
345 | /* Name */
346 |
347 | div.post div.postInfoM span.nameBlock, div.postInfo span.nameBlock {
348 | display: inline;
349 | float: left;
350 | clear: left;
351 | }
352 |
353 | div.post div.postInfoM span.nameBlock span.name, div.postInfo span.nameBlock span.name {
354 | color: #117743;
355 | font-weight: bold;
356 | }
357 |
358 | div.post div.postInfoM span.nameBlock span.tripcode, div.postInfo span.nameBlock span.tripcode {
359 | color: #117743;
360 | }
361 |
362 | /* Date/Time */
363 |
364 | div.post div.postInfoM span.dateTime {
365 | float: right; /*font-style: italic;*/
366 | text-align: right;
367 | color: black !important;
368 | }
369 |
370 | div.post div.postInfoM span.time {
371 | }
372 |
373 | div.post div.postInfoM span.subject {
374 | color: #0f0c5d;
375 | font-weight: bold;
376 | }
377 |
378 | span.fileText {
379 | font-size: smaller;
380 | }
381 |
382 | div.replyContainer div.reply {
383 | width: 100%;
384 | padding: 0 !important;
385 | }
386 |
387 | div.replyContainer div.post div.postInfo {
388 | overflow: hidden;
389 | border-bottom: 1px solid #b7c5d9;
390 | background-color: #c9cde8;
391 | padding: 3px;
392 | margin: 0;
393 | }
394 |
395 | div.replyContainer div.post div.postInfo input[type=checkbox] {
396 | display: none;
397 | }
398 |
399 | div.replyContainer div.post div.postInfo span.postNum {
400 | font-style: italic;
401 | }
402 |
403 | div.replyContainer div.post div.postInfo span.userInfo {
404 | float: left;
405 | padding-left: 5px;
406 | }
407 |
408 | div.replyContainer div.post div.postInfo span.nameBlock {
409 | }
410 |
411 | div.replyContainer div.post div.postInfo span.postNum a:first-child:after {
412 | content: " ";
413 | }
414 |
415 | div.replyContainer div.post div.postInfo span.dateTime {
416 | float: right;
417 | text-align: right;
418 | padding-right: 10px;
419 | font-style: italic;
420 | }
421 |
422 | div.replyContainer div.post div.postInfo span.dateTime span.date {
423 | display: block;
424 | }
425 |
426 |
427 |
428 | div.replyContainer div.post div.file {
429 | padding: 5px;
430 | }
431 |
432 | div.mPagelist {
433 | margin-top: 10px;
434 | text-align: center;
435 | border-bottom: 1px solid #b7c5d9;
436 | padding-bottom: 10px;
437 | color: #89a;
438 | }
439 |
440 | div.mPagelist strong {
441 | color: #34345c;
442 | }
443 |
444 | div.mPagelist > div.prev, div.mPagelist div.next {
445 | margin: 20px 2px 15px;
446 | display: inline-block;
447 | }
448 |
449 | .button {
450 | border-radius: 3px;
451 | padding: 6px 10px 5px 10px;
452 | font-weight: bold;
453 | background-color: #d6daf0;
454 | border: 1px solid #b7c5d9;
455 | user-select: none;
456 | background-image: url(/image/buttonfade-blue.png);
457 | background-repeat: repeat-x;
458 | text-decoration: none;
459 | color: #34345c !important;
460 | }
461 |
462 | #globalToggle {
463 | width: 200px;
464 | display: inline;
465 | text-align: center;
466 | margin: 0 auto;
467 | margin-bottom: 10px;
468 | }
469 |
470 | .redButton {
471 | background-color: #ffadad;
472 | background-image: url(/image/buttonfade-red.png);
473 | border: 1px solid #c45858;
474 | color: #800 !important;
475 | }
476 |
477 | div.mPagelist span {
478 | padding-left: 3px;
479 | padding-right: 3px;
480 | font-size: larger;
481 | }
482 |
483 | .button:hover {
484 | cursor: pointer;
485 | }
486 |
487 | .mobileCatalogLink, div.absBotText {
488 | margin-top: 10px;
489 | }
490 |
491 | .mobileCatalogLink {
492 | font-size: larger;
493 | }
494 |
495 | #disable-mobile {
496 | font-size: small !important;
497 | }
498 |
499 | #enable-mobile {
500 | font-size: small !important;
501 | display: none;
502 | }
503 |
504 | .absBotDisclaimer {
505 | display: none !important;
506 | }
507 |
508 | div#boardNavMobile {
509 | padding: 2px 4px;
510 | background-color: #d6daf0;
511 | overflow: hidden;
512 | border-bottom: 2px solid #b7c5d9;
513 | position: fixed;
514 | top: 0;
515 | width: 100%;
516 | font-size: x-small;
517 | }
518 |
519 | div#boardNavMobile select, div#boardNavMobile option {
520 | font-size: x-small;
521 | }
522 |
523 | div.boardSelect {
524 | float: left;
525 | }
526 |
527 | div.boardSelect > strong {
528 | padding-right: 5px;
529 | }
530 |
531 | div.pageJump {
532 | float: right;
533 | padding-right: 5px;
534 | padding-top: 3px;
535 | font-size: 7.5pt;
536 | }
537 |
538 | .pageJump a {
539 | text-decoration: none;
540 | padding-right: 5px;
541 | }
542 |
543 | div.postingMode {
544 | background-color: #e04000;
545 | padding: 3px;
546 | text-align: center;
547 | width: 300px;
548 | margin: 0 auto;
549 | }
550 |
551 | div.navLinks {
552 | margin-top: 9px !important;
553 | margin-bottom: 0 !important;
554 | text-align: center;
555 | }
556 |
557 | /** WP7 ADDITIONS **/
558 |
559 | div.post div.postInfo span.postNum a {
560 | text-decoration: none;
561 | color: #000000;
562 | }
563 |
564 | a.quoteLink {
565 | color: #d00 !important;
566 | }
567 |
568 | div.boardBanner {
569 | text-align: center;
570 | clear: both;
571 | }
572 |
573 | div.boardBanner > img {
574 | border: 1px solid #34345c;
575 | margin: 5px 0 5px 0;
576 | height: 50px;
577 | width: 150px;
578 | max-width: 100%;
579 | }
580 |
581 | div.boardBanner > div.boardTitle {
582 | font-family: Tahoma, sans-serif;
583 | font-size: 28px;
584 | font-weight: bold;
585 | letter-spacing: -2px;
586 | margin-top: 0;
587 | }
588 |
589 | div.boardBanner > div.boardSubtitle {
590 | font-size: x-small;
591 | }
592 |
593 | div.post div.file .fileThumb img {
594 | border: none;
595 | float: left;
596 | }
597 |
598 | span.subject {
599 | display: block;
600 | }
601 |
602 | hr {
603 | border: none;
604 | border-top: 1px solid #b7c5d9;
605 | height: 0;
606 | }
607 |
608 | .commentpostername {
609 | font-weight: bold;
610 | }
611 |
612 | .identityIcon {
613 | margin-bottom: -3px;
614 | height: 16px;
615 | width: 16px;
616 | }
617 |
618 | .stickyIcon {
619 | margin-bottom: -2px;
620 | padding-left: 2px;
621 | height: 16px;
622 | width: 16px;
623 | }
624 |
625 | .archivedIcon, .closedIcon {
626 | margin-bottom: -2px;
627 | margin-left: -1px;
628 | height: 16px;
629 | width: 16px;
630 | }
631 |
632 | .trashIcon {
633 | width: 16px;
634 | height: 16px;
635 | margin-bottom: -2px;
636 | }
637 |
638 | .fileDeleted {
639 | height: 13px;
640 | width: 172px;
641 | }
642 |
643 | .fileDeletedRes {
644 | height: 13px;
645 | width: 127px;
646 | }
647 |
648 | .navSmall {
649 | font-size: 90%;
650 | }
651 |
652 | .center {
653 | text-align: center;
654 | }
655 |
656 | .bold {
657 | font-weight: bold;
658 | }
659 |
660 | .smaller {
661 | font-size: smaller;
662 | }
663 |
664 | .password {
665 | font-size: smaller;
666 | }
667 |
668 | .passNotice {
669 | font-size: smaller;
670 | padding-left: 3px;
671 | }
672 |
673 | .qcDiv {
674 | display: none;
675 | }
676 |
677 | .qcImg {
678 | height: 1px;
679 | width: 1px;
680 | border: 0;
681 | }
682 |
683 | .jpnFlag {
684 | height: 11px;
685 | width: 17px;
686 | }
687 |
688 | .globalMessage {
689 | color: red;
690 | text-align: center;
691 | }
692 |
693 | .highlightPost {
694 | background: #f0d6d6 !important;
695 | }
696 |
697 | span.postertrip {
698 | color: #117743;
699 | font-weight: normal !important;
700 | }
701 |
702 | span.capcodeAdmin span.name, span.capcodeAdmin span.name a, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode {
703 | color: #f00 !important;
704 | }
705 |
706 | span.capcodeMod span.name, span.capcodeMod span.name a, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {
707 | color: #800080 !important;
708 | }
709 |
710 | .omittedposts, .abbr {
711 | color: #070707;
712 | }
713 |
714 | span.spoiler {
715 | color: #000 !important;
716 | background: #000 !important;
717 | }
718 |
719 | span.spoiler:hover, span.spoiler:focus {
720 | color: #fff !important;
721 | }
722 |
723 | table.exif {
724 | display: none;
725 | min-width: 450px;
726 | }
727 |
728 | table.exif td {
729 | color: #070707;
730 | min-width: 150px;
731 | font-size: 8pt;
732 | }
733 |
734 | table.exif td b {
735 | text-decoration: underline;
736 | }
737 |
738 | #navtopright, #navbotright {
739 | float: right;
740 | }
741 |
742 | .preview {
743 | background-color: #d6daf0;
744 | border: 1px solid #b7c5d9 !important;
745 | border-right-width: 2px !important;
746 | border-bottom-width: 2px !important;
747 | }
748 |
749 | div.posthover {
750 | max-width: 400px;
751 | margin-left: 20px;
752 | }
753 |
754 | div.posthover {
755 | padding: 5px;
756 | padding-left: 10px;
757 | padding-right: 10px;
758 | }
759 |
760 | div.posthover a.fileThumb {
761 | margin-left: 5px !important;
762 | margin-right: 10px !important;
763 | }
764 |
765 | div.posthover blockquote {
766 | margin: 5px;
767 | }
768 |
769 | div.posthover img[data-md5] {
770 | max-width: 80px;
771 | max-height: 80px;
772 | }
773 |
774 | div.posthover div.fileThumb {
775 | margin-left: 0 !important;
776 | margin-right: 10px !important;
777 | }
778 |
779 | #settingsBox {
780 | position: absolute;
781 | right: 10px;
782 | margin-top: 10px;
783 | background-color: #d6daf0;
784 | }
785 |
786 | div.mPagelist a {
787 | text-decoration: none !important;
788 | }
789 |
790 | .pages a {
791 | bottom: -1px;
792 | position: relative;
793 | }
794 |
795 | img.expandedImg {
796 | max-width: auto !important;
797 | max-height: auto !important;
798 | }
799 |
800 | .prettyprint {
801 | border: none !important;
802 | background-color: #fff;
803 | padding: 5px !important;
804 | display: inline-block;
805 | max-height: 400px;
806 | max-width: 300px;
807 | word-wrap: break-word;
808 | }
809 |
810 | td > input[type="text"], td > textarea, td > input[type="password"] {
811 | width: 220px !important;
812 | margin-right: 0 !important;
813 | }
814 |
815 | #captchaFormPart > td > div {
816 | width: 310px !important;
817 | overflow: hidden;
818 | margin: 0 auto;
819 | }
820 |
821 | #postForm {
822 | width: auto;
823 | }
824 |
825 | #postForm input[name="sub"] {
826 | width: 160px !important;
827 | }
828 |
829 | #postForm input[type="submit"] {
830 | width: 60px;
831 | padding: 2px 4px 3px 4px;
832 | margin: 0;
833 | }
834 |
835 | #postForm input[type="password"] {
836 | width: 70px !important;
837 | }
838 |
839 | td > input {
840 | margin-left: 1px;
841 | }
842 |
843 | tr.mobile {
844 | display: table-row !important;
845 | }
846 |
847 | tr.mobile td {
848 | padding: 5px;
849 | }
850 |
851 | .recaptcha_image_cell {
852 | width: auto !important;
853 | padding: 0 !important;
854 | }
855 |
856 | #captchaFormPart > td > div {
857 | margin-left: 8px;
858 | }
859 |
860 | #recaptcha_table tr > td:last-child {
861 | display: none;
862 | }
863 |
864 | #recaptcha_table tr[height="73"] {
865 | height: auto !important;
866 | }
867 |
868 | #recaptcha_table tr > td {
869 | padding: 0 !important;
870 | }
871 |
872 | #recaptcha_image {
873 | width: 280px !important;
874 | }
875 |
876 | .recaptchatable .recaptcha_image_cell center {
877 | }
878 |
879 | #recaptcha_response_field {
880 | width: 272px !important;
881 | margin-left: 3px;
882 | margin-top: -1px;
883 | font-size: 10pt !important;
884 | }
885 |
886 | #recaptcha_image > img {
887 | width: 280px !important;
888 | }
889 |
890 | #postForm:not(.hideMobile) { /*max-width: 280px !important;*/
891 | overflow: hidden;
892 | margin-top: 20px;
893 | display: table;
894 | }
895 |
896 | form[name="post"] {
897 | margin: auto;
898 | max-width: 100%;
899 | }
900 |
901 | input[type="text"], input[type="password"], textarea {
902 | -webkit-appearance: none;
903 | -webkit-border-radius: 0;
904 | }
905 |
906 | input:focus, textarea:focus {
907 | border: 1px solid #9988ee !important;
908 | }
909 |
910 | a:hover, .posteruid .hand:hover {
911 | color: #dd0000 !important;
912 | }
913 |
914 | .button a:hover, a.button:hover {
915 | color: #34345c !important;
916 | }
917 |
918 | a.redButton:hover, a.redButton:focus {
919 | color: #880000 !important;
920 | }
921 |
922 | table#recaptcha_table > tbody > tr:first-child > td:nth-child(2) {
923 | display: none;
924 | }
925 |
926 | .reply:target, .reply:focus, .reply.highlight {
927 | border: 1px solid #b7c5d9 !important;
928 | background: #d6bad0 !important;
929 | }
930 |
931 | .mFileInfo {
932 | padding-top: 5px;
933 | text-align: center;
934 | color: #707070 !important;
935 | font-size: 9pt !important;
936 | text-decoration: none !important;
937 | }
938 |
939 | a.replylink, div#absbot a {
940 | text-decoration: underline !important;
941 | }
942 |
943 | a.replylink:not(:hover), div#absbot a:not(:hover) {
944 | color: #34345c !important;
945 | }
946 |
947 | .mobileSpoiler {
948 | padding: 2px !important;
949 | }
950 |
951 | #mpostform {
952 | text-align: center;
953 | margin-top: 10px;
954 | }
955 |
956 |
957 | }
--------------------------------------------------------------------------------
/pages/press.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
Press - 4chan
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
22 |
23 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Press
42 |
43 |
44 |
Since its creation in 2003, 4chan has grown to become one of the world's largest forums, serving approximately 680,000,000 page impressions to over 22,000,000 unique visitors per month (~11 MM in the US). The website is mainly popular amongst young adults, and its imageboard format is based fully on user-generated content. Users post in a variety of interest-themed imageboards, including Video Games, Anime, Lifestyle and Technology.
45 |
4chan.org is one of the highest-trafficked US sites according to Alexa and Quantcast, and is ranked by Big-Boards as being the 2nd largest BBS in the world. 4chan is credited with spawning a number of wildly popular internet memes, including LOLcats, the rapid rise to popularity of Tay "Chocolate Rain" Zonday, and "Rickrolling"—among many others.
46 |
Press/media inquiries: press@4chan.org .
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
In the news, 2011
56 |
57 |
58 |
moot at SXSW Interactive 2011
59 |
60 |
In March 4chan's founder, Christopher "moot" Poole, gave a keynote speech at the 2011 SXSW Interactive Festival: "The Wild Wild Web: Refrigerator magnets, PictoChat, Calvinball, and anonymous culture."
61 |
62 |
Feature profile in Vanity Fair
63 |
64 |
Vanity Fair ran a feature profile written by cover writer Vanessa Grigoriadis titled 4chan's Chaos Theory .
65 |
66 |
67 |
68 |
69 |
70 |
71 |
In the news, 2010
72 |
73 |
74 |
Feature profile in Technology Review
75 |
76 |
Technology Review (published by MIT) ran a feature profile written by Julian Dibbell titled Radical Opacity .
77 |
78 |
Story in The Washington Post and The New York Times Magazine
79 |
81 |
4chan was featured on the front page of The Washington Post, and prominently in a New York Times Magazine piece on ROFLCon and the viral web.
82 |
83 |
Interview on NYTimes.com
84 |
85 |
In March, Nick Bilton of The New York Times "Bits Blog" posted a one-on-one interview with Christopher "moot" Poole.
86 |
87 |
Featured on CNN.com
88 |
91 |
CNN featured "moot" in its TED2010 article titled "Ten fascinating people you've never heard of," and published a video interview conducted after the his TED talk.
92 |
93 |
moot at TED2010
94 |
99 |
In February 4chan's founder, Christopher "moot" Poole, spoke at the 2010 TED Conference, during the "Provocation" session.
100 |
[Video on TED.com ] [Video on YouTube ]
101 |
102 |
103 |
104 |
105 |
106 |
107 |
In the news, 2009
108 |
109 |
110 |
2009 TIME 100 Honoree
111 |
113 |
4chan's "moot" was selected by TIME's editors as one of the TIME 100, an annual list of "The World's Most Influential People," in the Builders & Titans category. In addition, readers voted
114 | moot as "The World's Most Influential Person" in an online poll held on TIME.com .
115 |
116 |
117 |
Story on FOXNews.com
118 |
119 |
FOXNews takes a look at 4chan, its memes, and its influence on the Web.
120 |
121 |
Featured in The Washington Post
122 |
123 |
The Washington Post gave its readers an in-depth look at "moot," aka Christopher Poole, detailing 4chan's past, present, and future.
124 |
125 |
126 |
127 |
128 |
129 |
130 |
In the news, 2008
131 |
132 |
133 |
Profiled in TIME & The Wall Street Journal
134 |
138 |
TIME and The Wall Street Journal ran articles on 4chan and its founder, "moot," in July 2008. Both appeared online and in print on July 11th .
139 |
Subsequent appearances have been made in The Observer , Maxim , and The New York Times Magazine .
140 |
141 |
142 |
143 |
144 |
145 |
146 |
Featured on...
147 |
148 |
149 |
Shown on JEOPARDY!
150 |
4chan was featured in the "Internet Favorites" category as a $1,600 question.
151 |
[Image ] [Video ]
152 |
153 |
"Today's featured article" on Wikipedia
154 |
155 |
Wikipedia's English 4chan article was nominated and promoted to "featured article" status, and displayed on the main page on January 14th, 2009.
156 |
[Main Page ] [Featured Article ]
157 |
158 |
159 |
160 |
161 |
162 |
163 |
April Fool's!
164 |
165 |
166 |
April 1st 2008 – April Fool's Day
167 |
173 |
YouTube, GameFAQs, LiveJournal, deviantART, isoHunt, and MIT's The Tech all ran April Fool's Day pranks based on 4chan memes.
174 |
The memes used include the now infamous "Rick Roll", LOLcats / "Caturday", and the Pokémon we all loev so much, Mudkips.
175 |
[YouTube ] [GameFAQs ] [LiveJournal ] [deviantART ] [isoHunt ]
176 |
177 |
178 |
179 |
180 |
181 |
185 |
186 |
LOLcats / "Caturday"
187 |
191 |
"The term lolcat gained national media attention in the United States when it was covered by Time, which wrote that non-commercialized phenomena of the sort are increasingly rare, stating that lolcats have 'a distinctly old-school, early 1990s, Usenet feel to [them].' "
192 |
—Wikipedia [Link ]
193 |
194 |
Rickrolling
195 |
204 |
"In a rickroll a person provides a link they claim is relevant to the topic at hand which actually takes the user to the Rick Astley video. ... By May 2007 the practice had become widespread, and it eventually began to receive some coverage in the mainstream media. ... In a March 2008 interview, Astley said that he found the rickrolling of Scientology to be 'hilarious'... "
205 |
—Wikipedia [Link ]
206 |
207 |
208 |
Tay "Chocolate Rain" Zonday
209 |
213 |
"Tay's most notable single is titled 'Chocolate Rain'. The spread of popularity of the song is attributed to 4chan. Tay Zonday said, "I'm pretty sure the 'Chocolate Rain' attention started as a joke at 4chan.org, an image board that is credited with starting lots of popular internet phenomena. It spread to a general audience and people started uploading spoofs. I don't know what causes people to listen to my music. If I could speak it, there would be no reason to write songs." "
214 |
—Wikipedia [Link ]
215 |
216 |
O RLY?
217 |
218 |
"O RLY?, short for 'Oh, really?' is a popular Internet phenomenon, typically presented as an image macro featuring a Snowy Owl. "
219 |
—Wikipedia [Link ]
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
238 |
th 2010
239 |
240 |
th 2010
241 |
242 |
243 |
244 |
th 2009
245 |
246 |
rd 2008
247 |
248 |
249 |
250 |
th 2008
251 |
252 |
253 |
254 |
255 |
th 2008
256 |
257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
274 |
275 |
"As with so many stupid internet fads, the rick-roll trend had its start at 4chan, a message-board whose lunatic, juvenile community is at once brilliant, ridiculous and alarming. "
276 |
—The Guardian [Link ]
277 |
278 |
279 |
"Among the most notorious of forums is one called 4chan, an anarchic, entirely anonymous bulletin board where people are encouraged to post pictures. It is variously credited with fostering not just Rick Rolling, but the LOLCATS craze of cats speaking like hacker kids, and the 'Anonymous' anti-Scientology movement... "
280 |
—The Globe and Mail [Link ]
281 |
282 |
283 |
"...has come the blossoming Web 2.0 era of collaborative content. YouTube, Wikipedia, 4chan, abeerintheevening, Facebook – they all function on the principle that everyone has at least one thing that would be of interest and value to a wider audience. The wisdom of the crowd really is starting to look wise, all things told. "
284 |
—The Times [Link ]
285 |
286 |
287 |
"An estimated 13 million internet users have been tricked into watching the video for Rick Astley's Never Gonna Give You Up in the last couple of weeks. In one of those moments of mass online hysteria that record companies wish they could replicate at will, thousands of internet users have been sending out links to scurrilous videos and websites, which actually take you directly to a video of Astley's pop masterpiece. "
288 |
—BBC NEWS [Link ]
289 |
290 |
291 |
"Other 4chan memes require more creativity, like the continuing stories around 'Epic Fail Guy', a masked stickman. The plot of the episodes develops over the course of a thread, often with spontaneous reactions from the other users. This manner of storytelling consciously plays with the way image boards work and would be impossible in any other medium. " [Translated]
292 |
—c't [Link ]
293 |
294 |
295 |
296 |
297 |
298 |
299 |
300 |
301 |
302 |
305 |
306 |
322 |
325 |
326 |
327 |
--------------------------------------------------------------------------------
/css/janichan.css:
--------------------------------------------------------------------------------
1 | /*body {
2 | font-family: arial, helvetica, sans-serif;
3 | font-size: 10pt;
4 | background: #FFF2EE url(/image/fade-pink.png) top center repeat-x;
5 | color: #000;
6 | padding-left: 5px;
7 | padding-right: 5px;
8 | margin-right: 0;
9 | margin-left: 0;
10 | margin-top: 5px;
11 | }
12 |
13 | td {
14 | font-size: 10pt;
15 | padding: 0;
16 | margin: 0;
17 | }
18 |
19 | td.reply {
20 | border: 1px solid #d9b9b7;
21 | border-left: none;
22 | border-top: none;
23 | padding: 2px;
24 | }
25 |
26 | blockquote {
27 | font-size: 10pt;
28 | }
29 |
30 | .doubledash {
31 | color: #000;
32 | }
33 |
34 | .inputtext {
35 | margin: 0;
36 | margin-right: 2px;
37 | padding: 1px 4px;
38 | border: 1px solid #aaa;
39 | outline: none;
40 | font-family: arial, helvetica, sans-serif;
41 | font-size: 10pt;
42 | }
43 |
44 | input.inputtext {
45 | height: 1.75em;
46 | }
47 |
48 | td>.inputtext {
49 | height: auto;
50 | padding-top: 2px;
51 | padding-bottom: 3px;
52 | }
53 |
54 | .inputtext:focus {
55 | border: 1px solid #E89;
56 | }
57 |
58 | .logo img {
59 | border: 1px solid #000;
60 | }
61 |
62 | .logo b span {
63 | font-family: tahoma;
64 | }
65 |
66 | .logo span {
67 | font-size: 28px;
68 | letter-spacing: -2px;
69 | }
70 |
71 | hr {
72 | border: none;
73 | border-top: 1px solid #d9b9b7;
74 | height: 0;
75 | }
76 |
77 | .postblock {
78 | border: 1px solid #000;
79 | font-size: 10pt;
80 | padding: 0 5px;
81 | line-height: 20px;
82 | }
83 |
84 | .rules {
85 | font-size: 10pt;
86 | }
87 |
88 | .rules a {
89 | text-decoration: none;
90 | }
91 |
92 | form a img {
93 | margin-top: 3px;
94 | }
95 |
96 | iframe,.rotating {
97 | background: #F0DAD6;
98 | border-right: 1px solid #d9b9b7;
99 | border-bottom: 1px solid #d9b9b7;
100 | }
101 |
102 | .pages {
103 | border: none;
104 | background: #F0DAD6;
105 | border-right: 1px solid #d9b9b7;
106 | border-bottom: 1px solid #d9b9b7;
107 | }
108 |
109 | .pages td {
110 | border: none;
111 | padding: 1px 5px;
112 | }
113 |
114 | .pages td {
115 | color: #d9b9b7;
116 | }
117 |
118 | .pages td b {
119 | color: #000;
120 | }
121 |
122 | .deletebuttons {
123 | text-align: right;
124 | }
125 |
126 | .deletebuttons br {
127 | display: none;
128 | }
129 |
130 | a,a:visited {
131 | color: #5C3434;
132 | }
133 |
134 | a:hover {
135 | color: #00D;
136 | }
137 |
138 | a.quotelink {
139 | color: #229978;
140 | }
141 |
142 | .logo {
143 | clear: both;
144 | text-align: center;
145 | font-size: 24pt;
146 | color: #0F0AAF;
147 | width: 100%;
148 | }
149 |
150 | form {
151 | margin-top: 0;
152 | }
153 |
154 | .rules {
155 | width: 468px;
156 | font-size: 10px;
157 | }
158 |
159 | .rules>li {
160 | list-style: none;
161 | }
162 |
163 | .rules>li:before {
164 | content: "\2022 \20";
165 | }
166 |
167 | .postblock {
168 | background: #E89;
169 | color: #000;
170 | font-weight: 800;
171 | }
172 |
173 | .footer {
174 | text-align: center;
175 | font-size: 12px;
176 | }
177 |
178 | .unkfunc {
179 | color: #229978;
180 | }
181 |
182 | .filesize {
183 | text-decoration: none;
184 | }
185 |
186 | td .filesize {
187 | display: inline;
188 | background: none;
189 | }
190 |
191 | .filesize span,span.postername,span.filetitle,span.commentpostername {
192 | unicode-bidi: embed;
193 | }
194 |
195 | .filetitle,.replytitle {
196 | background: inherit;
197 | color: #5D0C0F;
198 | font-weight: 800;
199 | }
200 |
201 | .postername,.commentpostername {
202 | background: inherit;
203 | color: #437711;
204 | font-weight: 800;
205 | }
206 |
207 | .postertrip {
208 | background: inherit;
209 | color: #548822;
210 | }
211 |
212 | .oldpost {
213 | background: inherit;
214 | color: #5D0C0F;
215 | font-weight: 800;
216 | }
217 |
218 | .omittedposts,.abbr {
219 | color: #070707;
220 | }
221 |
222 | .reply {
223 | background: #F0DAD6;
224 | color: #000;
225 | }
226 |
227 | .replyhl {
228 | background: #D0BAD6;
229 | color: #000;
230 | }
231 |
232 | .doubledash {
233 | vertical-align: top;
234 | clear: both;
235 | float: left;
236 | }
237 |
238 | a.quotejs:active,a.quotejs:link,a.quotejs:visited {
239 | color: #000;
240 | text-decoration: none;
241 | }
242 |
243 | a.quotejs:hover {
244 | color: #d00;
245 | }
246 |
247 | .tn_thread {
248 | width: 200px;
249 | height: 100px;
250 | margin: 0 20px 20px 20px;
251 | float: left;
252 | background: #fff2ee;
253 | border: #98e 1px solid;
254 | text-align: center;
255 | }
256 |
257 | .tn_reply {
258 | width: 100px;
259 | height: 100px;
260 | margin: 0 20px 20px 20px;
261 | float: left;
262 | background: #fff2ee;
263 | border: #98e 1px solid;
264 | text-align: center;
265 | }
266 |
267 | .adHeadline {
268 | font: bold 10pt serif;
269 | text-decoration: underline;
270 | color: #00e;
271 | }
272 |
273 | .adText {
274 | font: normal 10pt serif;
275 | text-decoration: none;
276 | color: #800;
277 | }
278 |
279 | #ad {
280 | width: 120px;
281 | margin: 0;
282 | padding: 0;
283 | position: absolute;
284 | right: 150px;
285 | border: 1px solid #98E;
286 | font-family: arial, helvetica, sans-serif;
287 | font-size: 11px;
288 | }
289 |
290 | #ad div {
291 | margin: 0;
292 | padding: .4em;
293 | }
294 |
295 | #ad div.ad-title {
296 | padding: 0;
297 | background: #98E;
298 | color: #000;
299 | font-size: 11px;
300 | }
301 |
302 | #ad div.ad-title a {
303 | font-family: arial, helvetica, sans-serif;
304 | color: #000;
305 | }
306 |
307 | #ad div.ad-text a {
308 | font-family: arial, helvetica, sans-serif;
309 | }
310 |
311 | .bottomAdTitle {
312 | font-family: arial, helvetica, sans-serif;
313 | background: #98E;
314 | color: #000;
315 | }
316 |
317 | #bottomAd {
318 | height: 52px;
319 | font-size: 11px;
320 | }
321 |
322 | #bottomAdOuter {
323 | width: 600px;
324 | border: 1px solid #98E;
325 | font-size: 11px;
326 | }
327 |
328 | .spoiler a.quotelink,.spoiler .unkfunc {
329 | color: inherit;
330 | }
331 |
332 | .exif {
333 | display: none;
334 | font-family: arial, helvetica, sans-serif;
335 | font-size: xx-small;
336 | }
337 |
338 | .exif td {
339 | font-family: arial, helvetica, sans-serif;
340 | font-size: xx-small;
341 | }
342 |
343 | .exif td b {
344 | font-weight: 800;
345 | text-decoration: underline;
346 | font-size: x-small;
347 | }
348 |
349 | #header {
350 | position: absolute;
351 | top: 2px;
352 | left: 5px;
353 | right: 5px;
354 | }
355 |
356 | * html #header {
357 | width: 100%;
358 | }
359 |
360 | #navtop,#navbot {
361 | left: 0;
362 | float: left;
363 | }
364 |
365 | #navtopright,#navbotright {
366 | right: 0;
367 | display: block;
368 | float: right;
369 | text-align: right;
370 | }
371 |
372 | #header,#navbot,#navbotright {
373 | font-size: 9pt;
374 | color: #d9b9b7;
375 | }
376 |
377 | #header a,#navbot a,#navbotr a,.pages td a {
378 | font-weight: normal;
379 | padding: 1px;
380 | text-decoration: none;
381 | color: #5C3434;
382 | }
383 |
384 | #header a:hover,#navbot a:hover,#navbotr a:hover,.pages td a:hover {
385 | color: #00D;
386 | }
387 |
388 | #footer {
389 | clear: both;
390 | padding-top: 10px;
391 | }
392 |
393 | #footer center font {
394 | font-size: 7pt;
395 | }
396 |
397 | .pages td a {
398 | color: #5C3434;
399 | }
400 |
401 | td.replyhl {
402 | border: 1px solid #D0BAD6;
403 | border-left: none;
404 | border-top: none;
405 | padding: 2px;
406 | }
407 |
408 | td.deletebuttons input.checkbox {
409 | margin: 1px 2px 1px 2px;
410 | }
411 |
412 | div.logo img {
413 | margin: 5px 0 5px 0;
414 | }
415 |
416 | .fstitle {
417 | float: left;
418 | width: 25px;
419 | }*/
420 |
421 | /** GENERIC / ELEMENT STYLING **/
422 |
423 | body {
424 | background: #fff2ee url(/image/fade-pink.png) center top repeat-x;
425 | color: #000;
426 | font-family: arial, helvetica, sans-serif;
427 | font-size: 10pt;
428 | margin-left: 0;
429 | margin-right: 0;
430 | margin-top: 5px;
431 | padding-left: 5px;
432 | padding-right: 5px;
433 | }
434 |
435 | .nwsb {
436 | display: none;
437 | }
438 |
439 | .party-hat {
440 | left: 0;
441 | margin-top: -80px;
442 | position: absolute;
443 | pointer-events: none;
444 | }
445 |
446 | .mobile, .mobileinline {
447 | display: none !important;
448 | }
449 |
450 | .bottomCtrl {
451 | float: right;
452 | margin-top: 2px;
453 | }
454 |
455 | #ctrl-top {
456 | display: none;
457 | }
458 |
459 | a, a:visited {
460 | color: #00e;
461 | }
462 |
463 | a:hover {
464 | color: red;
465 | }
466 |
467 | a.replylink, div#absbot a {
468 | color: #00e !important;
469 | text-decoration: underline !important;
470 | }
471 |
472 | div#absbot {
473 | color: #800000;
474 | clear: both;
475 | }
476 |
477 | div.board > hr {
478 | clear: both;
479 | }
480 |
481 | img {
482 | border: none;
483 | }
484 |
485 | hr {
486 | border: none;
487 | border-top: 1px solid #d9b9b7;
488 | height: 0;
489 | }
490 |
491 | hr.abovePostForm {
492 | width: 90%;
493 | }
494 |
495 | span.x-small {
496 | font-size: x-small;
497 | }
498 |
499 | /** MOBILE ONLY DISABLES **/
500 |
501 | .mobile {
502 | display: none;
503 | }
504 |
505 | /** HEADER **/
506 |
507 | ul.rules {
508 | margin: 0;
509 | padding: 0;
510 | margin-top: 1px;
511 | }
512 |
513 | ul.rules > li {
514 | list-style: none;
515 | font-size: 10px;
516 | }
517 |
518 | .rules > li:before {
519 | content: "\2022 \20";
520 | }
521 |
522 | div.boardBanner {
523 | text-align: center;
524 | clear: both;
525 | }
526 |
527 | div.boardBanner > img {
528 | border: 1px solid #34345c;
529 | margin: 5px 0 5px 0;
530 | width: 300px;
531 | height: 100px;
532 | }
533 |
534 | div.boardBanner > div.boardTitle {
535 | font-family: Tahoma;
536 | font-size: 28px;
537 | font-weight: bold;
538 | letter-spacing: -2px;
539 | margin-top: 0;
540 | color: #0f0aaf;
541 | }
542 |
543 | div.boardBanner > div.boardSubtitle {
544 | font-size: x-small;
545 | }
546 |
547 | div#boardNavDesktop {
548 | font-size: 9pt;
549 | color: #b86;
550 | display: block;
551 | }
552 |
553 | div#boardNavDesktop a {
554 | font-weight: normal;
555 | padding: 1px;
556 | text-decoration: none;
557 | color: #800000;
558 | }
559 |
560 | /** General Containers **/
561 |
562 | div.pContainer {
563 | }
564 |
565 | div.opContainer {
566 | display: inline;
567 | }
568 |
569 | div.sideArrows {
570 | color: #e0bfb7;
571 | float: left;
572 | margin-right: 2px;
573 | margin-top: 0;
574 | margin-left: 2px;
575 | }
576 |
577 | /** Thread Container **/
578 |
579 | div.thread {
580 | margin: 0;
581 | clear: both;
582 | }
583 |
584 | /** Post Container **/
585 |
586 | div.post {
587 | margin: 4px 0;
588 | overflow: hidden;
589 | }
590 |
591 |
592 |
593 | div.reply {
594 | background-color: #f0dad6;
595 | border: 1px solid #d9b9b7;
596 | border-left: none;
597 | border-top: none;
598 | display: table;
599 | padding: 2px;
600 | }
601 |
602 | div.reply input {
603 | float: none;
604 | }
605 |
606 | /** Post Information **/
607 |
608 | div.post div.postInfo {
609 | display: block;
610 | width: 100%;
611 | }
612 |
613 | div.post div.postInfo span.postNum {
614 | }
615 |
616 | div.post div.postInfo span.postNum a {
617 | text-decoration: none;
618 | color: #000;
619 | }
620 |
621 | div.post div.postInfo span.postNum a:hover {
622 | color: d00 !important;
623 | }
624 |
625 | /* Name */
626 |
627 | div.post div.postInfo span.nameBlock {
628 | display: inline-block;
629 | }
630 |
631 | div.post div.postInfo span.nameBlock span.name {
632 | color: #437711;
633 | font-weight: bold;
634 | }
635 |
636 | div.post div.postInfo span.nameBlock span.postertrip {
637 | color: #548822;
638 | font-weight: normal !important;
639 | }
640 |
641 | /* Date/Time */
642 |
643 | div.post div.postInfo span.date {
644 | }
645 |
646 | div.post div.postInfo span.time {
647 | }
648 |
649 | /* Subject */
650 |
651 | div.post div.postInfo span.subject {
652 | color: #5d0c0f;
653 | font-weight: bold;
654 | }
655 |
656 | /** Message **/
657 |
658 | div.post blockquote.postMessage {
659 | display: block;
660 | }
661 |
662 | blockquote > span.quote {
663 | color: #85aba1;
664 | }
665 |
666 | a.quoteLink, a.quotelink, .deadlink {
667 | color: #229978 !important;
668 | }
669 |
670 | /** File Information **/
671 |
672 | div.post div.file {
673 | display: block;
674 | }
675 |
676 | div.post div.file div.fileInfo {
677 | margin-right: 10px;
678 | }
679 |
680 | div.replyContainer div.post div.file div.fileInfo {
681 | margin-left: 20px;
682 | }
683 |
684 | div.post div.file .fileThumb {
685 | float: left;
686 | margin-left: 20px;
687 | margin-right: 20px;
688 | margin-top: 3px;
689 | }
690 |
691 | span.fileThumb {
692 | margin-left: 0 !important;
693 | margin-right: 5px !important;
694 | }
695 |
696 | div.reply span.fileThumb, div.reply span.fileThumb img {
697 | float: none !important;
698 | margin-top: 0 !important;
699 | margin-bottom: 0 !important;
700 | }
701 |
702 | div.post div.file .fileThumb img {
703 | border: none;
704 | float: left;
705 | margin-bottom: 5px;
706 | }
707 |
708 | /** Summary **/
709 |
710 | span.summary {
711 | color: #707070;
712 | margin-top: 10px;
713 | }
714 |
715 | /** POST FORM **/
716 |
717 | div.postingMode {
718 | background-color: #e04000;
719 | padding: 1px;
720 | text-align: center;
721 | color: #fff;
722 | font-weight: bold;
723 | font-size: larger;
724 | }
725 |
726 | div.navLinks {
727 | margin-bottom: 10px;
728 | }
729 |
730 | div.navLinksBot {
731 | margin-bottom: 0;
732 | }
733 |
734 | #verification table {
735 | border: none !important;
736 | margin: 0;
737 | }
738 |
739 | /** FOOTER **/
740 |
741 | div.thread:last-child {
742 | padding-bottom: 21px;
743 | margin-bottom: 6px;
744 | }
745 |
746 | div.pagelist {
747 | font-size: 13px !important;
748 | margin: 0;
749 | padding: 3px 7px;
750 | float: left;
751 | border: none;
752 | background: #f0e0d6;
753 | border-right: 1px solid #d9b9b7;
754 | border-bottom: 1px solid #d9b9b7;
755 | list-style: none;
756 | overflow: hidden;
757 | color: #b86;
758 | }
759 |
760 | div.pagelist > div {
761 | float: left;
762 | }
763 |
764 | div.pagelist > div span {
765 | padding: 4px;
766 | display: inline-block;
767 | }
768 |
769 | div.pagelist div.pages {
770 | padding: 4px;
771 | }
772 |
773 | div.pagelist div.pages a {
774 | text-decoration: none !important; /* FINE MOOT GOSH JEEZ */
775 | }
776 |
777 | div.pagelist form {
778 | display: inline;
779 | }
780 |
781 | div.pagelist strong {
782 | color: #800000;
783 | }
784 |
785 | div.deleteform {
786 | float: right;
787 | margin-top: 2px;
788 | }
789 |
790 | input[type=password] {
791 | width: 50px;
792 | text-align: center;
793 | }
794 |
795 | div.deleteform input[type=checkbox] {
796 | margin: 1px 2px 1px 2px;
797 | }
798 |
799 | div.stylechanger {
800 | float: right;
801 | font-size: 10pt;
802 | clear: both;
803 | }
804 |
805 | div.stylechanger select {
806 | display: inline;
807 | }
808 |
809 | div#boardNavDesktopFoot {
810 | font-size: 9pt;
811 | color: #b86;
812 | clear: both;
813 | padding-top: 10px;
814 | padding-bottom: 3px;
815 | }
816 |
817 | div#boardNavDesktopFoot a {
818 | font-weight: normal;
819 | padding: 1px;
820 | text-decoration: none;
821 | color: #800000;
822 | }
823 |
824 | div.homelink {
825 | float: right;
826 | }
827 |
828 | div#absbot {
829 | text-align: center;
830 | font-size: xx-small !important;
831 | padding-bottom: 4px;
832 | color: #800;
833 | }
834 |
835 | #recaptcha_response_field {
836 | padding: 0;
837 | }
838 |
839 | /** POST FORM **/
840 |
841 | table {
842 | border-spacing: 1px;
843 | margin-left: auto;
844 | margin-right: auto;
845 | }
846 |
847 | #postForm {
848 | display: none;
849 | }
850 |
851 | #togglePostFormLink {
852 | font-size: 22px;
853 | font-weight: bold;
854 | text-align: center;
855 | }
856 |
857 | table.postForm > tbody > tr > td:first-child {
858 | background-color: #e89;
859 | color: #000;
860 | font-weight: bold;
861 | border: 1px solid #000;
862 | padding: 0 5px;
863 | font-size: 10pt;
864 | }
865 |
866 | tr.rules td {
867 | border: 0 !important;
868 | background-color: transparent !important;
869 | font-weight: normal !important;
870 | }
871 |
872 | td {
873 | margin: 0;
874 | padding: 0;
875 | font-size: 10pt;
876 | }
877 |
878 | table.postForm > tbody input[type=text], input[type=password], table.postForm > tbody textarea {
879 | margin: 0;
880 | margin-right: 2px;
881 | padding: 2px 4px 3px 4px;
882 | border: 1px solid #aaa;
883 | outline: none;
884 | font-family: arial, helvetica, sans-serif;
885 | font-size: 10pt;
886 | }
887 |
888 | table.postForm > tbody > tr > td > input[type=text] {
889 | width: 232px;
890 | }
891 |
892 | table.postForm > tbody > tr > td > input[name="subject"] {
893 | width: 300px;
894 | }
895 |
896 | .postblock {
897 | background-color: #e89;
898 | color: #800;
899 | font-weight: bold;
900 | border: 1px solid #800;
901 | padding: 0 5px;
902 | font-size: 10pt;
903 | }
904 |
905 | div.closed {
906 | font-size: x-large;
907 | text-align: center;
908 | color: red;
909 | font-weight: bold;
910 | padding-top: 100px;
911 | padding-bottom: 100px;
912 | }
913 |
914 | @media screen and (-webkit-min-device-pixel-ratio:0) {
915 | tbody textarea {
916 | margin-bottom: -3px !important;
917 | }
918 |
919 |
920 | }
921 |
922 | .commentpostername {
923 | font-weight: bold;
924 | }
925 |
926 | .identityIcon {
927 | margin-bottom: -3px;
928 | }
929 |
930 | .stickyIcon {
931 | margin-bottom: -1px;
932 | padding-left: 2px;
933 | height: 16px;
934 | width: 16px;
935 | }
936 |
937 | .closedIcon {
938 | margin-bottom: -1px;
939 | margin-left: -1px;
940 | height: 16px;
941 | width: 16px;
942 | }
943 |
944 | .trashIcon {
945 | width: 16px;
946 | height: 16px;
947 | margin-bottom: -2px;
948 | }
949 |
950 | .fileDeleted {
951 | height: 13px;
952 | width: 172px;
953 | }
954 |
955 | .fileDeletedRes {
956 | height: 13px;
957 | width: 127px;
958 | }
959 |
960 | .navSmall {
961 | font-size: 90%;
962 | }
963 |
964 | .center {
965 | text-align: center;
966 | }
967 |
968 | .bold {
969 | font-weight: bold;
970 | }
971 |
972 | .smaller {
973 | font-size: smaller;
974 | }
975 |
976 | .password {
977 | font-size: smaller;
978 | }
979 |
980 | .passNotice {
981 | font-size: smaller;
982 | padding-left: 6px;
983 | }
984 |
985 | .qcDiv {
986 | display: none;
987 | }
988 |
989 | .qcImg {
990 | height: 1px;
991 | width: 1px;
992 | border: 0;
993 | }
994 |
995 | .jpnFlag {
996 | height: 11px;
997 | width: 17px;
998 | }
999 |
1000 | .globalMessage {
1001 | color: red;
1002 | text-align: center;
1003 | }
1004 |
1005 | .highlightPost {
1006 | background: #f0d6d6 !important;
1007 | border-color: #d69595 !important;
1008 | }
1009 |
1010 | .reply:target, .replyContainer .highlight {
1011 | background: #f0c0b0 !important;
1012 | border: 1px solid #d99f91 !important;
1013 | border-left: none !important;
1014 | border-top: none !important;
1015 | padding: 2px;
1016 | }
1017 |
1018 | span.capcodeAdmin span.name, span.capcodeAdmin span.name a, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode {
1019 | color: #f00 !important;
1020 | }
1021 |
1022 | span.capcodeMod span.name, span.capcodeMod span.name a, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {
1023 | color: #800080 !important;
1024 | }
1025 |
1026 | .omittedposts, .abbr {
1027 | color: #707070;
1028 | }
1029 |
1030 | span.spoiler {
1031 | color: #000 !important;
1032 | background: #000 !important;
1033 | }
1034 |
1035 | span.spoiler:hover, span.spoiler:focus {
1036 | color: #fff !important;
1037 | }
1038 |
1039 | table.exif {
1040 | min-width: 450px;
1041 | }
1042 |
1043 | table.exif td {
1044 | color: #707070;
1045 | min-width: 150px;
1046 | font-size: 8pt;
1047 | }
1048 |
1049 | table.exif td b {
1050 | text-decoration: underline;
1051 | }
1052 |
1053 | div.posthover {
1054 | max-width: 400px;
1055 | margin-left: 20px;
1056 | }
1057 |
1058 | div.posthover {
1059 | padding: 5px;
1060 | padding-left: 10px;
1061 | padding-right: 10px;
1062 | }
1063 |
1064 | div.posthover a.fileThumb {
1065 | margin-left: 5px !important;
1066 | margin-right: 10px !important;
1067 | }
1068 |
1069 | div.posthover blockquote {
1070 | margin: 5px;
1071 | }
1072 |
1073 | div.posthover img[data-md5] {
1074 | max-width: 80px;
1075 | max-height: 80px;
1076 | height: auto !important;
1077 | width: auto !important;
1078 | }
1079 |
1080 | div.posthover div.fileThumb {
1081 | margin-left: 0 !important;
1082 | margin-right: 10px !important;
1083 | }
1084 |
1085 | #navtopright, #navbotright {
1086 | float: right;
1087 | }
1088 |
1089 | .preview {
1090 | background: #f0e0d6;
1091 | border: 1px solid #d9b9b7 !important;
1092 | border-right: 2px solid #d9b9b7 !important;
1093 | border-bottom: 2px solid #d9b9b7 !important;
1094 | }
1095 |
1096 | #settingsBox {
1097 | position: absolute;
1098 | right: 10px;
1099 | margin-top: 10px;
1100 | }
1101 |
1102 | div.backlink {
1103 | font-size: x-small !important;
1104 | padding-left: 10px;
1105 | padding-bottom: 5px;
1106 | padding-right: 10px;
1107 | }
1108 |
1109 | .backlink span {
1110 | padding-right: 5px;
1111 | }
1112 |
1113 | div#boardNavMobile {
1114 | padding: 5px;
1115 | background-color: #e7dad6;
1116 | overflow: hidden;
1117 | border-bottom: 1px solid #dcc5b8;
1118 | position: fixed;
1119 | top: 0;
1120 | left: 0;
1121 | width: 100%;
1122 | }
1123 |
1124 | div#boardNavMobile select, div#boardNavMobile option {
1125 | }
1126 |
1127 | div.boardSelect {
1128 | float: left;
1129 | }
1130 |
1131 | div.pageJump {
1132 | float: right;
1133 | padding-right: 10px;
1134 | }
1135 |
1136 | /** QUICK REPLY **/
1137 |
1138 | div.qrWindow {
1139 | position: absolute;
1140 | z-index: 10000;
1141 | }
1142 |
1143 | div.qrHeader {
1144 | padding: 2px;
1145 | font-size: small;
1146 | text-align: center;
1147 | }
1148 |
1149 | div.qrForm {
1150 | padding: 3px;
1151 | }
1152 |
1153 | span.qrButtonHolder {
1154 | position: absolute;
1155 | right: 5px;
1156 | text-align: right;
1157 | top: 3px;
1158 | }
1159 |
1160 | span.qrButtonHolder a {
1161 | text-decoration: none;
1162 | }
1163 |
1164 | span.qrButtonHolder img {
1165 | cursor: pointer;
1166 | margin-bottom: -1px;
1167 | margin-top: 1px;
1168 | }
1169 |
1170 | .extButton img {
1171 | margin-top: 3px;
1172 | margin-bottom: -3px;
1173 | margin-left: 4px;
1174 | }
1175 |
1176 | .qrMessage {
1177 | padding: 2px;
1178 | text-align: center;
1179 | }
1180 |
1181 | .op .backlinkHr {
1182 | width: 55%;
1183 | }
1184 |
1185 | .useremail .name, .useremail .postertrip {
1186 | color: #0000ee !important;
1187 | }
1188 |
1189 | img.expandedImg {
1190 | max-width: none !important;
1191 | max-height: none !important;
1192 | }
1193 |
1194 | /** this is not important **/
1195 |
1196 | #captchaContainer {
1197 | overflow: hidden;
1198 | }
1199 |
1200 | #captchaContainer > img {
1201 | float: left;
1202 | border: 1px solid #aaa;
1203 | margin-bottom: 1px;
1204 | }
1205 |
1206 | #captchaInfo {
1207 | float: left;
1208 | margin-left: 5px;
1209 | visibility: hidden;
1210 | }
1211 |
1212 | #captchaResponse {
1213 | width: 292px;
1214 | }
1215 |
1216 | .prettyprint {
1217 | border: none !important;
1218 | background-color: #fff;
1219 | padding: 5px !important;
1220 | display: inline-block;
1221 | max-height: 400px;
1222 | overflow-x: auto;
1223 | max-width: 600px;
1224 | }
1225 |
1226 | input:not([type=submit]):focus, textarea:focus {
1227 | border: 1px solid #e89 !important;
1228 | }
1229 |
1230 | input[type="text"], input[type="password"], textarea {
1231 | -webkit-appearance: none;
1232 | -webkit-border-radius: 0;
1233 | }
1234 |
1235 | /** fix stupid google recaptcha padding in webkit **/
1236 |
1237 | iframe[src="about:blank"] {
1238 | display: none;
1239 | }
1240 |
1241 | textarea[name="com"] {
1242 | width: 292px;
1243 | }
1244 |
1245 | input[type=password] {
1246 | width: 50px;
1247 | text-align: center;
1248 | }
1249 |
1250 | .deadlink {
1251 | text-decoration: line-through;
1252 | }
1253 |
1254 | #search-cnt {
1255 | display: none;
1256 | }
1257 |
1258 | #search-ok {
1259 | text-decoration: none;
1260 | line-height: 1;
1261 | cursor: pointer;
1262 | }
1263 |
1264 | #search-box {
1265 | width: 100px;
1266 | font-size: 11px;
1267 | height: 12px;
1268 | margin-right: 5px;
1269 | padding: 0;
1270 | }
1271 |
1272 | #tooltip {
1273 | position: absolute;
1274 | background-color: #181f24;
1275 | font-size: 11px;
1276 | line-height: 13px;
1277 | padding: 3px 6px;
1278 | z-index: 100000;
1279 | word-wrap: break-word;
1280 | white-space: pre-line;
1281 | max-width: 400px;
1282 | color: #fff;
1283 | text-align: center;
1284 | }
1285 |
1286 | .tip-top-left:before, .tip-top-right:before, .tip-top:before {
1287 | content: "";
1288 | display: block;
1289 | width: 0;
1290 | height: 0;
1291 | position: absolute;
1292 | border-left: 4px solid transparent;
1293 | border-right: 4px solid transparent;
1294 | border-top: 4px solid #181f24;
1295 | margin-left: -4px;
1296 | bottom: -4px;
1297 | }
1298 |
1299 | .tip-top:before {
1300 | left: 50%;
1301 | }
1302 |
1303 | .tip-top-right:before {
1304 | left: 2px;
1305 | margin-left: 0;
1306 | }
1307 |
1308 | .tip-top-left:before {
1309 | right: 2px;
1310 | }
1311 |
1312 | .dd-menu {
1313 | position: absolute;
1314 | font-size: 13px;
1315 | line-height: 1.3em;
1316 | }
1317 |
1318 | .dd-menu a {
1319 | text-decoration: none;
1320 | color: inherit !important;
1321 | display: block;
1322 | }
1323 |
1324 | .dd-menu ul {
1325 | background-color: #f0e0d6;
1326 | border: 1px solid #d9bfb7;
1327 | border-bottom: none;
1328 | list-style: none;
1329 | padding: 0;
1330 | margin: 0;
1331 | white-space: nowrap;
1332 | }
1333 |
1334 | .dd-menu ul ul {
1335 | display: none;
1336 | position: absolute;
1337 | }
1338 |
1339 | .dd-menu li {
1340 | cursor: pointer;
1341 | position: relative;
1342 | padding: 2px 4px;
1343 | vertical-align: middle;
1344 | border-bottom: 1px solid #d9bfb7;
1345 | }
1346 |
1347 | .dd-menu li:hover {
1348 | background-color: #ffffee;
1349 | }
1350 |
1351 | .dd-menu li:hover ul {
1352 | display: block;
1353 | left: 100%;
1354 | margin-top: -3px;
1355 | }
1356 |
1357 | .dd-menu.dd-menu-left li:hover ul {
1358 | left: auto;
1359 | right: 100%;
1360 | }
--------------------------------------------------------------------------------
29 | 
29 | 
23 | 12/20/15(Sun)20:03:52
24 | No.
26 | 51971506
28 | 
30 | 
[Reply]
31 | 
61 | 
62 | 
63 | 
64 | 
103 | + data.country.toLowerCase() + '.gif "' + data.country_name + '")
';
105 | }
106 | else {
107 | flag = '';
108 | }
109 |
110 | if (data.ext) {
111 | shortFile = longFile = data.filename + data.ext;
112 | if (data.filename.length > 30) {
113 | shortFile = data.filename.slice(0, 25) + '(...)' + data.ext;
114 | }
115 |
116 | if (!data.tn_w && !data.tn_h && data.ext == '.gif') {
117 | data.tn_w = data.w;
118 | data.tn_h = data.h;
119 | }
120 | if (data.fsize >= 1048576) {
121 | fileSize = ((0 | (data.fsize / 1048576 * 100 + 0.5)) / 100) + ' M';
122 | }
123 | else if (data.fsize > 1024) {
124 | fileSize = (0 | (data.fsize / 1024 + 0.5)) + ' K';
125 | }
126 | else {
127 | fileSize = data.fsize + ' ';
128 | }
129 |
130 | fileThumb = '//i.4cdn.org/bans/thumb/' + data.board + '/' + data.thumb + 's.jpg';
131 |
132 | imgWidth = data.tn_w;
133 | imgHeight = data.tn_h;
134 |
135 | if (imgWidth > maxSize) {
136 | ratio = maxSize / imgWidth;
137 | imgWidth = maxSize;
138 | imgHeight = imgHeight * ratio;
139 | }
140 | if (imgHeight > maxSize) {
141 | ratio = maxSize / imgHeight;
142 | imgWidth = imgWidth * ratio;
143 | imgHeight = maxSize;
144 | }
145 |
146 | imgSrc = ''
147 | + '
