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

« back to all changes in this revision

Viewing changes to www/php/phpBB3/styles/prosilver/theme/content.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
 
/* proSilver Content Styles
2
 
---------------------------------------- */
3
 
 
4
 
ul.topiclist {
5
 
        display: block;
6
 
        list-style-type: none;
7
 
        margin: 0;
8
 
}
9
 
 
10
 
ul.forums {
11
 
        background: #f9f9f9 none repeat-x 0 0;
12
 
}
13
 
 
14
 
ul.topiclist li {
15
 
        display: block;
16
 
        list-style-type: none;
17
 
        color: #777777;
18
 
        margin: 0;
19
 
}
20
 
 
21
 
ul.topiclist dl {
22
 
        position: relative;
23
 
}
24
 
 
25
 
ul.topiclist li.row dl {
26
 
        padding: 2px 0;
27
 
}
28
 
 
29
 
ul.topiclist dt {
30
 
        display: block;
31
 
        float: left;
32
 
        width: 50%;
33
 
        font-size: 1.1em;
34
 
        padding-left: 5px;
35
 
        padding-right: 5px;
36
 
}
37
 
 
38
 
ul.topiclist dd {
39
 
        display: block;
40
 
        float: left;
41
 
        border-left: 1px solid #FFFFFF;
42
 
        padding: 4px 0;
43
 
}
44
 
 
45
 
ul.topiclist dfn {
46
 
        /* Labels for post/view counts */
47
 
        display: none;
48
 
}
49
 
 
50
 
ul.topiclist li.row dt a.subforum {
51
 
        background-image: none;
52
 
        background-position: 0 50%;
53
 
        background-repeat: no-repeat;
54
 
        position: relative;
55
 
        white-space: nowrap;
56
 
        padding: 0 0 0 12px;
57
 
}
58
 
 
59
 
.forum-image {
60
 
        float: left;
61
 
        padding-top: 5px;
62
 
        margin-right: 5px;
63
 
}
64
 
 
65
 
li.row {
66
 
        border-top: 1px solid #FFFFFF;
67
 
        border-bottom: 1px solid #8f8f8f;
68
 
}
69
 
 
70
 
li.row strong {
71
 
        font-weight: normal;
72
 
        color: #000000;
73
 
}
74
 
 
75
 
li.row:hover {
76
 
        background-color: #f6f6f6;
77
 
}
78
 
 
79
 
li.row:hover dd {
80
 
        border-left-color: #CCCCCC;
81
 
}
82
 
 
83
 
li.header dt, li.header dd {
84
 
        line-height: 1em;
85
 
        border-left-width: 0;
86
 
        margin: 2px 0 4px 0;
87
 
        color: #FFFFFF;
88
 
        padding-top: 2px;
89
 
        padding-bottom: 2px;
90
 
        font-size: 1em;
91
 
        font-family: Arial, Helvetica, sans-serif;
92
 
        text-transform: uppercase;
93
 
}
94
 
 
95
 
li.header dt {
96
 
        font-weight: bold;
97
 
}
98
 
 
99
 
li.header dd {
100
 
        margin-left: 1px;
101
 
}
102
 
 
103
 
li.header dl.icon {
104
 
        min-height: 0;
105
 
}
106
 
 
107
 
li.header dl.icon dt {
108
 
        /* Tweak for headers alignment when folder icon used */
109
 
        padding-left: 0;
110
 
        padding-right: 50px;
111
 
}
112
 
 
113
 
/* Forum list column styles */
114
 
dl.icon {
115
 
        min-height: 35px;
116
 
        background-position: 10px 50%;          /* Position of folder icon */
117
 
        background-repeat: no-repeat;
118
 
}
119
 
 
120
 
dl.icon dt {
121
 
        padding-left: 45px;                                     /* Space for folder icon */
122
 
        background-repeat: no-repeat;
123
 
        background-position: 5px 95%;           /* Position of topic icon */
124
 
}
125
 
 
126
 
dd.posts, dd.topics, dd.views {
127
 
        width: 8%;
128
 
        text-align: center;
129
 
        line-height: 2.2em;
130
 
        font-size: 1.2em;
131
 
}
132
 
 
133
 
dd.lastpost {
134
 
        width: 25%;
135
 
        font-size: 1.1em;
136
 
}
137
 
 
138
 
dd.redirect {
139
 
        font-size: 1.1em;
140
 
        line-height: 2.5em;
141
 
}
142
 
 
143
 
dd.moderation {
144
 
        font-size: 1.1em;
145
 
}
146
 
 
147
 
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
148
 
        display: block;
