source: trunk/forum/styles/prosilver/theme/common.css

Last change on this file was 702, checked in by george, 15 years ago
  • Upraveno: Aktualizace fóra.
File size: 10.1 KB
Line 
1/* General proSilver Markup Styles
2---------------------------------------- */
3
4* {
5 /* Reset browsers default margin, padding and font sizes */
6 margin: 0;
7 padding: 0;
8}
9
10html {
11 font-size: 100%;
12 /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
13 height: 101%;
14}
15
16body {
17 /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
18 font-family: Verdana, Helvetica, Arial, sans-serif;
19 color: #828282;
20 background-color: #FFFFFF;
21 /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
22 font-size: 10px;
23 margin: 0;
24 padding: 12px 0;
25}
26
27h1 {
28 /* Forum name */
29 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
30 margin-right: 200px;
31 color: #FFFFFF;
32 margin-top: 15px;
33 font-weight: bold;
34 font-size: 2em;
35}
36
37h2 {
38 /* Forum header titles */
39 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
40 font-weight: normal;
41 color: #3f3f3f;
42 font-size: 2em;
43 margin: 0.8em 0 0.2em 0;
44}
45
46h2.solo {
47 margin-bottom: 1em;
48}
49
50h3 {
51 /* Sub-headers (also used as post headers, but defined later) */
52 font-family: Arial, Helvetica, sans-serif;
53 font-weight: bold;
54 text-transform: uppercase;
55 border-bottom: 1px solid #CCCCCC;
56 margin-bottom: 3px;
57 padding-bottom: 2px;
58 font-size: 1.05em;
59 color: #989898;
60 margin-top: 20px;
61}
62
63h4 {
64 /* Forum and topic list titles */
65 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
66 font-size: 1.3em;
67}
68
69p {
70 line-height: 1.3em;
71 font-size: 1.1em;
72 margin-bottom: 1.5em;
73}
74
75img {
76 border-width: 0;
77}
78
79hr {
80 /* Also see tweaks.css */
81 border: 0 none #FFFFFF;
82 border-top: 1px solid #CCCCCC;
83 height: 1px;
84 margin: 5px 0;
85 display: block;
86 clear: both;
87}
88
89hr.dashed {
90 border-top: 1px dashed #CCCCCC;
91 margin: 10px 0;
92}
93
94hr.divider {
95 display: none;
96}
97
98p.right {
99 text-align: right;
100}
101
102/* Main blocks
103---------------------------------------- */
104#wrap {
105 padding: 0 20px;
106 min-width: 650px;
107}
108
109#simple-wrap {
110 padding: 6px 10px;
111}
112
113#page-body {
114 margin: 4px 0;
115 clear: both;
116}
117
118#page-footer {
119 clear: both;
120}
121
122#page-footer h3 {
123 margin-top: 20px;
124}
125
126#logo {
127 float: left;
128 width: auto;
129 padding: 10px 13px 0 10px;
130}
131
132a#logo:hover {
133 text-decoration: none;
134}
135
136/* Search box
137--------------------------------------------- */
138#search-box {
139 color: #FFFFFF;
140 position: relative;
141 margin-top: 30px;
142 margin-right: 5px;
143 display: block;
144 float: right;
145 text-align: right;
146 white-space: nowrap; /* For Opera */
147}
148
149#search-box #keywords {
150 width: 95px;
151 background-color: #FFF;
152}
153
154#search-box input {
155 border: 1px solid #b0b0b0;
156}
157
158/* .button1 style defined later, just a few tweaks for the search button version */
159#search-box input.button1 {
160 padding: 1px 5px;
161}
162
163#search-box li {
164 text-align: right;
165 margin-top: 4px;
166}
167
168#search-box img {
169 vertical-align: middle;
170 margin-right: 3px;
171}
172
173/* Site description and logo */
174#site-description {
175 float: left;
176 width: 70%;
177}
178
179#site-description h1 {
180 margin-right: 0;
181}
182
183/* Round cornered boxes and backgrounds
184---------------------------------------- */
185.headerbar {
186 background: #ebebeb none repeat-x 0 0;
187 color: #FFFFFF;
188 margin-bottom: 4px;
189 padding: 0 5px;
190}
191
192.navbar {
193 background-color: #ebebeb;
194 padding: 0 10px;
195}
196
197.forabg {
198 background: #b1b1b1 none repeat-x 0 0;
199 margin-bottom: 4px;
200 padding: 0 5px;
201 clear: both;
202}
203
204.forumbg {
205 background: #ebebeb none repeat-x 0 0;
206 margin-bottom: 4px;
207 padding: 0 5px;
208 clear: both;
209}
210
211.panel {
212 margin-bottom: 4px;
213 padding: 0 10px;
214 background-color: #f3f3f3;
215 color: #3f3f3f;
216}
217
218.post {
219 padding: 0 10px;
220 margin-bottom: 4px;
221 background-repeat: no-repeat;
222 background-position: 100% 0;
223}
224
225.post:target .content {
226 color: #000000;
227}
228
229.post:target h3 a {
230 color: #000000;
231}
232
233.bg1 { background-color: #f7f7f7;}
234.bg2 { background-color: #f2f2f2; }
235.bg3 { background-color: #ebebeb; }
236
237.rowbg {
238 margin: 5px 5px 2px 5px;
239}
240
241.ucprowbg {
242 background-color: #e2e2e2;
243}
244
245.fieldsbg {
246 /*border: 1px #DBDEE2 solid;*/
247 background-color: #eaeaea;
248}
249
250span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
251 font-size: 1px;
252 line-height: 1px;
253 display: block;
254 height: 5px;
255 background-repeat: no-repeat;
256}
257
258span.corners-top {
259 background-image: none;
260 background-position: 0 0;
261 margin: 0 -5px;
262}
263
264span.corners-top span {
265 background-image: none;
266 background-position: 100% 0;
267}
268
269span.corners-bottom {
270 background-image: none;
271 background-position: 0 100%;
272 margin: 0 -5px;
273 clear: both;
274}
275
276span.corners-bottom span {
277 background-image: none;
278 background-position: 100% 100%;
279}
280
281.headbg span.corners-bottom {
282 margin-bottom: -1px;
283}
284
285.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
286 margin: 0 -10px;
287}
288
289.rules span.corners-top {
290 margin: 0 -10px 5px -10px;
291}
292
293.rules span.corners-bottom {
294 margin: 5px -10px 0 -10px;
295}
296
297/* Horizontal lists
298----------------------------------------*/
299ul.linklist {
300 display: block;
301 margin: 0;
302}
303
304ul.linklist li {
305 display: block;
306 list-style-type: none;
307 float: left;
308 width: auto;
309 margin-right: 5px;
310 font-size: 1.1em;
311 line-height: 2.2em;
312}
313
314ul.linklist li.rightside, p.rightside {
315 float: right;
316 margin-right: 0;
317 margin-left: 5px;
318 text-align: right;
319}
320
321ul.navlinks {
322 padding-bottom: 1px;
323 margin-bottom: 1px;
324 border-bottom: 1px solid #FFFFFF;
325 font-weight: bold;
326}
327
328ul.leftside {
329 float: left;
330 margin-left: 0;
331 margin-right: 5px;
332 text-align: left;
333}
334
335ul.rightside {
336 float: right;
337 margin-left: 5px;
338 margin-right: -5px;
339 text-align: right;
340}
341
342/* Table styles
343----------------------------------------*/
344table.table1 {
345 /* See tweaks.css */
346}
347
348#ucp-main table.table1 {
349 padding: 2px;
350}
351
352table.table1 thead th {
353 font-weight: normal;
354 text-transform: uppercase;
355 color: #FFFFFF;
356 line-height: 1.3em;
357 font-size: 1em;
358 padding: 0 0 4px 3px;
359}
360
361table.table1 thead th span {
362 padding-left: 7px;
363}
364
365table.table1 tbody tr {
366 border: 1px solid #cfcfcf;
367}
368
369table.table1 tbody tr:hover, table.table1 tbody tr.hover {
370 background-color: #f6f6f6;
371 color: #000;
372}
373
374table.table1 td {
375 color: #6a6a6a;
376 font-size: 1.1em;
377}
378
379table.table1 tbody td {
380 padding: 5px;
381 border-top: 1px solid #FAFAFA;
382}
383
384table.table1 tbody th {
385 padding: 5px;
386 border-bottom: 1px solid #000000;
387 text-align: left;
388 color: #333333;
389 background-color: #FFFFFF;
390}
391
392/* Specific column styles */
393table.table1 .name { text-align: left; }
394table.table1 .posts { text-align: center !important; width: 7%; }
395table.table1 .joined { text-align: left; width: 15%; }
396table.table1 .active { text-align: left; width: 15%; }
397table.table1 .mark { text-align: center; width: 7%; }
398table.table1 .info { text-align: left; width: 30%; }
399table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
400table.table1 .autocol { line-height: 2em; white-space: nowrap; }
401table.table1 thead .autocol { padding-left: 1em; }
402
403table.table1 span.rank-img {
404 float: right;
405 width: auto;
406}
407
408table.info td {
409 padding: 3px;
410}
411
412table.info tbody th {
413 padding: 3px;
414 text-align: right;
415 vertical-align: top;
416 color: #000000;
417 font-weight: normal;
418}
419
420.forumbg table.table1 {
421 margin: 0 -2px -1px -1px;
422}
423
424/* Misc layout styles
425---------------------------------------- */
426/* column[1-2] styles are containers for two column layouts
427 Also see tweaks.css */
428.column1 {
429 float: left;
430 clear: left;
431 width: 49%;
432}
433
434.column2 {
435 float: right;
436 clear: right;
437 width: 49%;
438}
439
440/* General classes for placing floating blocks */
441.left-box {
442 float: left;
443 width: auto;
444 text-align: left;
445}
446
447.right-box {
448 float: right;
449 width: auto;
450 text-align: right;
451}
452
453dl.details {
454 /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
455 font-size: 1.1em;
456}
457
458dl.details dt {
459 float: left;
460 clear: left;
461 width: 30%;
462 text-align: right;
463 color: #000000;
464 display: block;
465}
466
467dl.details dd {
468 margin-left: 0;
469 padding-left: 5px;
470 margin-bottom: 5px;
471 color: #828282;
472 float: left;
473 width: 65%;
474}
475
476/* Pagination
477---------------------------------------- */
478.pagination {
479 height: 1%; /* IE tweak (holly hack) */
480 width: auto;
481 text-align: right;
482 margin-top: 5px;
483 float: right;
484}
485
486.pagination span.page-sep {
487 display: none;
488}
489
490li.pagination {
491 margin-top: 0;
492}
493
494.pagination strong, .pagination b {
495 font-weight: normal;
496}
497
498.pagination span strong {
499 padding: 0 2px;
500 margin: 0 2px;
501 font-weight: normal;
502 color: #FFFFFF;
503 background-color: #bfbfbf;
504 border: 1px solid #bfbfbf;
505 font-size: 0.9em;
506}
507
508.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
509 font-weight: normal;
510 text-decoration: none;
511 color: #747474;
512 margin: 0 2px;
513 padding: 0 2px;
514 background-color: #eeeeee;
515 border: 1px solid #bababa;
516 font-size: 0.9em;
517 line-height: 1.5em;
518}
519
520.pagination span a:hover {
521 border-color: #d2d2d2;
522 background-color: #d2d2d2;
523 color: #FFF;
524 text-decoration: none;
525}
526
527.pagination img {
528 vertical-align: middle;
529}
530
531/* Pagination in viewforum for multipage topics */
532.row .pagination {
533 display: block;
534 float: right;
535 width: auto;
536 margin-top: 0;
537 padding: 1px 0 1px 15px;
538 font-size: 0.9em;
539 background: none 0 50% no-repeat;
540}
541
542.row .pagination span a, li.pagination span a {
543 background-color: #FFFFFF;
544}
545
546.row .pagination span a:hover, li.pagination span a:hover {
547 background-color: #d2d2d2;
548}
549
550/* Miscellaneous styles
551---------------------------------------- */
552#forum-permissions {
553 float: right;
554 width: auto;
555 padding-left: 5px;
556 margin-left: 5px;
557 margin-top: 10px;
558 text-align: right;
559}
560
561.copyright {
562 padding: 5px;
563 text-align: center;
564 color: #555555;
565}
566
567.small {
568 font-size: 0.9em !important;
569}
570
571.titlespace {
572 margin-bottom: 15px;
573}
574
575.headerspace {
576 margin-top: 20px;
577}
578
579.error {
580 color: #bcbcbc;
581 font-weight: bold;
582 font-size: 1em;
583}
584
585.reported {
586 background-color: #f7f7f7;
587}
588
589li.reported:hover {
590 background-color: #ececec;
591}
592
593div.rules {
594 background-color: #ececec;
595 color: #bcbcbc;
596 padding: 0 10px;
597 margin: 10px 0;
598 font-size: 1.1em;
599}
600
601div.rules ul, div.rules ol {
602 margin-left: 20px;
603}
604
605p.rules {
606 background-color: #ececec;
607 background-image: none;
608 padding: 5px;
609}
610
611p.rules img {
612 vertical-align: middle;
613 padding-top: 5px;
614}
615
616p.rules a {
617 vertical-align: middle;
618 clear: both;
619}
620
621#top {
622 position: absolute;
623 top: -20px;
624}
625
626.clear {
627 display: block;
628 clear: both;
629 font-size: 1px;
630 line-height: 1px;
631 background: transparent;
632}
Note: See TracBrowser for help on using the repository browser.