← Back to branch summary

~cjohnston/qa-dashboard/assets

« back to all changes in this revision

Viewing changes to r697/static/admin/css/base.css

  • Committer: Chris Johnston
  • Date: 2013-12-02 21:31:20 UTC
  • Revision ID: chrisjohnston@ubuntu.com-20131202213120-59nnq087r99by0pr
"Dashboard commit r697"

Show diffs side-by-side

added added

removed removed

Lines of Context:
r697/static/admin/css/base.css
 
1
/*
 
2
    DJANGO Admin styles
 
3
*/
 
4
 
 
5
body {
 
6
    margin: 0;
 
7
    padding: 0;
 
8
    font-size: 12px;
 
9
    font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
 
10
    color: #333;
 
11
    background: #fff;
 
12
}
 
13
 
 
14
/* LINKS */
 
15
 
 
16
a:link, a:visited {
 
17
    color: #5b80b2;
 
18
    text-decoration: none;
 
19
}
 
20
 
 
21
a:hover {
 
22
    color: #036;
 
23
}
 
24
 
 
25
a img {
 
26
    border: none;
 
27
}
 
28
 
 
29
a.section:link, a.section:visited {
 
30
    color: white;
 
31
    text-decoration: none;
 
32
}
 
33
 
 
34
/* GLOBAL DEFAULTS */
 
35
 
 
36
p, ol, ul, dl {
 
37
    margin: .2em 0 .8em 0;
 
38
}
 
39
 
 
40
p {
 
41
    padding: 0;
 
42
    line-height: 140%;
 
43
}
 
44
 
 
45
h1,h2,h3,h4,h5 {
 
46
    font-weight: bold;
 
47
}
 
48
 
 
49
h1 {
 
50
    font-size: 18px;
 
51
    color: #666;
 
52
    padding: 0 6px 0 0;
 
53
    margin: 0 0 .2em 0;
 
54
}
 
55
 
 
56
h2 {
 
57
    font-size: 16px;
 
58
    margin: 1em 0 .5em 0;
 
59
}
 
60
 
 
61
h2.subhead {
 
62
    font-weight: normal;
 
63
    margin-top: 0;
 
64
}
 
65
 
 
66
h3 {
 
67
    font-size: 14px;
 
68
    margin: .8em 0 .3em 0;
 
69
    color: #666;
 
70
    font-weight: bold;
 
71
}
 
72
 
 
73
h4 {
 
74
    font-size: 12px;
 
75
    margin: 1em 0 .8em 0;
 
76
    padding-bottom: 3px;
 
77
}
 
78
 
 
79
h5 {
 
80
    font-size: 10px;
 
81
    margin: 1.5em 0 .5em 0;
 
82
    color: #666;
 
83
    text-transform: uppercase;
 
84
    letter-spacing: 1px;
 
85
}
 
86
 
 
87
ul li {
 
88
    list-style-type: square;
 
89
    padding: 1px 0;
 
90
}
 
91
 
 
92
ul.plainlist {
 
93
    margin-left: 0 !important;
 
94
}
 
95
 
 
96
ul.plainlist li {
 
97
    list-style-type: none;
 
98
}
 
99
 
 
100
li ul {
 
101
    margin-bottom: 0;
 
102
}
 
103
 
 
104
li, dt, dd {
 
105
    font-size: 11px;
 
106
    line-height: 14px;
 
107
}
 
108
 
 
109
dt {
 
110
    font-weight: bold;
 
111
    margin-top: 4px;
 
112
}
 
113
 
 
114
dd {
 
115
    margin-left: 0;
 
116
}
 
117
 
 
118
form {
 
119
    margin: 0;
 
120
    padding: 0;
 
121
}
 
122
 
 
123
fieldset {
 
124
    margin: 0;
 
125
    padding: 0;
 
126
}
 
127
 
 
128
blockquote {
 
129
    font-size: 11px;
 
130
    color: #777;
 
131
    margin-left: 2px;
 
132
    padding-left: 10px;
 
133
    border-left: 5px solid #ddd;
 
134
}
 
135
 
 
136
code, pre {
 
137
    font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
 
138
    background: inherit;
 
139
    color: #666;
 
140
    font-size: 11px;
 
141
}
 