149
 
        padding-left: 5px;
150
 
}
151
 
 
152
 
dd.time {
153
 
        width: auto;
154
 
        line-height: 200%;
155
 
        font-size: 1.1em;
156
 
}
157
 
 
158
 
dd.extra {
159
 
        width: 12%;
160
 
        line-height: 200%;
161
 
        text-align: center;
162
 
        font-size: 1.1em;
163
 
}
164
 
 
165
 
dd.mark {
166
 
        float: right !important;
167
 
        width: 9%;
168
 
        text-align: center;
169
 
        line-height: 200%;
170
 
        font-size: 1.2em;
171
 
}
172
 
 
173
 
dd.info {
174
 
        width: 30%;
175
 
}
176
 
 
177
 
dd.option {
178
 
        width: 15%;
179
 
        line-height: 200%;
180
 
        text-align: center;
181
 
        font-size: 1.1em;
182
 
}
183
 
 
184
 
dd.searchby {
185
 
        width: 47%;
186
 
        font-size: 1.1em;
187
 
        line-height: 1em;
188
 
}
189
 
 
190
 
ul.topiclist dd.searchextra {
191
 
        margin-left: 5px;
192
 
        padding: 0.2em 0;
193
 
        font-size: 1.1em;
194
 
        color: #333333;
195
 
        border-left: none;
196
 
        clear: both;
197
 
        width: 98%;
198
 
        overflow: hidden;
199
 
}
200
 
 
201
 
/* Container for post/reply buttons and pagination */
202
 
.topic-actions {
203
 
        margin-bottom: 3px;
204
 
        font-size: 1.1em;
205
 
        height: 28px;
206
 
        min-height: 28px;
207
 
}
208
 
div[class].topic-actions {
209
 
        height: auto;
210
 
}
211
 
 
212
 
/* Post body styles
213
 
----------------------------------------*/
214
 
.postbody {
215
 
        padding: 0;
216
 
        line-height: 1.48em;
217
 
        color: #333333;
218
 
        width: 76%;
219
 
        float: left;
220
 
        clear: both;
221
 
}
222
 
 
223
 
.postbody .ignore {
224
 
        font-size: 1.1em;
225
 
}
226
 
 
227
 
.postbody h3.first {
228
 
        /* The first post on the page uses this */
229
 
        font-size: 1.7em;
230
 
}
231
 
 
232
 
.postbody h3 {
233
 
        /* Postbody requires a different h3 format - so change it here */
234
 
        font-size: 1.5em;
235
 
        padding: 2px 0 0 0;
236
 
        margin: 0 0 0.3em 0 !important;
237
 
        text-transform: none;
238
 
        border: none;
239
 
        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
240
 
        line-height: 125%;
241
 
}
242
 
 
243
 
.postbody h3 img {
244
 
        /* Also see tweaks.css */
245
 
        vertical-align: bottom;
246
 
}
247
 
 
248
 
.postbody .content {
249
 
        font-size: 1.3em;
250
 
}
251
 
 
252
 
.search .postbody {
253
 
        width: 68%
254
 
}
255
 
 
256
 
/* Topic review panel
257
 
----------------------------------------*/
258
 
#review {
259
 
        margin-top: 2em;
260
 
}
261
 
 
262
 
#topicreview {
263
 
        padding-right: 5px;
264
 
        overflow: auto;
265
 
        height: 300px;
266
 
}
267
 
 
268
 
#topicreview .postbody {
269
 
        width: auto;
270
 
        float: none;
271
 
        margin: 0;
272
 
        height: auto;
273
 
}
274
 
 
275
 
#topicreview .post {
276
 
        height: auto;
277
 
}
278
 
 
279
 
#topicreview h2 {
280
 
        border-bottom-width: 0;
281
 
}
282
 
 
283
 
/* Content container styles
284
 
----------------------------------------*/
285
 
.content {
286
 
        min-height: 3em;
287
 
        overflow: hidden;
288
 
        line-height: 1.4em;
289
 
        font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
290
 
        font-size: 1em;
291
 
        color: #333333;
292
 
}
293
 
 
294
 
.content h2, .panel h2 {
295
 
        font-weight: normal;
296
 
        color: #989898;
297
 
        border-bottom: 1px solid #CCCCCC;
298
 
        font-size: 1.6em;
299
 
        margin-top: 0.5em;
300
 
        margin-bottom: 0.5em;
301
 
        padding-bottom: 0.5em;
302
 
}
303
 
 
304
 
.panel h3 {
305
 
        margin: 0.5em 0;
306
 
}
307
 
 
308
 
