← Back to branch summary

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

« back to all changes in this revision

Viewing changes to www/php/phpBB3/styles/prosilver/theme/content.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:
www/php/phpBB3/styles/prosilver/theme/content.css
 
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
}