142
 
 
143
pre.literal-block {
 
144
    margin: 10px;
 
145
    background: #eee;
 
146
    padding: 6px 8px;
 
147
}
 
148
 
 
149
code strong {
 
150
    color: #930;
 
151
}
 
152
 
 
153
hr {
 
154
    clear: both;
 
155
    color: #eee;
 
156
    background-color: #eee;
 
157
    height: 1px;
 
158
    border: none;
 
159
    margin: 0;
 
160
    padding: 0;
 
161
    font-size: 1px;
 
162
    line-height: 1px;
 
163
}
 
164
 
 
165
/* TEXT STYLES & MODIFIERS */
 
166
 
 
167
.small {
 
168
    font-size: 11px;
 
169
}
 
170
 
 
171
.tiny {
 
172
    font-size: 10px;
 
173
}
 
174
 
 
175
p.tiny {
 
176
    margin-top: -2px;
 
177
}
 
178
 
 
179
.mini {
 
180
    font-size: 9px;
 
181
}
 
182
 
 
183
p.mini {
 
184
    margin-top: -3px;
 
185
}
 
186
 
 
187
.help, p.help {
 
188
    font-size: 10px !important;
 
189
    color: #999;
 
190
}
 
191
 
 
192
img.help-tooltip {
 
193
    cursor: help;
 
194
}
 
195
 
 
196
p img, h1 img, h2 img, h3 img, h4 img, td img {
 
197
    vertical-align: middle;
 
198
}
 
199
 
 
200
.quiet, a.quiet:link, a.quiet:visited {
 
201
    color: #999 !important;
 
202
    font-weight: normal !important;
 
203
}
 
204
 
 
205
.quiet strong {
 
206
    font-weight: bold !important;
 
207
}
 
208
 
 
209
.float-right {
 
210
    float: right;
 
211
}
 
212
 
 
213
.float-left {
 
214
    float: left;
 
215
}
 
216
 
 
217
.clear {
 
218
    clear: both;
 
219
}
 
220
 
 
221
.align-left {
 
222
    text-align: left;
 
223
}
 
224
 
 
225
.align-right {
 
226
    text-align: right;
 
227
}
 
228
 
 
229
.example {
 
230
    margin: 10px 0;
 
231
    padding: 5px 10px;
 
232
    background: #efefef;
 
233
}
 
234
 
 
235
.nowrap {
 
236
    white-space: nowrap;
 
237
}
 
238
 
 
239
/* TABLES */
 
240
 
 
241
table {
 
242
    border-collapse: collapse;
 
243
    border-color: #ccc;
 
244
}
 
245
 
 
246
td, th {
 
247
    font-size: 11px;
 
248
    line-height: 13px;
 
249
    border-bottom: 1px solid #eee;
 
250
    vertical-align: top;
 
251
    padding: 5px;
 
252
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
 
253
}
 
254
 
 
255
th {
 
256
    text-align: left;
 
257
    font-size: 12px;
 
258
    font-weight: bold;
 
259
}
 
260
 
 
261
thead th,
 
262
tfoot td {
 
263
    color: #666;
 
264
    padding: 2px 5px;
 
265
    font-size: 11px;
 
266
    background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
 
267
    border-left: 1px solid #ddd;
 
268
    border-bottom: 1px solid #ddd;
 
269
}
 
270
 
 
271
tfoot td {
 
272
    border-bottom: none;
 
273
    border-top: 1px solid #ddd;
 
274
}
 
275
 
 
276
thead th:first-child,
 
277
tfoot td:first-child {
 
278
    border-left: none !important;
 
279
}
 
280
 
 
281
thead th.optional {
 
282
    font-weight: normal !important;
 
283
}
 
284
 
 
285
fieldset table {
 
286
    border-right: 1px solid #eee;
 
287
}
 
288
 
 
289
tr.row-label td {
 
290
    font-size: 9px;
 
291
    padding-top: 2px;
 
292
    padding-bottom: 0;
 
293
    border-bottom: none;
 
294
    color: #666;
 
295
    margin-top: -1px;
 
296
}
 
297
 
 
298
tr.alt {
 
299
    background: #f6f6f6;
 
300
}
 
301
 
 
302
.row1 {
 
303
    background: #EDF3FE;
 
304
}
 
305
 
 
306
.row2 {
 
307
    background: white;
 
308
}
 