.panel p {
309
 
        font-size: 1.2em;
310
 
        margin-bottom: 1em;
311
 
        line-height: 1.4em;
312
 
}
313
 
 
314
 
.content p {
315
 
        font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
316
 
        font-size: 1.2em;
317
 
        margin-bottom: 1em;
318
 
        line-height: 1.4em;
319
 
}
320
 
 
321
 
dl.faq {
322
 
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
323
 
        font-size: 1.1em;
324
 
        margin-top: 1em;
325
 
        margin-bottom: 2em;
326
 
        line-height: 1.4em;
327
 
}
328
 
 
329
 
dl.faq dt {
330
 
        font-weight: bold;
331
 
        color: #333333;
332
 
}
333
 
 
334
 
.content dl.faq {
335
 
        font-size: 1.2em;
336
 
        margin-bottom: 0.5em;
337
 
}
338
 
 
339
 
.content li {
340
 
        list-style-type: inherit;
341
 
}
342
 
 
343
 
.content ul, .content ol {
344
 
        margin-bottom: 1em;
345
 
        margin-left: 3em;
346
 
}
347
 
 
348
 
.posthilit {
349
 
        background-color: #f3f3f3;
350
 
        color: #BCBCBC;
351
 
        padding: 0 2px 1px 2px;
352
 
}
353
 
 
354
 
.announce, .unreadpost {
355
 
        /* Highlight the announcements & unread posts box */
356
 
        border-left-color: #BCBCBC;
357
 
        border-right-color: #BCBCBC;
358
 
}
359
 
 
360
 
/* Post author */
361
 
p.author {
362
 
        margin: 0 15em 0.6em 0;
363
 
        padding: 0 0 5px 0;
364
 
        font-family: Verdana, Helvetica, Arial, sans-serif;
365
 
        font-size: 1em;
366
 
        line-height: 1.2em;
367
 
}
368
 
 
369
 
/* Post signature */
370
 
.signature {
371
 
        margin-top: 1.5em;
372
 
        padding-top: 0.2em;
373
 
        font-size: 1.1em;
374
 
        border-top: 1px solid #CCCCCC;
375
 
        clear: left;
376
 
        line-height: 140%;
377
 
        overflow: hidden;
378
 
        width: 100%;
379
 
}
380
 
 
381
 
dd .signature {
382
 
        margin: 0;
383
 
        padding: 0;
384
 
        clear: none;
385
 
        border: none;
386
 
}
387
 
 
388
 
/* Post noticies */
389
 
.notice {
390
 
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
391
 
        width: auto;
392
 
        margin-top: 1.5em;
393
 
        padding-top: 0.2em;
394
 
        font-size: 1em;
395
 
        border-top: 1px dashed #CCCCCC;
396
 
        clear: left;
397
 
        line-height: 130%;
398
 
}
399
 
 
400
 
/* Jump to post link for now */
401
 
ul.searchresults {
402
 
        list-style: none;
403
 
        text-align: right;
404
 
        clear: both;
405
 
}
406
 
 
407
 
/* BB Code styles
408
 
----------------------------------------*/
409
 
/* Quote block */
410
 
blockquote {
411
 
        background: #ebebeb none 6px 8px no-repeat;
412
 
        border: 1px solid #dbdbdb;
413
 
        font-size: 0.95em;
414
 
        margin: 0.5em 1px 0 25px;
415
 
        overflow: hidden;
416
 
        padding: 5px;
417
 
}
418
 
 
419
 
blockquote blockquote {
420
 
        /* Nested quotes */
421
 
        background-color: #bababa;
422
 
        font-size: 1em;
423
 
        margin: 0.5em 1px 0 15px;       
424
 
}
425
 
 
426
 
blockquote blockquote blockquote {
427
 
        /* Nested quotes */
428
 
        background-color: #e4e4e4;
429
 
}
430
 
 
431
 
blockquote cite {
432
 
        /* Username/source of quoter */
433
 
        font-style: normal;
434
 
        font-weight: bold;
435
 
        margin-left: 20px;
436
 
        display: block;
437
 
        font-size: 0.9em;
438
 
}
439
 
 
440
 
blockquote cite cite {
441
 
        font-size: 1em;
442
 
}
443
 
 
444
 
blockquote.uncited {
445
 
        padding-top: 25px;
446
 
}
447
 
 
448
 
/* Code block */
449
 
dl.codebox {
450
 
        padding: 3px;
451
 
        background-color: #FFFFFF;
452
 
        border: 1px solid #d8d8d8;
453
 
        font-size: 1em;
454
 
}
455
 
 
456
 
