← 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/common.css

  • Committer: William Grant
  • Date: 2009-02-23 23:47:02 UTC
  • mfrom: (1099.1.211 new-dispatch)
  • Revision ID: grantw@unimelb.edu.au-20090223234702-db4b1llly46ignwo
Merge from lp:~ivle-dev/ivle/new-dispatch.

Pretty much everything changes. Reread the setup docs. Backup your databases.
Every file is now in a different installed location, the configuration system
is rewritten, the dispatch system is rewritten, URLs are different, the
database is different, worksheets and exercises are no longer on the
filesystem, we use a templating engine, jail service protocols are rewritten,
we don't repeat ourselves, we have authorization rewritten, phpBB is gone,
and probably lots of other things that I cannot remember.

This is certainly the biggest commit I have ever made, and hopefully
the largest I ever will.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/php/phpBB3/styles/prosilver/theme/common.css
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
 
}