309
 
 
310
/* SORTABLE TABLES */
 
311
 
 
312
thead th {
 
313
    padding: 2px 5px;
 
314
    line-height: normal;
 
315
}
 
316
 
 
317
thead th a:link, thead th a:visited {
 
318
    color: #666;
 
319
}
 
320
 
 
321
thead th.sorted {
 
322
    background: #c5c5c5 url(../img/nav-bg-selected.gif) top left repeat-x;
 
323
}
 
324
 
 
325
thead th.sorted .text {
 
326
        padding-right: 42px;
 
327
}
 
328
 
 
329
table thead th .text span {
 
330
    padding: 2px 5px;
 
331
    display:block;
 
332
}
 
333
 
 
334
table thead th .text a {
 
335
    display: block;
 
336
    cursor: pointer;
 
337
    padding: 2px 5px;
 
338
}
 
339
 
 
340
table thead th.sortable:hover {
 
341
    background: white url(../img/nav-bg-reverse.gif) 0 -5px repeat-x;
 
342
}
 
343
 
 
344
thead th.sorted a.sortremove {
 
345
    visibility: hidden;
 
346
}
 
347
 
 
348
table thead th.sorted:hover a.sortremove {
 
349
    visibility: visible;
 
350
}
 
351
 
 
352
table thead th.sorted .sortoptions {
 
353
    display: block;
 
354
    padding: 4px 5px 0 5px;
 
355
    float: right;
 
356
    text-align: right;
 
357
}
 
358
 
 
359
table thead th.sorted .sortpriority {
 
360
    font-size: .8em;
 
361
    min-width: 12px;
 
362
    text-align: center;
 
363
    vertical-align: top;
 
364
}
 
365
 
 
366
table thead th.sorted .sortoptions a {
 
367
    width: 14px;
 
368
    height: 12px;
 
369
    display: inline-block;
 
370
}
 
371
 
 
372
table thead th.sorted .sortoptions a.sortremove {
 
373
    background: url(../img/sorting-icons.gif) -4px -5px no-repeat;
 
374
}
 
375
 
 
376
table thead th.sorted .sortoptions a.sortremove:hover {
 
377
    background: url(../img/sorting-icons.gif) -4px -27px no-repeat;
 
378
}
 
379
 
 
380
table thead th.sorted .sortoptions a.ascending {
 
381
    background: url(../img/sorting-icons.gif) -5px -50px no-repeat;
 
382
}
 
383
 
 
384
table thead th.sorted .sortoptions a.ascending:hover {
 
385
    background: url(../img/sorting-icons.gif) -5px -72px no-repeat;
 
386
}
 
387
 
 
388
table thead th.sorted .sortoptions a.descending {
 
389
    background: url(../img/sorting-icons.gif) -5px -94px no-repeat;
 
390
}
 
391
 
 
392
table thead th.sorted .sortoptions a.descending:hover {
 
393
    background: url(../img/sorting-icons.gif) -5px -115px no-repeat;
 
394
}
 
395
 
 
396
/* ORDERABLE TABLES */
 
397
 
 
398
table.orderable tbody tr td:hover {
 
399
    cursor: move;
 
400
}
 
401
 
 
402
table.orderable tbody tr td:first-child {
 
403
    padding-left: 14px;
 
404
    background-image: url(../img/nav-bg-grabber.gif);
 
405
    background-repeat: repeat-y;
 
406
}
 
407
 
 
408
table.orderable-initalized .order-cell, body>tr>td.order-cell {
 
409
    display: none;
 
410
}
 
411
 
 
412
/* FORM DEFAULTS */
 
413
 
 
414
input, textarea, select, .form-row p {
 
415
    margin: 2px 0;
 
416
    padding: 2px 3px;
 
417
    vertical-align: middle;
 
418
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
 
419
    font-weight: normal;
 
420
    font-size: 11px;
 
421
}
 
422
 
 
423
textarea {
 
424
    vertical-align: top !important;
 
425
}
 
426
 
 
427
input[type=text], input[type=password], textarea, select, .vTextField {
 
428
    border: 1px solid #ccc;
 
429
}
 
430
 
 
431
/* FORM BUTTONS */
 
