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

« back to all changes in this revision

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

Merge setup-stuff.

phpBB is gone, configuration, setup and jail building are completely redone.

Please read doc/setup/install_proc.txt, or you'll not get far.

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
 
}