|
1 /************************************************************* |
|
2 A - SETUP |
|
3 **************************************************************/ |
|
4 |
|
5 /* Start from scratch |
|
6 -------------------------------------------------------------*/ |
|
7 |
|
8 html, body, /* Remove this line if integrating */ |
|
9 .pun div, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun h6, |
|
10 .pun blockquote, .pun pre, .pun code, .pun samp, |
|
11 .pun abbr, .pun acronym, .pun address, .pun small, .pun cite, |
|
12 .pun span, .pun em, .pun img, .pun strong, |
|
13 .pun dl, .pun dt, .pun dd, .pun ol, .pun ul, .pun li, |
|
14 .pun form, .pun fieldset, .pun label, .pun legend, |
|
15 .pun table, .pun caption, .pun tbody, .pun tfoot, .pun thead, |
|
16 .pun tr, .pun th, .pun td { |
|
17 margin: 0; |
|
18 padding: 0; |
|
19 font-size: 100%; |
|
20 vertical-align: baseline; |
|
21 font-weight: normal; |
|
22 font-style: normal; |
|
23 } |
|
24 |
|
25 .pun fieldset, .pun img, .pun cite { |
|
26 border: none; |
|
27 } |
|
28 |
|
29 .pun ol, .pun ul { |
|
30 list-style: none; |
|
31 } |
|
32 |
|
33 .pun table { |
|
34 width: 100%; |
|
35 table-layout: fixed; |
|
36 empty-cells: show; |
|
37 border-spacing: 0; |
|
38 } |
|
39 |
|
40 .pun td { |
|
41 overflow: hidden; |
|
42 vertical-align: middle; |
|
43 } |
|
44 |
|
45 .pun span.submit input, |
|
46 .pun span.cancel input { |
|
47 overflow: visible; |
|
48 padding-left: 0.5em; |
|
49 padding-right: 0.5em; |
|
50 padding-bottom: 2px; |
|
51 } |
|
52 |
|
53 .pun a { |
|
54 cursor: pointer; |
|
55 text-decoration: underline; |
|
56 } |
|
57 |
|
58 .pun div.divider, .pun fieldset br { |
|
59 display: none; |
|
60 } |
|
61 |
|
62 |
|
63 /* Text Setup |
|
64 -------------------------------------------------------------*/ |
|
65 |
|
66 .pun { /* Needs modifying if body has non default font-size */ |
|
67 font: 75%/130% Verdana, Arial, Helvetica, sans-serif; |
|
68 } |
|
69 |
|
70 .pun samp, .pun code, .pun pre, .pun option, .pun optgroup { |
|
71 font-size: 1em; |
|
72 font-family: Verdana, Arial, sans-serif; |
|
73 font-style: normal; |
|
74 } |
|
75 |
|
76 .pun input, .pun select, .pun textarea { |
|
77 font-size: 1.1em; |
|
78 font-family: Verdana, Arial, sans-serif; |
|
79 } |
|
80 |
|
81 .pun code { |
|
82 font-size: 1.1em; |
|
83 line-height: 140%; |
|
84 font-family: 'andale mono', 'lucida console', monospace |
|
85 } |
|
86 |
|
87 .frm .frm-info li span strong, |
|
88 .pun .important strong, |
|
89 .pun .warn strong { |
|
90 font-weight: bold; |
|
91 } |
|
92 |
|
93 /************************************************************* |
|
94 B - FLOAT CLEARING AND HIDDEN STUFF |
|
95 **************************************************************/ |
|
96 |
|
97 /* Clear Me |
|
98 -------------------------------------------------------------*/ |
|
99 |
|
100 .pun-page:after, |
|
101 #pun-visit:after, |
|
102 #pun-about:after, |
|
103 #pun-info #stats:after, |
|
104 #pun-info #onlinelist:after, |
|
105 .main .paged-head:after, |
|
106 .main .paged-foot:after, |
|
107 .main .main-head:after, |
|
108 .main .main-foot:after, |
|
109 .sectioned .main-nav:after, |
|
110 .frm .frm-set div:after, |
|
111 .frm .link:after, |
|
112 .frm .frm-group:after, |
|
113 .user .user-info li.status:after, |
|
114 .frm .profile:after, |
|
115 .main .topic .post .postbody:after, |
|
116 .main .topic .post .postfoot:after { |
|
117 content: ""; |
|
118 display: block; |
|
119 font-size: 0; |
|
120 height: 0; |
|
121 line-height: 0.0; |
|
122 overflow:hidden; |
|
123 visibility: hidden; |
|
124 clear: both; |
|
125 } |
|
126 |
|
127 /* Hide Me |
|
128 -------------------------------------------------------------*/ |
|
129 |
|
130 .main h1, |
|
131 #pun-info .main-head, |
|
132 #pun-info #stats h3, |
|
133 #qjump legend, |
|
134 .crumbs span span, |
|
135 .crumbs strong span, |
|
136 .main table .tcmod label span, |
|
137 .main .main-head h2 span span, |
|
138 .main .main-foot .h2 strong span, |
|
139 .frm .frm-legend, |
|
140 .frm .frm-legend span, |
|
141 .frm .frm-info h3, |
|
142 .frm .frm-warn, |
|
143 .user .user-info .status strong, |
|
144 .user .user-info .title strong, |
|
145 .frm .profile h3, |
|
146 .pun a span span, |
|
147 .main .post h3 cite, |
|
148 .main .post .posthead .post-select span, |
|
149 .main .post .post-entry h4, |
|
150 .frm .twin .twin2 .fld-label, |
|
151 .pun .frm .frm-group .nodefault span.noshow, |
|
152 .main .parted .frm-head { |
|
153 font-size: 0; |
|
154 left: -9999px; |
|
155 text-indent: -9999px; |
|
156 position:absolute; |
|
157 line-height: 0em; |
|
158 } |
|
159 |
|
160 |
|
161 /************************************************************* |
|
162 C - PAGE LAYOUT and COMMON ELEMENTS |
|
163 **************************************************************/ |
|
164 |
|
165 /* Page Layout |
|
166 -------------------------------------------------------------*/ |
|
167 |
|
168 .pun-page { |
|
169 width: 95%; |
|
170 margin: 0 auto; |
|
171 padding: 20px 0; |
|
172 } |
|
173 |
|
174 #pun-redirect, #pun-maint, #pun-util { |
|
175 margin: 50px auto 12px auto; |
|
176 width: 60%; |
|
177 } |
|
178 |
|
179 .pun { /* Confines clearing behaviour within forum wrapper */ |
|
180 float: left; |
|
181 width: 100%; |
|
182 position: relative; |
|
183 } |
|
184 |
|
185 |
|
186 /* Skip Link |
|
187 -------------------------------------------------------------*/ |
|
188 |
|
189 #pun-access { |
|
190 text-align: right; |
|
191 padding: 0; |
|
192 height: 0; |
|
193 margin: 0; |
|
194 position: absolute; |
|
195 background: transparent; |
|
196 } |
|
197 |
|
198 #pun-access a, #pun-access a:link, #pun-access a:visited { |
|
199 height: 2em; |
|
200 padding: 0 1.3em; |
|
201 line-height: 2em; |
|
202 position: absolute; |
|
203 left: -999em; |
|
204 margin: 1px; |
|
205 width: 12em; |
|
206 } |
|
207 |
|
208 #pun-access a:hover, #pun-access a:active, #pun-access a:focus { |
|
209 text-indent: 0; |
|
210 background: #000; |
|
211 position: static; |
|
212 float: right; |
|
213 } |
|
214 |
|
215 |
|
216 /* Board Title and Description |
|
217 -------------------------------------------------------------*/ |
|
218 |
|
219 #pun-title { |
|
220 padding: 1.3em 1.3em 0.3em 1.3em; |
|
221 white-space: nowrap; |
|
222 } |
|
223 |
|
224 #pun-title strong { |
|
225 font-size: 1.5em; |
|
226 } |
|
227 |
|
228 #pun-desc { |
|
229 padding: 0 1.3em 1em 1.3em; |
|
230 } |
|
231 |
|
232 |
|
233 /* Main Menu |
|
234 -------------------------------------------------------------*/ |
|
235 |
|
236 #pun-navlinks ul { |
|
237 padding: 0.7em 1.3em; |
|
238 } |
|
239 |
|
240 #pun-navlinks ul li { |
|
241 display: inline; |
|
242 margin-right: 0.8em; |
|
243 font-size: 1.2em; |
|
244 } |
|
245 |
|
246 |
|
247 /* Welcome Box |
|
248 -------------------------------------------------------------*/ |
|
249 |
|
250 #pun-visit { |
|
251 border-style: none solid solid solid; |
|
252 border-width: 1px; |
|
253 padding: 0.8em 1.3em 0.8em 1.3em; |
|
254 margin: 0 0 1em 0; |
|
255 } |
|
256 |
|
257 #pun-visit ul { |
|
258 float: right; |
|
259 } |
|
260 |
|
261 #pun-visit ul li { |
|
262 display: inline; |
|
263 margin-left: 0.7em; |
|
264 } |
|
265 |
|
266 #pun-visit p span, #pun-visit ul li a { |
|
267 white-space: nowrap; |
|
268 } |
|
269 |
|
270 #pun-visit p strong, |
|
271 #pun-visit ul li strong { |
|
272 font-weight: bold; |
|
273 } |
|
274 |
|
275 |
|
276 /* Alert Box |
|
277 -------------------------------------------------------------*/ |
|
278 |
|
279 #pun-alert { |
|
280 border-style: solid; |
|
281 border-width: 1px; |
|
282 margin: 0 0 1em 0; |
|
283 } |
|
284 |
|
285 #pun-alert h1 { |
|
286 padding: 0.6em 0; |
|
287 margin: 0 1.3em 0.6em 1.3em; |
|
288 border-bottom-style: dashed; |
|
289 border-bottom-width: 1px; |
|
290 } |
|
291 |
|
292 #pun-alert h1 strong { |
|
293 font-size: 1.1em; |
|
294 } |
|
295 |
|
296 #pun-alert p { |
|
297 padding: 0.2em 0 0.8em 0; |
|
298 margin: 0 1.3em; |
|
299 } |
|
300 |
|
301 #pun-alert p strong { |
|
302 display: block; |
|
303 padding-bottom: 0.2em; |
|
304 font-weight: bold; |
|
305 } |
|
306 |
|
307 |
|
308 /* Statistics |
|
309 -------------------------------------------------------------*/ |
|
310 |
|
311 #stats ul { |
|
312 padding: 0.6em 1.3em; |
|
313 } |
|
314 |
|
315 #stats ul li.st-users { |
|
316 float: left; |
|
317 clear: both; |
|
318 white-space: nowrap; |
|
319 line-height: 150%; |
|
320 } |
|
321 |
|
322 #stats ul li.st-activity { |
|
323 text-align: right; |
|
324 display: block; |
|
325 white-space: nowrap; |
|
326 line-height: 150%; |
|
327 } |
|
328 |
|
329 #stats ul li strong { |
|
330 font-weight: bold; |
|
331 } |
|
332 |
|
333 #onlinelist { |
|
334 border-top-style: dashed; |
|
335 border-top-width: 1px; |
|
336 line-height: 150%; |
|
337 padding: 0.6em 1.3em; |
|
338 } |
|
339 |
|
340 #onlinelist h3 { |
|
341 float: left; |
|
342 margin: 0 0.5em 0 0; |
|
343 } |
|
344 |
|
345 #onlinelist h3 strong { |
|
346 font-weight: bold; |
|
347 } |
|
348 |
|
349 |
|
350 /* About Box (Footer / Copyright / Jump Menu) and Home Link |
|
351 -------------------------------------------------------------*/ |
|
352 |
|
353 #pun-about { |
|
354 border-style: solid; |
|
355 border-width: 1px; |
|
356 margin: 0 0 1em 0; |
|
357 padding: 0.6em 1.3em; |
|
358 } |
|
359 |
|
360 #pun-about p { |
|
361 text-align: right; |
|
362 } |
|
363 |
|
364 #pun-about #qjump { |
|
365 float: left; |
|
366 width: 40%; |
|
367 } |
|
368 |
|
369 #pun-about #qjump label { |
|
370 font-weight: bold; |
|
371 display: block; |
|
372 } |
|
373 |
|
374 #pun-home { |
|
375 font-weight: normal; |
|
376 float:right; |
|
377 padding: 0.4em 1.3em 0 0; |
|
378 } |
|
379 |
|
380 /* Announcements |
|
381 -------------------------------------------------------------*/ |
|
382 |
|
383 #pun-announcement .userbox { |
|
384 margin: 0 0 1em 0; |
|
385 padding-bottom: 1em; |
|
386 } |
|
387 |
|
388 #pun-announcement .msg-head { |
|
389 font-size: 1.2em; |
|
390 padding-bottom: 0.5em; |
|
391 margin-bottom: 0.5em; |
|
392 border-bottom-style: dashed; |
|
393 border-bottom-width: 1px; |
|
394 font-size: 1.1em; |
|
395 font-weight: bold; |
|
396 } |
|
397 |
|
398 |
|
399 /************************************************************* |
|
400 D - MAIN CONTENT COMMON ELEMENTS |
|
401 **************************************************************/ |
|
402 |
|
403 /* Common Styling |
|
404 -------------------------------------------------------------*/ |
|
405 |
|
406 .main .main-content, .paged .paged-foot { |
|
407 margin-bottom: 1em; |
|
408 } |
|
409 |
|
410 .paged .main-content { |
|
411 margin-bottom: 0; |
|
412 } |
|
413 |
|
414 .main .main-content { |
|
415 border-style: solid; |
|
416 border-width: 1px; |
|
417 } |
|
418 |
|
419 |
|
420 |
|
421 /* Breadcrumbs |
|
422 -------------------------------------------------------------*/ |
|
423 |
|
424 #pun-crumbs-head, |
|
425 #pun-crumbs-foot { |
|
426 padding: 0 1.3em; |
|
427 margin: 0 0 1em 0; |
|
428 } |
|
429 |
|
430 #pun-crumbs-head .crumb, |
|
431 #pun-crumbs-foot .crumb { |
|
432 padding-left: 1.5em; |
|
433 padding-right: 0.5em; |
|
434 background-image: url(crumb.png); |
|
435 background-repeat: no-repeat; |
|
436 background-position: 0; |
|
437 white-space: nowrap; |
|
438 } |
|
439 |
|
440 #pun-crumbs-head .crumbfirst, |
|
441 #pun-crumbs-foot .crumbfirst { |
|
442 background-image: none; |
|
443 padding-left: 0; |
|
444 } |
|
445 |
|
446 #pun-crumbs-head .crumblast, |
|
447 #pun-crumbs-foot .crumblast { |
|
448 font-weight: bold; |
|
449 } |
|
450 |
|
451 |
|
452 /* Paging and Posting |
|
453 -------------------------------------------------------------*/ |
|
454 |
|
455 .main .paged-head, |
|
456 .main .paged-foot { |
|
457 border-style: solid; |
|
458 border-width: 1px; |
|
459 padding: 0 1.3em; |
|
460 min-height: 2.6em; |
|
461 } |
|
462 |
|
463 .main .paged-head .paging, |
|
464 .main .paged-foot .paging { |
|
465 float: left; |
|
466 font-size: 1.1em; |
|
467 padding: 0.6em 0; |
|
468 } |
|
469 |
|
470 .main .paged-head .posting, |
|
471 .main .paged-foot .posting { |
|
472 float: right; |
|
473 font-size: 1.1em; |
|
474 padding: 0.6em 0; |
|
475 } |
|
476 |
|
477 .main .paged-head .posting span, |
|
478 .main .paged-head .paging strong, |
|
479 .main .paged-foot .posting span, |
|
480 .main .paged-foot .paging strong { |
|
481 font-weight: bold; |
|
482 } |
|
483 |
|
484 .main .paged-foot .submitting { |
|
485 float: right; |
|
486 padding: 0.3em 0 0.3em 0; |
|
487 } |
|
488 |
|
489 .main .submitting { |
|
490 text-align: right; |
|
491 } |
|
492 |
|
493 .main .paged-foot .submitting span { |
|
494 margin-left: 0.8em; |
|
495 } |
|
496 |
|
497 |
|
498 /* Main Headers and Footers |
|
499 -------------------------------------------------------------*/ |
|
500 |
|
501 .main .main-head, |
|
502 .main .main-foot { |
|
503 padding: 0.7em 1.3em; |
|
504 min-height: 1.3em; |
|
505 } |
|
506 |
|
507 #pun-install .main-head { |
|
508 padding-left: 1.7em; |
|
509 } |
|
510 |
|
511 .main .main-head h1 { |
|
512 position: static; |
|
513 font-size: 1em; |
|
514 line-height: 1.3em; |
|
515 text-indent: 0; |
|
516 } |
|
517 |
|
518 .main .main-head h1, |
|
519 .main .main-head h2, |
|
520 .main .main-foot .h2 { |
|
521 float: left; |
|
522 padding: 0 1px; |
|
523 } |
|
524 |
|
525 .main .main-head h1 span, |
|
526 .main .main-head h2 span, |
|
527 .main .main-foot .h2 strong { |
|
528 font-size: 1.1em; |
|
529 } |
|
530 |
|
531 .main .main-head .main-options, |
|
532 .main .main-foot .main-options, |
|
533 .admin .main-head h2, |
|
534 .admin .main-head h1 { |
|
535 float: right; |
|
536 padding: 0 1px; |
|
537 } |
|
538 |
|
539 .main .main-head .main-options a.feed-option { |
|
540 margin-left: 0.5em; |
|
541 } |
|
542 |
|
543 .main .main-foot .main-options a.mod-option, |
|
544 .main .main-foot .main-options a.user-option { |
|
545 margin-left: 0.8em; |
|
546 } |
|
547 |
|
548 .main .main-head .main-options a.feed-option, |
|
549 .main .main-head .main-options a.feed-option:link, |
|
550 .main .main-head .main-options a.feed-option:visited { |
|
551 padding-left: 22px; |
|
552 background-repeat: no-repeat; |
|
553 background-position: left; |
|
554 background-image: url(feed.png); |
|
555 } |
|
556 |
|
557 .main .main-head a.exthelp, |
|
558 .main-head a.exthelp:link, |
|
559 .main .main-head a.exthelp:visited { |
|
560 padding-left: 20px; |
|
561 background-repeat: no-repeat; |
|
562 background-position: left; |
|
563 background-image: url(helpdark.png); |
|
564 } |
|
565 |
|
566 .main .frm-head { |
|
567 padding: 0.5em 1.7em; |
|
568 border-style: solid none solid none; |
|
569 border-width: 1px; |
|
570 background: #f1f1f1 !important; |
|
571 border-bottom-color: #bbb !important; |
|
572 } |
|
573 |
|
574 .main .frm-head span, .main .frm-part h3 span { |
|
575 font-size: 1.1em; |
|
576 } |
|
577 |
|
578 /* Tabbed Navigation (General |
|
579 -------------------------------------------------------------*/ |
|
580 |
|
581 .main .main-nav { |
|
582 min-width: 50em; |
|
583 } |
|
584 |
|
585 .main .main-nav * { |
|
586 white-space: nowrap; |
|
587 } |
|
588 |
|
589 .main .main-nav ul { |
|
590 padding: 0 1.9em; |
|
591 } |
|
592 |
|
593 .main .main-nav ul li { |
|
594 display: inline; |
|
595 float:left; |
|
596 padding: 0 5px 0 0; |
|
597 } |
|
598 |
|
599 .main .main-nav ul li a, |
|
600 .main .main-nav ul li a:link, |
|
601 .main .main-nav ul li a:visited { |
|
602 border-style: solid solid none solid; |
|
603 border-width: 1px; |
|
604 float: left; |
|
605 padding: 0; |
|
606 } |
|
607 |
|
608 .main .main-nav ul li a span, |
|
609 .main .main-nav ul li a:link span, |
|
610 .main .main-nav ul li a:visited span { |
|
611 height: 2.2em; |
|
612 line-height: 2.2em; |
|
613 padding: 0 1em; |
|
614 background:transparent; |
|
615 float: left; |
|
616 border-top-style: solid; |
|
617 border-top-width: 1px; |
|
618 } |
|
619 |
|
620 |
|
621 /* Tabbed Navigation (with submenu) |
|
622 -------------------------------------------------------------*/ |
|
623 .main .submenu { |
|
624 position: relative; |
|
625 } |
|
626 |
|
627 .main .submenu ul li.topactive ul { |
|
628 background: transparent; |
|
629 border: none; |
|
630 height: 2.5em; |
|
631 left: 0; |
|
632 line-height: 2.5em; |
|
633 margin: 0; |
|
634 padding: 0 1.7em; |
|
635 position: absolute; |
|
636 top: 2.5em; |
|
637 } |
|
638 |
|
639 .main .submenu ul li.topactive ul li a, |
|
640 .main .submenu ul li.topactive ul li a:link, |
|
641 .main .submenu ul li.topactive ul li a:visited { |
|
642 margin-right: 0.8em; |
|
643 border: none; |
|
644 padding: 0; |
|
645 } |
|
646 |
|
647 /************************************************************* |
|
648 E - MAIN TABLES ( Index / Forums / Userlist ) |
|
649 **************************************************************/ |
|
650 |
|
651 /* Table Cells Widths and Alignment |
|
652 -------------------------------------------------------------*/ |
|
653 |
|
654 .main table .tcl { |
|
655 width: 50%; |
|
656 text-align: left; |
|
657 } |
|
658 |
|
659 .main table .tc2, |
|
660 .main table .tc3, |
|
661 .main table .tcmod { |
|
662 width: 10%; |
|
663 text-align: center; |
|
664 } |
|
665 |
|
666 .main table .tcr { |
|
667 width: 30%; |
|
668 text-align: left; |
|
669 } |
|
670 |
|
671 #pun-userlist table .tcl, |
|
672 #pun-searchtopics table .tcl { |
|
673 width: 40% |
|
674 } |
|
675 |
|
676 #pun-userlist table .tc2, |
|
677 #pun-searchtopics table .tc2 { |
|
678 width: 20%; |
|
679 text-align: left; |
|
680 } |
|
681 |
|
682 #pun-debug table .tcl { |
|
683 white-space:normal; |
|
684 width: 15%; |
|
685 } |
|
686 |
|
687 #pun-debug table .tcr { |
|
688 white-space: normal; |
|
689 width: 90%; |
|
690 } |
|
691 |
|
692 #pun-admin-users table .tcl { |
|
693 width: 35%; |
|
694 line-height: 1.4em; |
|
695 } |
|
696 |
|
697 |
|
698 #pun-admin-users table .tc2 { |
|
699 width: 20%; |
|
700 } |
|
701 |
|
702 #pun-admin-users table .tc3 { |
|
703 width: 10%; |
|
704 } |
|
705 |
|
706 #pun-admin-users table .tcr { |
|
707 width: 20%; |
|
708 } |
|
709 |
|
710 #pun-admin-users table .actions { |
|
711 width: 15%; |
|
712 } |
|
713 |
|
714 #pun-admin-users td.tcl span { |
|
715 display: block; |
|
716 } |
|
717 |
|
718 #pun-admin-users td.tcl strong { |
|
719 font-weight: bold; |
|
720 } |
|
721 |
|
722 |
|
723 /* Table Cell Styling |
|
724 -------------------------------------------------------------*/ |
|
725 |
|
726 .main table .tcl h3 span { |
|
727 font-size: 1.1em; |
|
728 font-weight: bold; |
|
729 } |
|
730 |
|
731 .main table .tcl span.topic-nav, |
|
732 .main table .tcl span.topic-nav *, |
|
733 .main table .tcr a { |
|
734 white-space: nowrap; |
|
735 } |
|
736 |
|
737 .main table .tcl .modlist { |
|
738 display: block; |
|
739 padding-top: 0.3em |
|
740 } |
|
741 |
|
742 .main table td { |
|
743 padding: 0.6em 1.3em 0.7em 1.3em; |
|
744 border-width: 1px; |
|
745 border-style: solid none none solid; |
|
746 line-height: 130%; |
|
747 } |
|
748 |
|
749 .main table td.tcl { |
|
750 border-left-style: none; |
|
751 border-left-width: 0 |
|
752 } |
|
753 |
|
754 .main table th { |
|
755 padding: 0.5em 1.3em; |
|
756 border-style: none; |
|
757 } |
|
758 |
|
759 .main table tbody.statused td.tcl { |
|
760 padding-left: 3.4em; |
|
761 } |
|
762 |
|
763 .main table tbody.statused span.status { |
|
764 margin-left: -2.4em; |
|
765 position: absolute; |
|
766 } |
|
767 |
|
768 .main table .tcl img { |
|
769 border-style: solid; |
|
770 border-width: 0.6em; |
|
771 display: inline; |
|
772 height: 0; |
|
773 width: 0; |
|
774 float: left; |
|
775 margin-right: 0.4em; |
|
776 margin-top: 0.1em; |
|
777 } |
|
778 |
|
779 #pun-index .main table .tcl img { |
|
780 border-width: 0.7em; |
|
781 } |
|
782 |
|
783 #pun-index .main table .tcr .byuser { |
|
784 display: block; |
|
785 } |
|
786 |
|
787 .main table td.actions, .main table th.actions { |
|
788 text-align: right; |
|
789 } |
|
790 |
|
791 .main table td.actions span { |
|
792 display: block; |
|
793 } |
|
794 |
|
795 /************************************************************* |
|
796 E - MAIN FORMS |
|
797 **************************************************************/ |
|
798 |
|
799 /* General Styling |
|
800 -------------------------------------------------------------*/ |
|
801 |
|
802 .frm .frm-form { |
|
803 margin: 1.7em 1.7em 0.7em 1.7em; |
|
804 } |
|
805 |
|
806 .frm .frm-set { |
|
807 border-top-style: dashed; |
|
808 border-top-width: 1px; |
|
809 padding: 1.3em 0 0.5em 0; |
|
810 } |
|
811 |
|
812 .frm .set1 { |
|
813 border-top-style: none; |
|
814 padding-top: 0; |
|
815 } |
|
816 |
|
817 .frm .frm-buttons { |
|
818 padding: 0.8em 0 0.3em 15.6em; |
|
819 border-top-style: double; |
|
820 border-top-width: 3px; |
|
821 margin-top: 0.5em; |
|
822 } |
|
823 |
|
824 .frm .frm-buttons span { |
|
825 margin-right: 1em; |
|
826 } |
|
827 |
|
828 .frm .frm-fld span.submit { |
|
829 clear: left; |
|
830 display: block; |
|
831 padding-top: 0.3em; |
|
832 } |
|
833 |
|
834 .frm table { |
|
835 border-style: solid; |
|
836 border-width: 1px; |
|
837 margin-bottom: 1em; |
|
838 } |
|
839 |
|
840 /* Text, Select. Link Field and Textarea |
|
841 -------------------------------------------------------------*/ |
|
842 |
|
843 .main form .frm-fld { |
|
844 padding: 0 0 0.7em 0; |
|
845 margin: 0 0 0 15.6em; |
|
846 position: relative; |
|
847 line-height: 1.3em; |
|
848 } |
|
849 |
|
850 .main form .frm-fld .fld-label { |
|
851 float: left; |
|
852 width: 14.6em; |
|
853 position: relative; |
|
854 margin-left: -15.6em; |
|
855 text-align: right; |
|
856 font-weight: bold; |
|
857 padding: 3px 1em 2px 0; |
|
858 } |
|
859 |
|
860 .main form .link .fld-label { |
|
861 padding: 0 1em 0 0; |
|
862 } |
|
863 |
|
864 .admin .frm form fieldset .link .fld-input { |
|
865 float: left; |
|
866 } |
|
867 |
|
868 .main form .frm-fld .fld-input, |
|
869 .main form .frm-fld .fld-input input, |
|
870 .main form .frm-fld .fld-input select { |
|
871 float: left; |
|
872 } |
|
873 |
|
874 .main form .frm-fld .fld-input { |
|
875 padding-right: 0.5em; |
|
876 } |
|
877 |
|
878 .main form .frm-fld label span.fld-help, |
|
879 .main form .frm-fld label span.fld-extra { |
|
880 float: left; |
|
881 width: 98%; |
|
882 display: block; |
|
883 font-size: 0.9em; |
|
884 margin-left: -2px; |
|
885 position: relative; |
|
886 } |
|
887 |
|
888 .main form .textarea label span.fld-help { |
|
889 width: 86%; |
|
890 } |
|
891 |
|
892 .main form .frm-fld label span.fld-extra { |
|
893 display: inline; |
|
894 width: auto; |
|
895 margin: 0; |
|
896 padding-top: 3px; |
|
897 } |
|
898 |
|
899 .main form .frm-fld label small.extra { |
|
900 font-size: 1em; |
|
901 } |
|
902 |
|
903 .main form .frm-fld .fld-label a { |
|
904 margin-left: 0.5em; |
|
905 } |
|
906 |
|
907 .main form .frm-fld .fld-label a span { |
|
908 font-weight: bold; |
|
909 } |
|
910 |
|
911 .main form .textarea .fld-input, |
|
912 .main form .longtext .fld-input { |
|
913 width: 84%; |
|
914 padding-right: 0.8em; |
|
915 } |
|
916 |
|
917 .main form .textarea textarea, |
|
918 .main form .longtext input { |
|
919 width: 100%; |
|
920 } |
|
921 |
|
922 .main form .frm-fld em.req-text { |
|
923 float: left; |
|
924 padding-top: 2px; |
|
925 } |
|
926 |
|
927 .main .frm .frm-part { |
|
928 margin: 0 -1.7em; |
|
929 padding: 0 1.7em; |
|
930 border-top: 1px solid #ddd; |
|
931 margin-top: 1em; |
|
932 } |
|
933 |
|
934 .main .frm .frm-part h3 { |
|
935 margin-top: 0; |
|
936 background: #f1f1f1; |
|
937 margin: 1em -1.7em; |
|
938 margin-top: 0; |
|
939 margin-bottom: 1.3em; |
|
940 padding: 0.5em 1.7em; |
|
941 border-top: 1px solid #fff; |
|
942 border-bottom: 1px solid #bbb; |
|
943 } |
|
944 |
|
945 .main .frm .part1 { |
|
946 margin-top: -1.7em; |
|
947 border-top: none; |
|
948 } |
|
949 |
|
950 .main .frm .frm-part h3 * { |
|
951 color: #113C5E; |
|
952 } |
|
953 |
|
954 /* Checkboxes and Radio Buttons |
|
955 -------------------------------------------------------------*/ |
|
956 |
|
957 .main form .frm-group { |
|
958 padding: 0 0 0.7em 0; |
|
959 position: relative; |
|
960 } |
|
961 |
|
962 .main form .radbox { |
|
963 margin: 0 0 0 15.6em; |
|
964 padding: 3px 0 0.3em 23px; |
|
965 line-height: 1.3em; |
|
966 position: relative; |
|
967 } |
|
968 |
|
969 .main form .checkbox { |
|
970 padding-bottom: 1em; |
|
971 } |
|
972 |
|
973 .main form .radbox input { |
|
974 float: left; |
|
975 position: relative; |
|
976 left: -20px; |
|
977 top: 0.65em; |
|
978 margin: -7px -13px 0 0; |
|
979 min-width: 13px; |
|
980 min-height: 13px; |
|
981 } |
|
982 |
|
983 .main form .checkbox .fld-label { |
|
984 float: left; |
|
985 width: 14.6em; |
|
986 text-align: right; |
|
987 position: relative; |
|
988 left: -23px; |
|
989 padding: 0; |
|
990 margin-left: -15.6em; |
|
991 font-weight: bold; |
|
992 } |
|
993 |
|
994 .main form .frm-yesno label, |
|
995 .main form .frm-choice label { |
|
996 float: left; |
|
997 } |
|
998 |
|
999 .main form .frm-yesno label { |
|
1000 width: 8em; |
|
1001 } |
|
1002 |
|
1003 .main form .frm-choice label { |
|
1004 width: 11em; |
|
1005 } |
|
1006 |
|
1007 .main form .frm-group legend span { |
|
1008 position: absolute; |
|
1009 left: 0; |
|
1010 width: 14.6em; |
|
1011 text-align: right; |
|
1012 padding-top: 3px; |
|
1013 font-weight: bold; |
|
1014 } |
|
1015 |
|
1016 |
|
1017 /* Form Information Boxes |
|
1018 -------------------------------------------------------------*/ |
|
1019 |
|
1020 .frm .frm-info, |
|
1021 .frm .frm-error, |
|
1022 .frm .req-warn { |
|
1023 margin: 1.7em; |
|
1024 padding: 1em 1em 0.3em 1em; |
|
1025 border-style: solid; |
|
1026 border-width: 1px; |
|
1027 } |
|
1028 |
|
1029 .frm .frm-form .frm-info { |
|
1030 margin: 0.7em 0 1.7em 0; |
|
1031 } |
|
1032 |
|
1033 .frm .frm-info p, |
|
1034 .frm .frm-error .warn, |
|
1035 .frm .frm-error .important { |
|
1036 padding: 0 0 0.8em 0; |
|
1037 } |
|
1038 |
|
1039 .frm .frm-info ul { |
|
1040 padding: 0 0 0.2em 1em; |
|
1041 margin: 0 0 0 8px; |
|
1042 } |
|
1043 |
|
1044 .frm .frm-info li, |
|
1045 .frm .frm-error li { |
|
1046 padding: 0 0 0.7em 0.5em; |
|
1047 list-style-type: square; |
|
1048 line-height: normal; |
|
1049 } |
|
1050 |
|
1051 #pun-main .frm .actions a, #pun-main .frm .actions a * { |
|
1052 font-weight: bold; |
|
1053 } |
|
1054 |
|
1055 .frm .frm-info .actions { |
|
1056 padding-left: 2em; |
|
1057 } |
|
1058 |
|
1059 .frm .actions a { |
|
1060 margin-right: 0.7em; |
|
1061 white-space: nowrap; |
|
1062 } |
|
1063 |
|
1064 #pun-search .frm .frm-info .actions { |
|
1065 background: url('searchicon.png') no-repeat top left; |
|
1066 padding-left: 2.2em; |
|
1067 } |
|
1068 |
|
1069 .frm .frm-error ul { |
|
1070 margin-top: 0; |
|
1071 margin-bottom: 0; |
|
1072 padding-left: 0; |
|
1073 margin-left: 1.6em; |
|
1074 } |
|
1075 |
|
1076 .frm .frm-error li { |
|
1077 line-height: 1.5em; |
|
1078 } |
|
1079 |
|
1080 .main form .item-select { |
|
1081 position: relative; |
|
1082 float: right; |
|
1083 margin-top: -2.8em; |
|
1084 z-index: 100; |
|
1085 padding-bottom: 0; |
|
1086 } |
|
1087 |
|
1088 .main form div.item-select * { |
|
1089 font-weight: bold; |
|
1090 } |
|
1091 |
|
1092 .main form div.item-select .fld-label { |
|
1093 font-weight: normal; |
|
1094 } |
|
1095 |
|
1096 |
|
1097 /* Data Boxes |
|
1098 -------------------------------------------------------------*/ |
|
1099 |
|
1100 .main .frm-form .databox { |
|
1101 margin: 1.7em 0; |
|
1102 } |
|
1103 |
|
1104 .main .databox { |
|
1105 margin: 1.7em; |
|
1106 padding: 1em 1em 0.3em 1em; |
|
1107 border-style: solid; |
|
1108 border-width: 1px; |
|
1109 overflow: hidden; |
|
1110 } |
|
1111 |
|
1112 .main .databox p, |
|
1113 .main .databox ul { |
|
1114 padding-bottom: 0.8em; |
|
1115 overflow: hidden; |
|
1116 } |
|
1117 |
|
1118 .main .databox .legend { |
|
1119 padding-bottom: 0.5em; |
|
1120 border-bottom-style: dashed; |
|
1121 border-bottom-width: 1px; |
|
1122 margin-bottom: 0.7em; |
|
1123 } |
|
1124 |
|
1125 .main .databox .legend span, |
|
1126 .main .databox .term span { |
|
1127 font-weight: bold; |
|
1128 } |
|
1129 |
|
1130 .main .databox .legend strong { |
|
1131 float: right; |
|
1132 font-weight: bold; |
|
1133 } |
|
1134 |
|
1135 .main .databox .note { |
|
1136 font-weight: bold; |
|
1137 padding-bottom: 0.3em; |
|
1138 } |
|
1139 |
|
1140 /* Multiple Data Boxes (Data Sets) |
|
1141 -------------------------------------------------------------*/ |
|
1142 |
|
1143 |
|
1144 .main .dataset { |
|
1145 margin: 1.7em; |
|
1146 border-style: solid solid solid solid; |
|
1147 border-width: 1px; |
|
1148 } |
|
1149 |
|
1150 .main .frm-form .dataset { |
|
1151 margin: 1.7em 0; |
|
1152 } |
|
1153 |
|
1154 .main .dataset .databox { |
|
1155 margin: 0; |
|
1156 border-style: dashed none none none; |
|
1157 padding: 0.8em 1em 0 1em; |
|
1158 } |
|
1159 |
|
1160 .main .dataset .db1 { |
|
1161 border: none; |
|
1162 } |
|
1163 |
|
1164 .main .dataset .databox .legend { |
|
1165 padding: 0; |
|
1166 margin: 0; |
|
1167 border: none; |
|
1168 } |
|
1169 |
|
1170 /* Multiple Data Boxes with Grid layout (Data Grids) |
|
1171 -------------------------------------------------------------*/ |
|
1172 |
|
1173 .main .datagrid { |
|
1174 margin: 1.7em; |
|
1175 border-style: solid solid solid solid; |
|
1176 border-width: 1px; |
|
1177 } |
|
1178 |
|
1179 .main .datagrid .databox { |
|
1180 margin: 0; |
|
1181 padding: 0; |
|
1182 width: 100%; |
|
1183 position: relative; |
|
1184 border-style: dashed none none none; |
|
1185 } |
|
1186 |
|
1187 .main .datagrid .db1 { |
|
1188 border: none; |
|
1189 } |
|
1190 |
|
1191 .main .datagrid .databox .data { |
|
1192 padding: 0.8em 1em 0.8em 1em; |
|
1193 margin: 0 0 0 16em; |
|
1194 border-left-style: dashed; |
|
1195 border-left-width: 1px; |
|
1196 } |
|
1197 |
|
1198 .main .datagrid .legend { |
|
1199 position: absolute; |
|
1200 padding: 0.8em 1em 0 1em; |
|
1201 margin: 0; |
|
1202 border: none; |
|
1203 left: 0; |
|
1204 top: 0; |
|
1205 } |
|
1206 |
|
1207 /************************************************************* |
|
1208 F - USER PROFILES |
|
1209 **************************************************************/ |
|
1210 |
|
1211 /* User Identity (Profile and Viewtopic) |
|
1212 -------------------------------------------------------------*/ |
|
1213 |
|
1214 .user .user-ident { |
|
1215 position: relative; |
|
1216 padding-top: 1.6em; |
|
1217 white-space: normal; |
|
1218 } |
|
1219 |
|
1220 .user .user-ident img { |
|
1221 display: block; |
|
1222 margin-bottom: 0.3em; |
|
1223 } |
|
1224 |
|
1225 .user .user-ident .username { |
|
1226 font-size: 1.2em; |
|
1227 font-weight: bold; |
|
1228 display: block; |
|
1229 position: absolute; |
|
1230 top: 0; |
|
1231 margin: 0; |
|
1232 line-height:1.2em; |
|
1233 } |
|
1234 |
|
1235 .user .user-ident a { |
|
1236 text-decoration: none; |
|
1237 } |
|
1238 |
|
1239 .user .user-info li { |
|
1240 padding-bottom: 0.2em; |
|
1241 line-height: 1.3em; |
|
1242 } |
|
1243 |
|
1244 .user .user-info .status, |
|
1245 .user .user-info .title { |
|
1246 padding-bottom: 0.8em; |
|
1247 } |
|
1248 |
|
1249 .user .user-info .title span { |
|
1250 font-weight: bold; |
|
1251 } |
|
1252 |
|
1253 .user .user-info .status span { |
|
1254 border-left-style: solid; |
|
1255 border-left-width: 0.7em; |
|
1256 float:left; |
|
1257 font-weight: normal; |
|
1258 height: 0.8em; |
|
1259 line-height: 0.8em; |
|
1260 padding-left: 0.4em; |
|
1261 position: relative; |
|
1262 font-style: normal; |
|
1263 } |
|
1264 |
|
1265 |
|
1266 /* Profile normal view and edit profile about page |
|
1267 -------------------------------------------------------------*/ |
|
1268 |
|
1269 .frm .profile { |
|
1270 margin: 1.7em; |
|
1271 padding: 1em 1em 0.3em 17em; |
|
1272 border-style: solid; |
|
1273 border-width: 1px; |
|
1274 } |
|
1275 |
|
1276 .frm .profile .user, |
|
1277 .frm .profile .user-data, |
|
1278 .frm .profile .user-actions { |
|
1279 float: left; |
|
1280 margin: 0; |
|
1281 padding-bottom: 1em; |
|
1282 padding-left: 4em; |
|
1283 display: inline; |
|
1284 } |
|
1285 |
|
1286 .frm .profile .user { |
|
1287 margin: 0 0 0 -16em; |
|
1288 padding-left: 0; |
|
1289 white-space: normal; |
|
1290 padding-bottom: 0; |
|
1291 overflow: hidden; |
|
1292 width: 16em; |
|
1293 } |
|
1294 |
|
1295 .frm .profile .username { |
|
1296 width: 14em; |
|
1297 overflow: hidden; |
|
1298 } |
|
1299 |
|
1300 .frm .profile .user-actions li, |
|
1301 .frm .profile .user-data li { |
|
1302 line-height: 1.4em; |
|
1303 padding-bottom: 0.8em; |
|
1304 list-style-position: outside; |
|
1305 list-style-type: disc; |
|
1306 white-space: nowrap; |
|
1307 } |
|
1308 |
|
1309 .frm .profile .user-actions li a { |
|
1310 font-weight: bold; |
|
1311 } |
|
1312 |
|
1313 .frm .sig-demo { |
|
1314 margin-left: 15.6em; |
|
1315 margin-right: 13%; |
|
1316 padding-top: 0.8em; |
|
1317 padding-bottom: 1em; |
|
1318 border-top: 1px dashed #ccc; |
|
1319 clear:left; |
|
1320 } |
|
1321 |
|
1322 .frm .profile .sig-demo { |
|
1323 margin-left: 3em; |
|
1324 } |
|
1325 |
|
1326 .frm .av-preview img { |
|
1327 float: right; |
|
1328 margin-left: 2em; |
|
1329 margin-bottom: 1em; |
|
1330 } |
|
1331 |
|
1332 /************************************************************* |
|
1333 G - TOPICS / POSTS |
|
1334 **************************************************************/ |
|
1335 |
|
1336 /* Parsed Content |
|
1337 -------------------------------------------------------------*/ |
|
1338 |
|
1339 .main .post-entry { |
|
1340 padding: 0.3em 1em 0 1em; |
|
1341 } |
|
1342 |
|
1343 .main .entry-content { |
|
1344 padding-bottom: 0.8em; |
|
1345 overflow: hidden; |
|
1346 width: 100% |
|
1347 } |
|
1348 |
|
1349 .main .sig-content { |
|
1350 padding-top: 0.8em |
|
1351 } |
|
1352 |
|
1353 .main .sig-content .sig-line { |
|
1354 border-top-style: solid; |
|
1355 border-top-width: 1px; |
|
1356 display: block; |
|
1357 padding-bottom: 0.5em; |
|
1358 width: 250px; |
|
1359 } |
|
1360 |
|
1361 .main .entry-content .quotebox, |
|
1362 .main .entry-content .codebox { |
|
1363 border-style: solid; |
|
1364 border-width: 1px; |
|
1365 margin: 0 1em 1em 1em; |
|
1366 padding: 1em 1em 0.3em 1em; |
|
1367 } |
|
1368 |
|
1369 .main .entry-content blockquote { |
|
1370 overflow: hidden; |
|
1371 width: 100%; |
|
1372 } |
|
1373 |
|
1374 .main .entry-content .quotebox cite { |
|
1375 display: block; |
|
1376 font-style: normal; |
|
1377 font-weight: bold; |
|
1378 margin-bottom: 0.8em; |
|
1379 } |
|
1380 |
|
1381 .main .entry-content .codebox strong { |
|
1382 display: block; |
|
1383 margin-bottom: 0.8em; |
|
1384 } |
|
1385 |
|
1386 .main .entry-content pre { |
|
1387 margin: 0; |
|
1388 max-height: 35em; |
|
1389 min-height: 2em; |
|
1390 overflow: auto; |
|
1391 padding: 0 2% 0.1em 0; |
|
1392 width: 98%; |
|
1393 } |
|
1394 |
|
1395 .main .entry-content em { |
|
1396 font-style: italic |
|
1397 } |
|
1398 |
|
1399 .main .entry-content em.bbuline { |
|
1400 font-style: normal; |
|
1401 text-decoration: underline; |
|
1402 } |
|
1403 |
|
1404 .main .entry-content p { |
|
1405 margin: 0 0 1em 0; |
|
1406 } |
|
1407 |
|
1408 .frm .post-entry { |
|
1409 margin: 1.7em; |
|
1410 border-style: solid; |
|
1411 border-width: 1px; |
|
1412 } |
|
1413 |
|
1414 /* Topic / Post Layout |
|
1415 -------------------------------------------------------------*/ |
|
1416 |
|
1417 .main .topic .post { |
|
1418 border-style: solid none none none; |
|
1419 border-width: 1px; |
|
1420 } |
|
1421 |
|
1422 .main .topic .firstpost { |
|
1423 border-top: none; |
|
1424 margin-top: 0; |
|
1425 } |
|
1426 |
|
1427 .main .topic .post .postmain { |
|
1428 margin-left: 17em; |
|
1429 position: relative; |
|
1430 border-left-style: solid; |
|
1431 border-left-width: 1px; |
|
1432 } |
|
1433 |
|
1434 .main .topic .post .posthead { |
|
1435 border-bottom-style: dashed; |
|
1436 border-bottom-width: 1px; |
|
1437 margin-bottom: 0.7em; |
|
1438 } |
|
1439 |
|
1440 .main .topic .post .posthead h3 { |
|
1441 padding: 0.5em 0 0.5em 1em; |
|
1442 margin: 0; |
|
1443 } |
|
1444 |
|
1445 .main .topic .post .posthead h3 strong { |
|
1446 float: right; |
|
1447 font-weight: bold; |
|
1448 position: relative; |
|
1449 text-decoration: none; |
|
1450 padding-right: 1em; |
|
1451 } |
|
1452 |
|
1453 .main .topic .post .postmain .user { |
|
1454 float: left; |
|
1455 margin: -2.6em 0 0 -16em; |
|
1456 width: 15em; |
|
1457 } |
|
1458 |
|
1459 .main .topic .user-info { |
|
1460 overflow: hidden; |
|
1461 width: 15em; |
|
1462 } |
|
1463 |
|
1464 .main .topic .user-ident .username { |
|
1465 overflow: hidden; |
|
1466 width: 13em; |
|
1467 } |
|
1468 |
|
1469 .main .topic .post .user .user-info { |
|
1470 padding-bottom: 1em; |
|
1471 } |
|
1472 |
|
1473 .main .topic .post .postmain .postfoot { |
|
1474 margin-left: -17em; |
|
1475 text-align: right; |
|
1476 border-top-style: dashed; |
|
1477 border-top-width: 1px; |
|
1478 padding: 0.5em 1em; |
|
1479 } |
|
1480 |
|
1481 .main .topic .post .postmain .postfoot .post-options a { |
|
1482 margin-left: 1em; |
|
1483 } |
|
1484 |
|
1485 .main .topic .post .postmain .postfoot .post-options a.contact { |
|
1486 float: left; |
|
1487 margin-right: 1em; |
|
1488 margin-left: 0; |
|
1489 } |
|
1490 |
|
1491 .main .topic .post .postmain .entry-info { |
|
1492 padding: 0 0 1em 0; |
|
1493 margin: 0 0 0 1.5em; |
|
1494 } |
|
1495 |
|
1496 .main .post .item-select { |
|
1497 padding-right: 1em; |
|
1498 } |
|
1499 |
|
1500 #pun-searchposts .main .post h3 cite { |
|
1501 position: static; |
|
1502 font-size: 1em; |
|
1503 } |
|
1504 |
|
1505 #pun-searchposts .main .post h4.entry-title { |
|
1506 position: static; |
|
1507 font-size: 1em; |
|
1508 padding-bottom: 1em; |
|
1509 font-weight: normal; |
|
1510 line-height: 1.3em; |
|
1511 text-indent: 0; |
|
1512 } |
|
1513 |
|
1514 #pun-searchposts .main h3 strong { |
|
1515 text-decoration: none; |
|
1516 } |
|
1517 |
|
1518 #pun-searchposts .main h4.entry-title strong { |
|
1519 display: block; |
|
1520 font-weight: bold; |
|
1521 } |
|
1522 |
|
1523 |
|
1524 /************************************************************* |
|
1525 H - OTHER MAIN CONTENT ITEMS |
|
1526 **************************************************************/ |
|
1527 |
|
1528 /* Message Boxes / Redirect |
|
1529 -------------------------------------------------------------*/ |
|
1530 |
|
1531 .main .message { |
|
1532 padding-bottom: 0.3em; |
|
1533 } |
|
1534 |
|
1535 .main .message p { |
|
1536 padding: 0 1.3em 0; |
|
1537 margin: 1em 0; |
|
1538 } |
|
1539 |
|
1540 .main .message p span { |
|
1541 display: block; |
|
1542 padding-top: 1em; |
|
1543 } |
|
1544 |
|
1545 |
|
1546 /* Help File |
|
1547 -------------------------------------------------------------*/ |
|
1548 |
|
1549 .frm .example code { |
|
1550 display: block; |
|
1551 } |
|
1552 |
|
1553 .frm .example li, |
|
1554 .frm div.example { |
|
1555 padding: 0 0 1em 0; |
|
1556 line-height: normal; |
|
1557 margin: 0 0 0 1.5em; |
|
1558 list-style: disc; |
|
1559 } |
|
1560 |
|
1561 .frm .example code { |
|
1562 padding-bottom: 0.1em; |
|
1563 } |
|
1564 |
|
1565 .frm ul.example { |
|
1566 padding: 0 0 0 0.5em; |
|
1567 margin: 0; |
|
1568 } |
|
1569 |
|
1570 .frm .example span { |
|
1571 font-size: 0.9em; |
|
1572 } |
|
1573 |
|
1574 #pun-help h3 { |
|
1575 padding: 0 0 0.7em 0; |
|
1576 margin: 0; |
|
1577 } |
|
1578 |
|
1579 #pun-help .quotebox, #pun-help .codebox { |
|
1580 margin: 0.3em 0 0 0; |
|
1581 } |
|
1582 |
|
1583 .frm .example code * { |
|
1584 vertical-align: middle; |
|
1585 } |
|
1586 |
|
1587 |
|
1588 /* Rules |
|
1589 -------------------------------------------------------------*/ |
|
1590 |
|
1591 .pun .userbox { |
|
1592 padding: 1em 1.3em 0.7em 1.3em; |
|
1593 margin: 1.7em; |
|
1594 border-style: solid; |
|
1595 border-width: 1px; |
|
1596 } |
|
1597 |
|
1598 .pun .userbox p, .pun .userbox h2, .pun .userbox h3, .pun .userbox h4 { |
|
1599 margin: 0 0 0.8em 0; |
|
1600 list-style: disc; |
|
1601 } |
|
1602 |
|
1603 .pun .userbox h2 { |
|
1604 font-size: 1.2em; |
|
1605 font-weight: bold; |
|
1606 } |
|
1607 |
|
1608 .pun .userbox h3 { |
|
1609 font-size: 1.1em; |
|
1610 font-weight: bold; |
|
1611 } |
|
1612 |
|
1613 .pun .userbox ul, .pun .userbox ol { |
|
1614 margin: 0 0 0.3em 1.5em; |
|
1615 list-style: disc; |
|
1616 } |
|
1617 |
|
1618 .pun .userbox li { |
|
1619 margin-bottom: 0.5em; |
|
1620 } |
|
1621 |
|
1622 .pun .userbox strong { |
|
1623 font-weight: bold; |
|
1624 } |
|
1625 |
|
1626 .pun .userbox em { |
|
1627 font-style: italic; |
|
1628 } |