432
 
 
433
.button, input[type=submit], input[type=button], .submit-row input {
 
434
    background: white url(../img/nav-bg.gif) bottom repeat-x;
 
435
    padding: 3px 5px;
 
436
    color: black;
 
437
    border: 1px solid #bbb;
 
438
    border-color: #ddd #aaa #aaa #ddd;
 
439
}
 
440
 
 
441
.button:active, input[type=submit]:active, input[type=button]:active {
 
442
    background-image: url(../img/nav-bg-reverse.gif);
 
443
    background-position: top;
 
444
}
 
445
 
 
446
.button[disabled], input[type=submit][disabled], input[type=button][disabled] {
 
447
        background-image: url(../img/nav-bg.gif);
 
448
        background-position: bottom;
 
449
        opacity: 0.4;
 
450
}
 
451
 
 
452
.button.default, input[type=submit].default, .submit-row input.default {
 
453
    border: 2px solid #5b80b2;
 
454
    background: #7CA0C7 url(../img/default-bg.gif) bottom repeat-x;
 
455
    font-weight: bold;
 
456
    color: white;
 
457
    float: right;
 
458
}
 
459
 
 
460
.button.default:active, input[type=submit].default:active {
 
461
    background-image: url(../img/default-bg-reverse.gif);
 
462
    background-position: top;
 
463
}
 
464
 
 
465
.button[disabled].default, input[type=submit][disabled].default, input[type=button][disabled].default {
 
466
        background-image: url(../img/default-bg.gif);
 
467
        background-position: bottom;
 
468
        opacity: 0.4;
 
469
}
 
470
 
 
471
 
 
472
/* MODULES */
 
473
 
 
474
.module {
 
475
    border: 1px solid #ccc;
 
476
    margin-bottom: 5px;
 
477
    background: white;
 
478
}
 
479
 
 
480
.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
 
481
    padding-left: 10px;
 
482
    padding-right: 10px;
 
483
}
 
484
 
 
485
.module blockquote {
 
486
    margin-left: 12px;
 
487
}
 
488
 
 
489
.module ul, .module ol {
 
490
    margin-left: 1.5em;
 
491
}
 
492
 
 
493
.module h3 {
 
494
    margin-top: .6em;
 
495
}
 
496
 
 
497
.module h2, .module caption, .inline-group h2 {
 
498
    margin: 0;
 
499
    padding: 2px 5px 3px 5px;
 
500
    font-size: 11px;
 
501
    text-align: left;
 
502
    font-weight: bold;
 
503
    background: #7CA0C7 url(../img/default-bg.gif) top left repeat-x;
 
504
    color: white;
 
505
}
 
506
 
 
507
.module table {
 
508
    border-collapse: collapse;
 
509
}
 
510
 
 
511
/* MESSAGES & ERRORS */
 
512
 
 
513
ul.messagelist {
 
514
    padding: 0 0 5px 0;
 
515
    margin: 0;
 
516
}
 
517
 
 
518
ul.messagelist li {
 
519
    font-size: 12px;
 
520
    display: block;
 
521
    padding: 4px 5px 4px 25px;
 
522
    margin: 0 0 3px 0;
 
523
    border-bottom: 1px solid #ddd;
 
524
    color: #666;
 
525
    background: #ffc url(../img/icon_success.gif) 5px .3em no-repeat;
 
526
}
 
527
 
 
528
ul.messagelist li.warning{
 
529
    background-image: url(../img/icon_alert.gif);
 
530
}
 
531
 
 
532
ul.messagelist li.error{
 
533
    background-image: url(../img/icon_error.gif);
 
534
}
 
535
 
 
536
.errornote {
 
537
    font-size: 12px !important;
 
538
    display: block;
 
539
    padding: 4px 5px 4px 25px;
 
540
    margin: 0 0 3px 0;
 
541
    border: 1px solid red;
 
542
    color: red;
 
543
    background: #ffc url(../img/icon_error.gif) 5px .3em no-repeat;
 
544
}
 
545
 
 
546
ul.errorlist {
 
547
    margin: 0 !important;
 
548
    padding: 0 !important;
 
549
}
 
550
 
 
551
.errorlist li {
 
552
    font-size: 12px !important;
 
553
    display: block;
 
554
    padding: 4px 5px 4px 25px;
 
555
    margin: 0 0 3px 0;
 
556
    border: 1px solid red;
 
557
    color: white;
 
558
    background: red url(../img/icon_alert.gif) 5px .3em no-repeat;
 
559
}
 
