~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/php/phpBB3/styles/prosilver/theme/common.css

  • Committer: dcoles
  • Date: 2008-02-13 04:10:55 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:443
Added Forum application along with unmodifed version of phpBB3 "Olympus" 3.0.0

Show diffs side-by-side

added added

removed removed

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