dl.codebox dt {
457
 
        text-transform: uppercase;
458
 
        border-bottom: 1px solid #CCCCCC;
459
 
        margin-bottom: 3px;
460
 
        font-size: 0.8em;
461
 
        font-weight: bold;
462
 
        display: block;
463
 
}
464
 
 
465
 
blockquote dl.codebox {
466
 
        margin-left: 0;
467
 
}
468
 
 
469
 
dl.codebox code {
470
 
        /* Also see tweaks.css */
471
 
        overflow: auto;
472
 
        display: block;
473
 
        height: auto;
474
 
        max-height: 200px;
475
 
        white-space: normal;
476
 
        padding-top: 5px;
477
 
        font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
478
 
        line-height: 1.3em;
479
 
        color: #8b8b8b;
480
 
        margin: 2px 0;
481
 
}
482
 
 
483
 
.syntaxbg               { color: #FFFFFF; }
484
 
.syntaxcomment  { color: #000000; }
485
 
.syntaxdefault  { color: #bcbcbc; }
486
 
.syntaxhtml             { color: #000000; }
487
 
.syntaxkeyword  { color: #585858; }
488
 
.syntaxstring   { color: #a7a7a7; }
489
 
 
490
 
/* Attachments
491
 
----------------------------------------*/
492
 
.attachbox {
493
 
        float: left;
494
 
        width: auto; 
495
 
        margin: 5px 5px 5px 0;
496
 
        padding: 6px;
497
 
        background-color: #FFFFFF;
498
 
        border: 1px dashed #d8d8d8;
499
 
        clear: left;
500
 
}
501
 
 
502
 
.pm-message .attachbox {
503
 
        background-color: #f3f3f3;
504
 
}
505
 
 
506
 
.attachbox dt {
507
 
        font-family: Arial, Helvetica, sans-serif;
508
 
        text-transform: uppercase;
509
 
}
510
 
 
511
 
.attachbox dd {
512
 
        margin-top: 4px;
513
 
        padding-top: 4px;
514
 
        clear: left;
515
 
        border-top: 1px solid #d8d8d8;
516
 
}
517
 
 
518
 
.attachbox dd dd {
519
 
        border: none;
520
 
}
521
 
 
522
 
.attachbox p {
523
 
        line-height: 110%;
524
 
        color: #666666;
525
 
        font-weight: normal;
526
 
        clear: left;
527
 
}
528
 
 
529
 
.attachbox p.stats
530
 
{
531
 
        line-height: 110%;
532
 
        color: #666666;
533
 
        font-weight: normal;
534
 
        clear: left;
535
 
}
536
 
 
537
 
.attach-image {
538
 
        margin: 3px 0;
539
 
        width: 100%;
540
 
        max-height: 350px;
541
 
        overflow: auto;
542
 
}
543
 
 
544
 
.attach-image img {
545
 
        border: 1px solid #999999;
546
 
/*      cursor: move; */
547
 
        cursor: default;
548
 
}
549
 
 
550
 
/* Inline image thumbnails */
551
 
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
552
 
        display: block;
553
 
        margin-bottom: 4px;
554
 
}
555
 
 
556
 
div.inline-attachment p {
557
 
        font-size: 100%;
558
 
}
559
 
 
560
 
dl.file {
561
 
        font-family: Verdana, Arial, Helvetica, sans-serif;
562
 
        display: block;
563
 
}
564
 
 
565
 
dl.file dt {
566
 
        text-transform: none;
567
 
        margin: 0;
568
 
        padding: 0;
569
 
        font-weight: bold;
570
 
        font-family: Verdana, Arial, Helvetica, sans-serif;
571
 
}
572
 
 
573
 
dl.file dd {
574
 
        color: #666666;
575
 
        margin: 0;
576
 
        padding: 0;     
577
 
}
578
 
 
579
 
dl.thumbnail img {
580
 
        padding: 3px;
581
 
        border: 1px solid #666666;
582
 
        background-color: #FFF;
583
 
}
584
 
 
585
 
dl.thumbnail dd {
586
 
        color: #666666;
587
 
        font-style: italic;
588
 
        font-family: Verdana, Arial, Helvetica, sans-serif;
589
 
}
590
 
 
591
 
.attachbox dl.thumbnail dd {
592
 
        font-size: 100%;
593
 
}
594
 
 
595
 
dl.thumbnail dt a:hover {
596
 
        background-color: #EEEEEE;
597
 
}
598
 
 
599
 
dl.thumbnail dt a:hover img {
600
 
        border: 1px solid #d2d2d2;
601
 
}
602
 
 
603
 
/* Post poll styles
604
 
----------------------------------------*/
605
 
fieldset.polls {
606
 
        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
607
 
}
608
 
 
609
 
fieldset.polls dl {
610
 
        margin-top: 5px;
611
 
        border-top: 1px solid #e2e2e2;
612
 
        padding: 5px 0 0 0;
613
 
        line-height: 120%;
614
 
        color: #666666;
615
 
}
616
 
 
617
 
fieldset.polls dl.voted {
618
 
        font-weight: bold;
619
 
        color: #000000;
620
 
}
621
 
 
622
 
fieldset.polls dt {
623
 
        text-align: left;
624
 
        float: left;
625
 
        display: block;
626
 
        width: 30%;
627
 
        border-right: none;
628
 
        padding: 0;
629
 
        margin: 0;
630
 
        font-size: 1.1em;
631
 
}
632
 
 
633
 
fieldset.polls dd {
634
 
        float: left;
635
 
        width: 10%;
636
 
        border-left: none;
637
 
        padding: 0 5px;
638
 
        margin-left: 0;
639
 
        font-size: 1.1em;
640
 
}
641
 
 
642
 
fieldset.polls dd.resultbar {
643
 
        width: 50%;
644
 
}
645
 
 
646
 
fieldset.polls dd input {
647
 
        margin: 2px 0;
648
 
}
649
 
 
650
 
fieldset.polls dd div {
651
 
        text-align: right;
652
 
        font-family: Arial, Helvetica, sans-serif;
653
 
        color: #FFFFFF;
654
 
        font-weight: bold;
655
 
        padding: 0 2px;
656
 
        overflow: visible;
657
 
        min-width: 2%;
658
 
}
659
 
 
660
 
.pollbar1 {
661
 
        background-color: #aaaaaa;
662
 
        border-bottom: 1px solid #747474;
663
 
        border-right: 1px solid #747474;
664
 
}
665
 
 
666
 
.pollbar2 {
667
 
        background-color: #bebebe;
668
 
        border-bottom: 1px solid #8c8c8c;
669
 
        border-right: 1px solid #8c8c8c;
670
 
}
671
 
 
672
 
.pollbar3 {
673
 
        background-color: #D1D1D1;
674
 
        border-bottom: 1px solid #aaaaaa;
675
 
        border-right: 1px solid #aaaaaa;
676
 
}
677
 
 
678
 
.pollbar4 {
679
 
        background-color: #e4e4e4;
680
 
        border-bottom: 1px solid #bebebe;
681
 
        border-right: 1px solid #bebebe;
682
 
}
683
 
 
684
 
.pollbar5 {
685
 
        background-color: #f8f8f8;
686
 
        border-bottom: 1px solid #D1D1D1;
687
 
        border-right: 1px solid #D1D1D1;
688
 
}
689
 
 
690
 
/* Poster profile block
691
 
----------------------------------------*/
692
 
.postprofile {
693
 
        /* Also see tweaks.css */
694
 
        margin: 5px 0 10px 0;
695
 
        min-height: 80px;
696
 
        color: #666666;
697
 
        border-left: 1px solid #FFFFFF;
698
 
        width: 22%;
699
 
        float: right;
700
 
        display: inline;
701
 
}
702
 
.pm .postprofile {
703
 
        border-left: 1px solid #DDDDDD;
704
 
}
705
 
 
706
 
.postprofile dd, .postprofile dt {
707
 
        line-height: 1.2em;
708
 
        margin-left: 8px;
709
 
}
710
 
 
711
 
.postprofile strong {
712
 
        font-weight: normal;
713
 
        color: #000000;
714
 
}
715
 
 
716
 
.avatar {
717
 
        border: none;
718
 
        margin-bottom: 3px;
719
 
}
720
 
 
721
 
.online {
722
 
        background-image: none;
723
 
        background-position: 100% 0;
724
 
        background-repeat: no-repeat;
725
 
}
726
 
 
727
 
/* Poster profile used by search*/
728
 
.search .postprofile {
729
 
        width: 30%;
730
 
}
731
 
 
732
 
/* pm list in compose message if mass pm is enabled */
733
 
dl.pmlist dt {
734
 
        width: 60% !important;
735
 
}
736
 
 
737
 
dl.pmlist dt textarea {
738
 
        width: 95%;
739
 
}
740
 
 
741
 
dl.pmlist dd {
742
 
        margin-left: 61% !important;
743
 
        margin-bottom: 2px;
744
 
}