560
 
 
561
.errorlist li a {
 
562
        color: white;
 
563
    text-decoration: underline;
 
564
}
 
565
 
 
566
td ul.errorlist {
 
567
    margin: 0 !important;
 
568
    padding: 0 !important;
 
569
}
 
570
 
 
571
td ul.errorlist li {
 
572
    margin: 0 !important;
 
573
}
 
574
 
 
575
.errors {
 
576
    background: #ffc;
 
577
}
 
578
 
 
579
.errors input, .errors select, .errors textarea {
 
580
    border: 1px solid red;
 
581
}
 
582
 
 
583
div.system-message {
 
584
    background: #ffc;
 
585
    margin: 10px;
 
586
    padding: 6px 8px;
 
587
    font-size: .8em;
 
588
}
 
589
 
 
590
div.system-message p.system-message-title {
 
591
    padding: 4px 5px 4px 25px;
 
592
    margin: 0;
 
593
    color: red;
 
594
    background: #ffc url(../img/icon_error.gif) 5px .3em no-repeat;
 
595
}
 
596
 
 
597
.description {
 
598
    font-size: 12px;
 
599
    padding: 5px 0 0 12px;
 
600
}
 
601
 
 
602
/* BREADCRUMBS */
 
603
 
 
604
div.breadcrumbs {
 
605
    background: white url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;
 
606
    padding: 2px 8px 3px 8px;
 
607
    font-size: 11px;
 
608
    color: #999;
 
609
    border-top: 1px solid white;
 
610
    border-bottom: 1px solid #ccc;
 
611
    text-align: left;
 
612
}
 
613
 
 
614
/* ACTION ICONS */
 
615
 
 
616
.addlink {
 
617
    padding-left: 12px;
 
618
    background: url(../img/icon_addlink.gif) 0 .2em no-repeat;
 
619
}
 
620
 
 
621
.changelink {
 
622
    padding-left: 12px;
 
623
    background: url(../img/icon_changelink.gif) 0 .2em no-repeat;
 
624
}
 
625
 
 
626
.deletelink {
 
627
    padding-left: 12px;
 
628
    background: url(../img/icon_deletelink.gif) 0 .25em no-repeat;
 
629
}
 
630
 
 
631
a.deletelink:link, a.deletelink:visited {
 
632
    color: #CC3434;
 
633
}
 
634
 
 
635
a.deletelink:hover {
 
636
    color: #993333;
 
637
}
 
638
 
 
639
/* OBJECT TOOLS */
 
640
 
 
641
.object-tools {
 
642
    font-size: 10px;
 
643
    font-weight: bold;
 
644
    font-family: Arial,Helvetica,sans-serif;
 
645
    padding-left: 0;
 
646
    float: right;
 
647
    position: relative;
 
648
    margin-top: -2.4em;
 
649
    margin-bottom: -2em;
 
650
}
 
651
 
 
652
.form-row .object-tools {
 
653
    margin-top: 5px;
 
654
    margin-bottom: 5px;
 
655
    float: none;
 
656
    height: 2em;
 
657
    padding-left: 3.5em;
 
658
}
 
659
 
 
660
.object-tools li {
 
661
    display: block;
 
662
    float: left;
 
663
    background: url(../img/tool-left.gif) 0 0 no-repeat;
 
664
    padding: 0 0 0 8px;
 
665
    margin-left: 2px;
 
666
    height: 16px;
 
667
}
 
668
 
 
669
.object-tools li:hover {
 
670
    background: url(../img/tool-left_over.gif) 0 0 no-repeat;
 
671
}
 
672
 
 
673
.object-tools a:link, .object-tools a:visited {
 
674
    display: block;
 
675
    float: left;
 
676
    color: white;
 
677
    padding: .1em 14px .1em 8px;
 
678
    height: 14px;
 
679
    background: #999 url(../img/tool-right.gif) 100% 0 no-repeat;
 
680
}
 
681
 
 
682
.object-tools a:hover, .object-tools li:hover a {
 
683
    background: #5b80b2 url(../img/tool-right_over.gif) 100% 0 no-repeat;
 
684
}
 
