source: trunk/web/punbb/style/Fire.css @ 6

Last change on this file since 6 was 6, checked in by dj3c1t, 12 years ago

mise a jour du trunk

File size: 29.1 KB
Line 
1/*****************************************************************
21. INITIAL SETTINGS
3*****************************************************************/
4
5/* Limited Reset
6----------------------------------------------------------------*/
7
8html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
9.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
10.pun abbr, .pun cite {
11        border: 0;
12        font-style: normal;
13        font-weight: normal;
14        margin: 0;
15        padding: 0;
16}
17
18.pun ul, .pun ol {
19        list-style: none;
20}
21
22.pun select {
23        padding-bottom: 1px;
24        padding-top: 1px;
25}
26
27/* Content Defaults
28----------------------------------------------------------------*/
29
30.pun {
31        font: 81.25%/1.462em Arial, Helvetica, sans-serif;
32}
33
34.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
35        font-family: Arial, Helvetica, sans-serif;
36        font-size: 1em;
37}
38
39.pun pre, .pun code {
40        font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
41        font-size: 1em;
42}
43
44.pun pre code {
45        font-size: 1em;
46}
47
48.pun table {
49        border-collapse: collapse;
50        border-spacing: 0;
51        border: 0;
52        empty-cells: show;
53        width: 100%;
54}
55
56.pun h1 {
57        font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
58        padding: 7px 0;
59}
60
61.pun h2, .pun .hd h2 {
62        font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
63        padding: 7px 0;
64}
65
66.pun h3 {
67        font-size: 1.154em;
68        line-height: 1.267em;
69        padding: 7px 0;
70}
71
72.pun h4 {
73        font-size: 1.077em;
74        font-weight: bold;
75        padding: 7px 0;
76}
77
78.pun h5, .pun h6 {
79        font-size: 1em;
80        font-weight: bold;
81        padding: 7px 0;
82}
83
84.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
85        padding: 7px 0;
86}
87
88.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
89        font-weight: bold;
90}
91
92.pun em {
93        font-style: italic;
94}
95
96.pun a, .pun a:link, .pun a:visited {
97        text-decoration: none;
98}
99
100.pun a:hover, .pun a:active, .pun a:focus {
101        text-decoration: underline;
102}
103
104.pun .actions span {
105        padding-left: 16px;
106        padding-right: 8px;
107        background: url(Fire/img/bull.png) center left no-repeat;
108        display: inline-block;
109        line-height: normal;
110}
111
112/* Hidden Elements
113----------------------------------------------------------------*/
114
115#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
116#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
117#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
118        display: block;
119        overflow: hidden;
120        position: absolute;
121        text-indent: -9999em;
122        width: 0;
123}
124
125/* Generic Float Clear
126----------------------------------------------------------------*/
127
128.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
129        min-height: 1px;
130}
131
132* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
133        display: inline-block;
134}
135
136* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
137        display: block;
138}
139
140.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
141        content: " ";
142        display: block;
143        height: 0;
144        font-size: 0;
145        clear: both;
146        visibility: hidden;
147}
148
149.pun .block2col .inbox:after {
150        content: none;
151        clear: none;
152}
153
154.clearl {
155        clear: left;
156}
157
158/*****************************************************************
1592. COMMON STYLES
160*****************************************************************/
161
162/* Page Layout
163----------------------------------------------------------------*/
164
165.pun {
166        padding: 30px 40px;
167}
168
169#punredirect, #punmaint {
170        padding: 60px 20% 12px 20%;
171}
172
173#puninstall, #pundb_update {
174        padding: 20px 10%;
175}
176
177.pun .punwrap {
178        border: 1px solid;
179        padding: 18px;
180}
181
182.pun .top-box {
183        height: 18px;
184        margin-bottom: -18px;
185        position: relative;
186        background: url(Fire/img/main_top.png) top left no-repeat;
187}
188
189.pun .top-box div {
190        height: 18px;
191        margin-left: 50%;
192        background: url(Fire/img/main_top.png) top right no-repeat;
193}
194
195.pun .end-box {
196        margin-top: -17px;
197        height: 18px;
198        position: relative;
199        background: url(Fire/img/main_end.png) bottom left no-repeat;
200}
201
202.pun .end-box div {
203        height: 18px;
204        margin-left: 50%;
205        background: url(Fire/img/main_end.png) bottom right no-repeat;
206}
207
208#punredirect h2, #punmaint h2 {
209        border-bottom-style: dotted;
210        border-bottom-width: 1px;
211        margin-bottom: 3px;
212}
213
214/* Section Spacing and Borders
215----------------------------------------------------------------*/
216
217#brdmain {
218        border-style: solid none;
219        border-width: 2px 0;
220        margin-bottom: 12px;
221        padding: 12px 0;
222}
223
224#punindex #brdmain {
225        padding-top: 24px;
226}
227
228#punredirect #brdmain, #punmaint #brdmain {
229        border: 0;
230        margin: 0;
231        padding: 0;
232}
233
234#brdstats {
235        border-style: solid none none none;
236        border-width: 2px 0 0 0;
237        margin-top: 24px;
238        padding-top: 12px;
239}
240
241#quickpost {
242        border-style: solid none none none;
243        border-width: 2px 0 0 0;
244        margin-top: 12px;
245        padding-top: 12px;
246}
247
248#announce {
249        border-style: solid none none none;
250        border-width: 2px 0 0 0;
251        padding-top: 3px;
252}
253
254/*****************************************************************
2553. COMMON BOARD ELEMENTS
256*****************************************************************/
257
258/* Logo, Description and Main Menu
259----------------------------------------------------------------*/
260
261#brdtitle h1 {
262        padding: 0 0 10px 0;
263}
264
265#brddesc {
266        border-top-style: dotted;
267        border-top-width: 1px;
268        padding: 10px 0;
269}
270
271#brddesc p {
272        padding: 0;
273}
274
275#brdmenu ul {
276        padding: 0;
277}
278
279#brdmenu li {
280        float: left;
281}
282
283#brdmenu a:link, #brdmenu a:visited {
284        border-right-style: solid;
285        border-width: 1px;
286        display: block;
287        min-width: 60px;
288        padding: 12px 16px 6px 8px;
289        white-space: nowrap;
290}
291
292#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
293        text-decoration: none;
294}
295
296/* Welcome Box
297----------------------------------------------------------------*/
298
299#brdwelcome {
300        padding: 10px 0;
301}
302
303#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
304        display: inline;
305        padding: 0;
306}
307
308#brdwelcome .conl {
309  float: left;
310}
311
312#brdwelcome .conr {
313  float: right;
314}
315
316#brdwelcome li span {
317        background: url(Fire/img/bull.png) center left no-repeat;
318        padding-left: 18px;
319        margin-right: 3px;
320        display: inline-block;
321        line-height: normal;
322        white-space: nowrap;
323}
324
325#brdwelcome .conl li:first-child span {
326        padding-left: 0;
327        background: none;
328}
329
330/* Stats
331----------------------------------------------------------------*/
332
333#brdstats .conl {
334        float: left;
335}
336
337#brdstats .conr {
338        float: right;
339        text-align: right;
340}
341
342#brdstats #onlinelist {
343        border-top-style: dotted;
344        border-top-width: 1px;
345        clear: both;
346}
347
348#brdstats #onlinelist dt, #brdstats #onlinelist dd {
349        display: inline;
350}
351
352/* Footer
353----------------------------------------------------------------*/
354
355.pun #modcontrols {
356        border-style: none none dotted none;
357        border-width: 0 0 1px 0;
358        margin-bottom: 4px;
359        text-align: center;
360        width: 100%;
361}
362
363.pun #modcontrols dd {
364        display: inline;
365}
366
367.pun #brdfooter #modcontrols dd span {
368        background: url(Fire/img/bull.png) center left no-repeat;
369        display: inline-block;
370        line-height: normal;
371        padding-left: 18px;
372        white-space: nowrap;
373}
374
375.pun #brdfooter .conl {
376        float: left;
377}
378
379.pun #brdfooter .conr {
380        text-align: right;
381        float: right;
382}
383
384.pun #brdfooter #poweredby a {
385        font-size: 1.077em;
386        font-weight: bold;
387}
388
389.pun #brdfooter #qjump {
390        padding-top: 5px;
391}
392
393.pun #brdfooter #qjump * {
394        white-space: nowrap;
395}
396
397.pun #brdfooter #searchlinks dd span {
398        background: url(Fire/img/bull.png) center left no-repeat;
399        display: inline-block;
400        line-height: normal;
401        padding-left: 18px;
402        white-space: nowrap;
403}
404
405.pun #brdfooter #feedlinks {
406        padding-bottom: 0;
407}
408
409.pun #brdfooter #feedlinks span {
410        background: url(Fire/img/feed.png) center left no-repeat;
411        display: inline-block;
412        padding-left: 18px;
413        white-space: nowrap;
414}
415
416.pun #debugtime {
417        border-style: dotted none none none;
418        border-width: 1px 0 0 0;
419        margin-top: 7px;
420        text-align: center;
421}
422
423/* Breadcrumbs, Postlink, Pagination
424----------------------------------------------------------------*/
425
426.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
427        overflow: hidden;
428}
429
430.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
431        clear: both;
432        position: relative;
433}
434
435.pun .linkst .crumbs {
436        font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
437        font-size: 1.462em;
438        line-height: 1.211em;
439        padding: 7px 0;
440}
441
442.pun .linksb .crumbs, .pun .postlinksb .crumbs {
443        font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
444        font-size: 1.154em;
445}
446
447.pun .linkst .crumbsplus .pagepost {
448        border-top-style: dotted;
449        border-top-width: 1px;
450}
451
452.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
453        border-bottom-style: dotted;
454        border-bottom-width: 1px;
455}
456
457.pun .postlinksb .crumbs {
458        margin-right: 11em;
459}
460
461.pun .crumbs li {
462        float: left;
463        padding-right: 0.4em;
464        white-space: nowrap;
465}
466
467.pun .crumbs li strong {
468        font-weight: normal;
469}
470
471.pun .pagelink {
472        float: left;
473        white-space: nowrap;
474}
475
476.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
477        border-style: none none none solid;
478        border-width: 0 0 0 1px;
479        display: inline-block;
480        padding: 0 12px 0 10px;
481        margin-right: -6px;
482}
483
484.pun .pagelink .item1 {
485        border: 0;
486}
487
488.pun .pagelink .pages-label {
489        display: inline-block;
490}
491
492.pun .postlink {
493        float: right;
494        font-weight: bold;
495        text-align: right;
496}
497
498.pun .modbuttons {
499        float: right;
500        padding: 5px 0 3px 0;
501}
502
503.pun .modbuttons input {
504        margin-left: 8px;
505}
506
507.pun .subscribelink {
508        position: absolute;
509        right: 0;
510        text-align: right;
511        top: 33px;
512}
513
514#punindex .subscribelink {
515        top: 0px;
516}
517
518#punindex .linksb {
519        height: 12px;
520}
521
522/*****************************************************************
5234. MAIN TABLES
524*****************************************************************/
525
526.pun #brdmain .blocktable {
527        position: relative;
528}
529
530#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
531        font: 1em/1.462em Arial, Helvetica, sans-serif;
532        font-weight: bold;
533        margin: 1px 1px 0 1px;
534        padding-left: 8px;
535        position: absolute;
536        left: 0;
537        white-space: nowrap;
538        z-index: 100;
539}
540
541#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
542        font-size: 0;
543        text-indent: -9999em;
544}
545
546.pun .blocktable .box {
547        border-style: solid;
548        border-width: 1px;
549        margin-bottom: -1px;
550        overflow: hidden;
551        position: relative;
552}
553
554* html .pun .blocktable .box {
555        display: inline-block;
556}
557
558.pun .blocktable table {
559        table-layout: fixed;
560        margin-bottom: -1px;
561}
562
563.pun .blocktable th {
564        padding: 7px 8px;
565        border-style: none none solid none;
566        border-width: 1px;
567        text-align: left;
568}
569
570.pun .blocktable td {
571        padding: 7px 8px;
572        line-height: 1.3077em;
573        border-style: none none solid none;
574        border-width: 1px;
575        text-align: left;
576}
577
578.pun .blocktable h3 {
579        font-size: 1.077em;
580        font-weight: bold;
581        padding: 0;
582}
583
584.pun .blocktable p {
585        padding: 0;
586}
587
588.pun .blocktable .tcl p {
589        padding: 5px 0 0 0;
590}
591
592.pun .blocktable .tcl {
593        width: auto;
594}
595
596.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
597        padding-left: 0;
598        padding-right: 0;
599        text-align: center;
600        width: 11%;
601}
602
603.pun .blocktable .tcr {
604        width: 30%;
605}
606
607.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
608        white-space: nowrap;
609}
610
611.pun .blocktable .tcl h3 span.newtext {
612        font-size: 0.929em;
613        font-weight: normal;
614}
615
616.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
617        font-size: 1em;
618        font-weight: bold;
619}
620
621#punsearch #vf .tc2 {
622        padding-left: 8px;
623        padding-right: 8px;
624        text-align: left;
625        width: 18%;
626}
627
628#users1 .tcr {
629        width: 25%;
630}
631
632#users1 .tc2 {
633        padding-left: 8px;
634        padding-right: 8px;
635        text-align: left;
636        width: 25%;
637}
638
639#debug {
640        margin-top: 12px;
641}
642
643#debug .tcl {
644        width: 10%;
645}
646
647#punredirect #debug .tcl, #punmaint #debug .tcl {
648        width: 20%;
649}
650
651#debug .tcr {
652        width: 90%;
653        white-space: normal
654}
655
656#punindex .tcr .byuser {
657        display: block
658}
659
660#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
661.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
662        font-size: 0.923em;
663}
664
665.pun #vf td.tcl a {
666        font-weight: bold;
667}
668
669.pun #vf td.tcl span a {
670        font-weight: normal;
671}
672
673.pun .blocktable .tclcon {
674        height: 1%;
675        min-height: 1px;
676        overflow: hidden;
677        padding: 0 11px 0 12px;
678        position: relative;
679}
680
681.pun .blocktable .tclcon div {
682        width: 100%;
683        overflow: hidden;
684}
685
686.pun .icon {
687        border-style: solid;
688        border-width: 8px;
689        float: left;
690        height: 0;
691        overflow: hidden;
692        width: 0;
693}
694
695.pun .iposted .ipost {
696        font-weight: bold;
697        left: 0;
698        padding-left: 4px;
699        position: absolute;
700        text-align: center;
701        top: 0;
702        width: 8px;
703}
704
705/*****************************************************************
706MAIN POSTS
707*****************************************************************/
708
709/* Structure
710----------------------------------------------------------------*/
711
712.pun .blockpost {
713        border-style: solid;
714        border-width: 1px;
715        margin-bottom: -1px;
716        overflow: hidden;
717        position: relative;
718}
719
720* html .pun .blockpost {
721        display: inline-block;
722}
723
724.pun .blockpost h2 {
725        font: 1em/1.462em Arial, Helvetica, sans-serif;
726        white-space: nowrap;
727        border-bottom-style: solid;
728        border-bottom-width: 1px;
729        height: 1.462em;
730        padding: 0.538em 8px 0.538em 236px;
731        font-weight: normal;
732}
733
734#punsearch .blockpost h2 {
735        height: auto;
736        padding-left: 36px;
737        white-space: normal;
738}
739
740#punsearch .blockpost h2 span span {
741        white-space: nowrap;
742        display: inline-block;
743        font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif
744}
745
746#punsearch .blockpost .icon {
747        position: absolute;
748        top: 0;
749        margin-top: -2.154em;
750}
751
752.pun .blockpost h2 .conr {
753        float: right;
754        text-align: right;
755}
756
757.pun .blockpost .inbox {
758        float: right;
759        position: relative;
760        width: 100%;
761}
762
763.pun .blockpost .postbody, .pun .blockpost .postfoot {
764        border-left-style: solid;
765        border-left-width: 1px;
766        float: right;
767        margin-right: -218px;
768        position: relative;
769        text-align: left;
770        width: 100%;
771}
772
773.pun .blockpost .postleft, .pun .blockpost .postfootleft {
774        width: 194px;
775        padding: 7px 12px 7px 12px;
776        float: left;
777        margin-left: -218px;
778        position: relative;
779}
780
781.pun .blockpost .postleft dl {
782        padding: 0;
783}
784
785#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
786        display: block;
787        position: absolute;
788        padding: 0.538em 0 0.538em 12px;
789        height: 1.462em;
790        top: -2.615em;
791        left: 0;
792        overflow: hidden;
793        width: 206px;
794}
795
796.pun .blockpost dt strong {
797        font-size: 1.231em;
798        font-weight: bold;
799}
800
801.pun .blockpost .postleft dd {
802        font-size: 0.923em;
803}
804
805.pun .blockpost .postleft .usertitle {
806        padding: 4px 0 6px 0;
807        font-size: 1em;
808}
809
810.pun .blockpost .postleft .postavatar {
811        display: block;
812        margin: 0 0 4px 0;
813}
814
815.pun .blockpost .postright {
816        position: relative;
817        padding: 4px 230px 7px 18px;
818}
819
820.pun .postmsg {
821        width:100%;
822        overflow: hidden;
823        word-wrap: break-word;
824}
825
826.pun .blockpost .postfootright {
827        position: relative;
828        padding: 7px 230px 7px 18px;
829        text-align: right;
830}
831
832.pun .postfoot p, .pun .postfoot ul {
833        padding: 0;
834}
835
836.pun .blockpost .postfootright li {
837        display: inline;
838}
839
840.pun .blockpost .postfootright li span {
841        display: inline-block;
842        padding-left: 16px;
843        margin-left: 8px;
844        line-height: normal;
845        background: url(Fire/img/bull.png) center left no-repeat;
846}
847
848.pun .blockpost .usercontacts {
849        padding: 7px 0;
850}
851
852.pun .blockpost .usercontacts .email {
853        background: url(Fire/img/email.png) left 65% no-repeat;
854        margin-right: 5px;
855        padding-left: 21px;
856        display: inline-block;
857        line-height: normal;
858}
859
860.pun .blockpost .usercontacts .website {
861        background: url(Fire/img/ext.png) left 65% no-repeat;
862        padding-left: 18px;
863        display: inline-block;
864        line-height: normal;
865}
866
867.pun .postsignature hr {
868        border:none;
869        height: 1px;
870        margin-left: 0px;
871        text-align: left;
872}
873
874/* Content (includes other user content)
875----------------------------------------------------------------*/
876
877.pun .usercontent {
878        padding: 7px 0;
879}
880
881.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
882        font-family: Verdana, Arial, Helvetica, sans-serif;
883}
884
885.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
886.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
887        padding: 7px 0 0 0;
888}
889
890.pun .postmsg h5, #punhelp h5 {
891        font-size: 1.231em;
892        font-weight: bold;
893        padding: 7px 0;
894}
895
896.pun .usercontent ul, .pun .postmsg ul {
897        list-style: disc;
898        padding: 4px 13px 4px 30px;
899}
900
901.pun .usercontent ol, .pun .postmsg ol {
902        list-style: decimal;
903        padding: 4px 13px 4px 30px;
904}
905
906.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
907        list-style: lower-alpha;
908}
909
910.pun .usercontent li, .pun .postmsg li {
911        padding: 0 3px;
912}
913
914.pun .usercontent li p, .pun .postmsg li p {
915        padding: 0;
916}
917
918.pun span.bbu {
919        text-decoration: underline;
920}
921
922.pun span.bbs, .pun del {
923        text-decoration: line-through;
924}
925
926.pun .postmsg ins, #punhelp samp ins {
927        text-decoration: none;
928}
929
930.pun .blockpost .postmsg .postedit {
931        font-size: 0.857em;
932}
933
934.pun .blockform .postsignature, .pun .blockpost .postsignature {
935        font-size: 0.923em;
936}
937
938.pun .codebox {
939        border-style: solid;
940        border-width: 1px;
941        margin: 0.75em 1em;
942        padding: 0;
943}
944
945.pun .quotebox {
946        border-style: solid;
947        border-width: 1px 1px 1px 3px;
948        margin: 0.75em 1em;
949        padding: 0 0.75em;
950}
951
952.pun .quotebox cite {
953        display: block;
954        padding: 0.75em 0 0 0;
955        font-weight: bold;
956        line-height: 1.462em;
957}
958
959.pun .quotebox blockquote {
960        overflow: hidden;
961        width: 100%;
962}
963
964.pun .codebox pre {
965        overflow-y:hidden;
966        overflow: auto;
967        width: 100%;
968        direction: ltr;
969        text-align: left;
970}
971
972* html .pun .codebox pre {
973        padding-bottom: 10px;
974}
975
976*:first-child+html .pun .codebox pre {
977        padding-bottom: 10px;
978}
979
980.pun .codebox pre code {
981        padding: 0.75em;
982        white-space: pre;
983}
984
985.pun div[class*=codebox] pre code {
986        display: inline-block;
987}
988
989* html .pun .codebox pre code {
990        display: block;
991}
992
993.pun .codebox pre.vscroll {
994        height: 32em;
995        overflow: auto;
996        overflow-y: auto
997}
998
999.pun .postmsg img, #punhelp samp img {
1000        vertical-align: text-top;
1001}
1002
1003.pun .postmsg .postimg img {
1004        max-width: 98%;
1005        vertical-align: middle;
1006        margin: 7px 0.5em 7px 0;
1007}
1008
1009.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
1010        border-style: solid;
1011        border-width: 2px;
1012}
1013
1014/*****************************************************************
1015MAIN FORMS
1016*****************************************************************/
1017
1018#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
1019.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
1020        font: 1em/1.462em Arial, Helvetica, sans-serif;
1021        font-weight: bold;
1022        white-space: nowrap;
1023        padding: 10px 19px 4px 37px;
1024        border: 0;
1025}
1026
1027#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
1028#pundelete .blockform h2 {
1029        margin: 1px 1px 0 1px;
1030        width: 25em;
1031        position: absolute;
1032        z-index: 100;
1033}
1034
1035.pun #quickpost legend, #punpost legend, #punedit legend {
1036        width: 25em;
1037        overflow: hidden;
1038        white-space: nowrap;
1039}
1040
1041.pun .blockform .box {
1042        border-style: solid;
1043        border-width: 1px;
1044        padding-bottom: 12px;
1045}
1046
1047.pun #posterror {
1048        border-style: solid;
1049        border-width: 1px;
1050}
1051
1052.pun #posterror .box {
1053        padding: 0 18px 12px 18px;
1054}
1055
1056* html .pun .blockform .box, * html .pun #posterror {
1057        display: inline-block;
1058}
1059
1060.pun .blockform .forminfo, .pun .error-info {
1061        padding: 12px 18px;
1062        border-style: solid;
1063        border-width: 1px;
1064        position: relative;
1065}
1066
1067.pun .blockform .forminfo {
1068        margin-top: 12px;
1069}
1070
1071#pundelete .blockform .forminfo {
1072        margin-top: 33px;
1073}
1074
1075.pun .forminfo h3 {
1076        padding-bottom: 0;
1077}
1078
1079.pun .error-list li {
1080        padding-left: 24px;
1081        background: url(Fire/img/exclaim.png) center left no-repeat;
1082}
1083
1084.pun .inform {
1085        padding: 0 18px;
1086}
1087
1088.pun legend {
1089        font-weight: bold;
1090        padding: 10px 19px 4px 19px;
1091}
1092
1093* html .pun legend {
1094        margin-left: -7px;
1095}
1096
1097*:first-child+html .pun legend {
1098        margin-left: -7px;
1099}
1100
1101.pun .infldset {
1102        border-style: solid;
1103        border-width: 1px;
1104        padding: 12px 18px;
1105}
1106
1107#punregister #rules .infldset {
1108        padding: 5px 18px;
1109}
1110
1111.pun fieldset p {
1112        padding: 0 0 7px 0;
1113        width: 100%;
1114}
1115
1116.pun fieldset .usercontent p {
1117        padding: 7px 0;
1118}
1119
1120.pun fieldset label {
1121        display: block;
1122        padding: 0 0 7px 0;
1123}
1124
1125.pun label em {
1126        font-weight: normal;
1127        font-style: normal;
1128}
1129
1130.pun .required strong {
1131        background: url(Fire/img/asterisk.png) center right no-repeat;
1132        font-weight: normal;
1133        padding-right: 14px;
1134        white-space: pre;
1135        display: inline-block;
1136        line-height: normal;
1137}
1138
1139.pun label input, .pun label select, .pun label textarea {
1140        margin-top: 2px;
1141}
1142
1143.pun label.conl {
1144        display: inline-block;
1145        padding-right: 12px;
1146}
1147
1148.pun form .buttons {
1149        padding: 8px 19px 8px 34px;
1150        margin-bottom: -12px;
1151}
1152
1153.pun .blockform .buttons input {
1154        margin-right: 12px;
1155}
1156
1157.pun .rbox {
1158        padding: 3px 0;
1159}
1160
1161.pun .rbox label {
1162        padding: 3px 0 3px 1.75em;
1163        position: relative;
1164        min-height: 1px;
1165}
1166
1167* html .pun .rbox label {
1168        text-indent: -3px;
1169        height: 1%;
1170}
1171
1172.pun .rbox input {
1173        margin: 3px 0.75em 3px -1.75em;
1174        float: left;
1175        position: relative;
1176        vertical-align: middle;
1177        padding: 0;
1178        height: 1em;
1179        width: 1em;
1180}
1181
1182.pun input[type=text], .pun select, .pun textarea {
1183        font-family: Verdana, Arial, Helvetica, sans-serif;
1184}
1185
1186.pun .txtarea textarea, .pun input.longinput {
1187        width: 98%;
1188}
1189
1190.pun #quickpost .txtarea {
1191        padding-right: 12px;
1192        position: relative;
1193}
1194
1195.pun .blockform .bblinks {
1196        padding-top: 0;
1197}
1198
1199.pun .blockform .bblinks li {
1200        display: inline;
1201}
1202
1203.pun .blockform .bblinks li span {
1204        background: url(Fire/img/help.png) center left no-repeat;
1205        margin-right: 8px;
1206        padding-left: 20px;
1207        display: inline-block;
1208}
1209
1210.pun #quickpost .bblinks {
1211        padding-top: 0;
1212}
1213
1214.pun #quickpost .bblinks li {
1215        display: inline;
1216}
1217
1218.pun #login p.clearb {
1219        border-top-style: dotted;
1220        border-top-width: 1px;
1221        font-size: 0;
1222        height: 0;
1223        line-height: 0;
1224        margin-top: 7px;
1225        overflow: hidden;
1226        padding-bottom: 3px;
1227        padding-top: 7px;
1228        text-indent: -9999em;
1229        width: 100%;
1230}
1231
1232.pun #postreview {
1233        padding-top: 12px;
1234}
1235
1236.pun #postpreview, .pun #posterror {
1237        margin-bottom: 12px;
1238}
1239
1240.pun #postpreview .postright {
1241        padding: 0;
1242}
1243
1244.pun #postpreview .postbody {
1245        border-style: solid;
1246        border-width: 1px;
1247        float: none;
1248        margin: 0 18px 12px 18px;
1249        padding: 0;
1250        padding: 4px 18px 4px 18px;
1251        width: auto;
1252}
1253
1254.pun span.email {
1255        background: url(Fire/img/email.png) left 65% no-repeat;
1256        margin-right: 5px;
1257        padding-left: 21px;
1258        display: inline-block;
1259        line-height: normal;
1260}
1261
1262.pun span.website {
1263        background: url(Fire/img/ext.png) left 65% no-repeat;
1264        padding-left: 18px;
1265        display: inline-block;
1266        line-height: normal;
1267}
1268
1269#punmisc #rules .box {
1270        border-style: solid;
1271        border-width: 1px;
1272        padding: 5px 18px;
1273}
1274
1275
1276#punhelp .box {
1277        border-style: solid;
1278        border-width: 1px;
1279        padding: 7px 12px;
1280}
1281
1282.pun .multiselect {
1283        float: left;
1284        padding-bottom: 7px;
1285}
1286
1287.pun .checklist {
1288        border-width: 1px;
1289        border-style: solid;
1290        max-height: 9em;
1291        width: 20em;
1292        overflow: auto;
1293        padding: 0.25em 0.5em;
1294        margin: 0.25em 16px 0 0.15em;
1295}
1296
1297.pun .checklist legend {
1298        padding: 0;
1299}
1300
1301.pun .checklist legend span {
1302        width: auto;
1303        max-width: 25em;
1304}
1305
1306.pun .checklist .checklist-item {
1307        position: relative;
1308}
1309
1310.pun .checklist .checklist-item label {
1311        padding: 0 0 0 1.75em;
1312}
1313
1314.pun .checklist .checklist-item .fld-input {
1315        position: absolute;
1316        left: 0;
1317        top: 0;
1318        padding: 0;
1319        margin: 0;
1320}
1321
1322.pun .checklist .checklist-item input {
1323        margin: 0;
1324        height: 1.55em;
1325        width: 1.55em;
1326}
1327
1328/*****************************************************************
1329PROFILES (+ ADMIN MENU)
1330*****************************************************************/
1331
1332/* Profile / Admin
1333----------------------------------------------------------------*/
1334
1335.pun .blockmenu {
1336        width: 13em;
1337        float: left;
1338        padding-bottom: 12px;
1339}
1340
1341.pun .block2col .blockform, .pun .block2col .block {
1342        margin-left: 15em;
1343}
1344
1345.pun .blockmenu .block2 {
1346        padding-top: 19px;
1347}
1348
1349.pun .blockmenu ul {
1350        border-top-style: dotted;
1351        border-top-width: 1px;
1352        padding: 0;
1353}
1354
1355.pun .blockmenu li {
1356        border-bottom-style: dotted;
1357        border-bottom-width: 1px;
1358        font-weight: bold;
1359        padding: 0;
1360}
1361
1362.pun .blockmenu a:link, .pun .blockmenu a:visited {
1363        display: block;
1364        padding: 9px 6px 3px 6px;
1365        min-height: 1px;
1366        text-decoration: none;
1367}
1368
1369* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
1370        height: 1%;
1371}
1372
1373.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
1374        text-decoration: none;
1375}
1376
1377#viewprofile .box {
1378        border-style: solid;
1379        border-width: 1px;
1380        padding-bottom: 18px;
1381}
1382
1383#viewprofile dt, #adstats dt {
1384        padding: 7px 0;
1385        position: absolute;
1386        width: 13em;
1387        left: 0;
1388}
1389
1390#viewprofile dl {
1391        border-style: solid none none none;
1392        border-width: 1px;
1393        margin: 7px 0;
1394        padding: 0;
1395        width: 100%;
1396        position: relative;
1397}
1398
1399#adintro, #adstats {
1400        border-style: solid;
1401        border-width: 1px;
1402        padding: 18px;
1403}
1404
1405#adintro li span {
1406        display: inline-block;
1407        padding-left: 16px;
1408        margin-left: 8px;
1409        line-height: normal;
1410        background: url(Fire/img/bull.png) center left no-repeat;
1411}
1412
1413#adstats .inbox, #adintro .inbox {
1414        border-style: solid;
1415        border-width: 1px;
1416        padding: 18px;
1417}
1418
1419#adstats dl {
1420        margin: 0;
1421        padding: 0;
1422        width: 100%;
1423        position: relative;
1424}
1425
1426#viewprofile dd, #adstats dd {
1427        border-style: none none solid none;
1428        border-width: 1px;
1429        padding: 7px 0 7px 13em;
1430}
1431
1432/*****************************************************************
1433COLOUR SCHEME
1434*****************************************************************/
1435
1436/* Basic defaults and Common Items
1437----------------------------------------------------------------*/
1438
1439html, body, .pun {
1440        background: #eeedea;
1441        color: #333;
1442}
1443
1444.pun .punwrap {
1445        background: #fff;
1446        border-color: #e1d9ca;
1447        color: #665858;
1448}
1449
1450#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
1451#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink * {
1452        border-color: #cec7b9;
1453}
1454
1455.pun a, .pun a:link, .pun a:visited {
1456        color: #990000;
1457}
1458
1459.pun a:hover, .pun a:active, .pun a:focus {
1460        color: #f60;
1461}
1462
1463.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
1464        border-color: #990000;
1465}
1466
1467.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
1468        border-color: #f60;
1469}
1470
1471/* Primary Navigation
1472----------------------------------------------------------------*/
1473
1474#brdmenu {
1475        background: #990000;
1476}
1477
1478#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
1479        background: #990000;
1480        border-color: #fff;
1481        color: #ddd;
1482}
1483
1484#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
1485        background: #f60;
1486        border-color: #fff;
1487        color: #fff;
1488}
1489
1490/* Main Tables
1491----------------------------------------------------------------*/
1492
1493.pun .blocktable .box {
1494        background: #fbfaf5;
1495        border-color: #cec7b9 #e7e2d9;
1496}
1497
1498#punindex .blocktable h2, .pun #vf h2 {
1499        color: #836359;
1500}
1501
1502#adminconsole fieldset th, #adminconsole fieldset td {
1503        background: #f3f2ed;
1504        border-color: #ebe0dc;
1505}
1506
1507.pun #users1 h2 {
1508        background: #fff;
1509}
1510
1511.pun .blocktable td {
1512        border-color: #ebe0dc;
1513}
1514
1515.pun .blocktable th {
1516        background: #ecebe7;
1517        border-color: #e1d9ca;
1518        color: #836359;
1519}
1520
1521.pun .blocktable td.tcl span.stickytext {
1522        color: #000;
1523}
1524
1525/* Main Posts
1526----------------------------------------------------------------*/
1527
1528.pun .blockpost {
1529        background: #f3f2ed;
1530        border-color: #cec7b9 #e7e2d9;
1531}
1532
1533.pun .blockpost h2 {
1534        background: #ecebe7;
1535        border-color: #e1d9ca;
1536        color: #836359;
1537}
1538
1539.pun .blockpost .postbody, .pun .blockpost .postfoot {
1540        background: #fbfaf5;
1541        border-color: #ebe0dc;
1542}
1543
1544.pun .blockpost .postfootright li {
1545        color: #fbfaf5;
1546}
1547
1548.pun .postmsg, #punhelp code, #punhelp samp {
1549        color: #333;
1550}
1551
1552.pun .postsignature, .pun .postmsg .postedit {
1553        color: #665858;
1554}
1555
1556.pun .quotebox {
1557        background: #f4f4e8;
1558        border-color: #ccc;
1559        color: #665858;
1560}
1561
1562.pun .quotebox cite {
1563        color: #836359;
1564}
1565
1566.pun .codebox, #punhelp .codebox code {
1567        background: #333;
1568        color: #fff;
1569}
1570
1571.pun .postmsg hr {
1572        background: #cec7b9;
1573}
1574
1575.pun .postmsg ins, #punhelp samp ins {
1576        background-color: #ff0;
1577}
1578
1579/* Main Forms + Profile
1580----------------------------------------------------------------*/
1581
1582.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
1583        border-color: #cec7b9 #e7e2d9;
1584        background: #ecebe7;
1585}
1586
1587#punmisc #rules .box, #punhelp .box {
1588        border-color: #cec7b9 #e7e2d9;
1589        background: #f3f2ed;
1590}
1591
1592.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
1593#pundelete .blockform h2 {
1594        background: #ecebe7;
1595        color: #836359;
1596}
1597
1598.pun .forminfo {
1599        background: #fff;
1600        border-color: #ebe0dc;
1601}
1602
1603#puninstall form#install .forminfo {
1604        background: #990000;
1605        color: #fff;
1606}
1607
1608.pun #posterror .error-info {
1609        background: #ffffe1;
1610        border-color: #dfe6ee;
1611}
1612
1613#puninstall form#install .error-info {
1614        background: #ffffe1;
1615        border-color: #dfe6ee;
1616        color: #333;
1617}
1618
1619.pun .infldset, #adintro .inbox, #adstats .inbox {
1620        background: #f3f2ed;
1621        border-color: #ebe0dc;
1622}
1623
1624.pun label, .pun legend, #adminconsole fieldset th {
1625        color: #836359;
1626}
1627
1628.pun fieldset p {
1629        border-color: #cec7b9;
1630}
1631
1632.pun .blockmenu ul, .pun .blockmenu li {
1633        border-color: #cec7b9;
1634}
1635
1636.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
1637        background: #ffffe6;
1638}
1639
1640.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
1641        color: #333;
1642        background: #f3f2ed;
1643        }
1644
1645.pun #viewprofile .box {
1646        border-color: #cec7b9 #e7e2d9;
1647        background: #ecebe7;
1648}
1649
1650.pun #viewprofile dt, #adstats dt {
1651        color: #836359;
1652}
1653
1654.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
1655        border-color: #ebe0dc;
1656}
1657
1658#adminconsole fieldset td.nodefault {
1659        background: #d59b9b;
1660}
1661
1662.pun .multiselect {
1663        color: #836359;
1664}
1665
1666.pun .checklist {
1667        background: white;
1668        border-color: #ccc;
1669}
1670
1671/* Status Indicators
1672----------------------------------------------------------------*/
1673
1674.pun .icon {
1675        border-color: #f1eee8 #dddad4 #e8e5df #f1efe8;
1676}
1677
1678.pun .iredirect .icon {
1679        border-color: #cec7b9;
1680        border-width: 1px;
1681        padding: 7px;
1682}
1683
1684.pun .inew .icon {
1685        border-color: #ca0000 #ab0000 #bb0000 #d30000;
1686}
Note: See TracBrowser for help on using the repository browser.