685
 
 
686
.object-tools a.viewsitelink, .object-tools a.golink {
 
687
    background: #999 url(../img/tooltag-arrowright.gif) top right no-repeat;
 
688
    padding-right: 28px;
 
689
}
 
690
 
 
691
.object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
 
692
    background: #5b80b2 url(../img/tooltag-arrowright_over.gif) top right no-repeat;
 
693
}
 
694
 
 
695
.object-tools a.addlink {
 
696
    background: #999 url(../img/tooltag-add.gif) top right no-repeat;
 
697
    padding-right: 28px;
 
698
}
 
699
 
 
700
.object-tools a.addlink:hover {
 
701
    background: #5b80b2 url(../img/tooltag-add_over.gif) top right no-repeat;
 
702
}
 
703
 
 
704
/* OBJECT HISTORY */
 
705
 
 
706
table#change-history {
 
707
    width: 100%;
 
708
}
 
709
 
 
710
table#change-history tbody th {
 
711
    width: 16em;
 
712
}
 
713
 
 
714
/* PAGE STRUCTURE */
 
715
 
 
716
#container {
 
717
    position: relative;
 
718
    width: 100%;
 
719
    min-width: 760px;
 
720
    padding: 0;
 
721
}
 
722
 
 
723
#content {
 
724
    margin: 10px 15px;
 
725
}
 
726
 
 
727
#header {
 
728
    width: 100%;
 
729
}
 
730
 
 
731
#content-main {
 
732
    float: left;
 
733
    width: 100%;
 
734
}
 
735
 
 
736
#content-related {
 
737
    float: right;
 
738
    width: 18em;
 
739
    position: relative;
 
740
    margin-right: -19em;
 
741
}
 
742
 
 
743
#footer {
 
744
    clear: both;
 
745
    padding: 10px;
 
746
}
 
747
 
 
748
/* COLUMN TYPES */
 
749
 
 
750
.colMS {
 
751
    margin-right: 20em !important;
 
752
}
 
753
 
 
754
.colSM {
 
755
    margin-left: 20em !important;
 
756
}
 
757
 
 
758
.colSM #content-related {
 
759
    float: left;
 
760
    margin-right: 0;
 
761
    margin-left: -19em;
 
762
}
 
763
 
 
764
.colSM #content-main {
 
765
    float: right;
 
766
}
 
767
 
 
768
.popup .colM {
 
769
    width: 95%;
 
770
}
 
771
 
 
772
.subcol {
 
773
    float: left;
 
774
    width: 46%;
 
775
    margin-right: 15px;
 
776
}
 
777
 
 
778
.dashboard #content {
 
779
    width: 500px;
 
780
}
 
781
 
 
782
/* HEADER */
 
783
 
 
784
#header {
 
785
    background: #417690;
 
786
    color: #ffc;
 
787
    overflow: hidden;
 
788
}
 
789
 
 
790
#header a:link, #header a:visited {
 
791
    color: white;
 
792
}
 
793
 
 
794
#header a:hover {
 
795
    text-decoration: underline;
 
796
}
 
797
 
 
798
#branding h1 {
 
799
    padding: 0 10px;
 
800
    font-size: 18px;
 
801
    margin: 8px 0;
 
802
    font-weight: normal;
 
803
    color: #f4f379;
 
804
}
 
805
 
 
806
#branding h2 {
 
807
    padding: 0 10px;
 
808
    font-size: 14px;
 
809
    margin: -8px 0 8px 0;
 
810
    font-weight: normal;
 
811
    color: #ffc;
 
812
}
 
813
 
 
814
#user-tools {
 
815
    position: absolute;
 
816
    top: 0;
 
817
    right: 0;
 
818
    padding: 1.2em 10px;
 
819
    font-size: 11px;
 
820
    text-align: right;
 
821
}
 
822
 
 
823
/* SIDEBAR */
 
824
 
 
825
#content-related h3 {
 
826
    font-size: 12px;
 
827
    color: #666;
 
828
    margin-bottom: 3px;
 
829
}
 
830
 
 
831
#content-related h4 {
 
832
    font-size: 11px;
 
833
}
 
834
 
 
835
#content-related .module h2 {
 
836
    background: #eee url(../img/nav-bg.gif) bottom left repeat-x;
 
837
    color: #666;
 
838
}
 
839