← Back to branch summary

~sense/ubuntu-wanted/drupal6-migration

« back to all changes in this revision

Viewing changes to artwork/ubuntuwanted-theme/style.css

  • Committer: Sense Hofstede
  • Date: 2009-03-22 17:58:59 UTC
  • Revision ID: sense@qense.nl-20090322175859-mzvoupql3eyqwour
* Stole the Ubuntu Drupal theme to let the new theme be based upon in the future. This gives us a theme that is compatible with D6 and that is a lot cleaner.
* Fixed the menu
* Clean the HTML files in the module

Show diffs side-by-side

added added

removed removed

Lines of Context:
artwork/ubuntuwanted-theme/style.css
 
1
/* Drupal 6 Ubuntu Wanted Theme
 
2
----------------------------------------------------------------
 
3
[Table of contents]
 
4
 1. Global
 
5
 2. Header
 
6
 3. Navigation
 
7
 4. Nodes
 
8
 5. Comments
 
9
 6. Blocks
 
10
 7. Footer
 
11
 8. CSS Support
 
12
 9. Administration
 
13
10. UndoCSS
 
14
11. Page Header
 
15
----------------------------------------------------------------*/
 
16
 
 
17
/*
 
18
 * 1. GLOBAL
 
19
 */
 
20
 
 
21
body { 
 
22
  background-image: url(images/png/gradient.php?start=796646&end=D3CAAA);
 
23
  background-color: #d3caaa;
 
24
  background-repeat: repeat-x;
 
25
  padding: 0;
 
26
  margin: 0;
 
27
  font: 75% Arial, Helvetica, sans-serif; 
 
28
}
 
29
 
 
30
h1, h2, h3, h4, h5, h6 {
 
31
  margin: 0;
 
32
  padding: 0;
 
33
}
 
34
 
 
35
h1 {
 
36
  font-size: 1.8333em;
 
37
}
 
38
 
 
39
h2 {
 
40
  font-size: 1.4167em;
 
41
  color: #986601;
 
42
  font-variant: small-caps;
 
43
  border-bottom: 1px solid #cccccc;
 
44
}
 
45
 
 
46
.node h2 {
 
47
  margin: 0 0 0.5em;
 
48
}
 
49
 
 
50
.meta {
 
51
  margin-bottom: 1.5em;
 
52
}
 
53
 
 
54
h3 {
 
55
  font-size: 1.0833em;
 
56
}
 
57
 
 
58
h4 {
 
59
  font-size: 0.9167em;
 
60
}
 
61
 
 
62
a:link, a:visited {
 
63
  color: #986601;
 
64
  text-decoration: none;
 
65
}
 
66
 
 
67
a:focus {
 
68
  outline: 1px dotted;
 
69
}
 
70
 
 
71
a:hover, a:active, li a.active {
 
72
  color: #d40000;
 
73
  outline: none;
 
74
  text-decoration: none;
 
75
}
 
76
 
 
77
p {
 
78
  font-size: 1em;
 
79
  line-height: 1.5833em;
 
80
  margin: 0 0 1.5833em;
 
81
}
 
82
 
 
83
blockquote {
 
84
  margin: 1.25em;
 
85
  padding: 1.25em 1.25em 0 1.25em;
 
86
}
 
87
 
 
88
em {
 
89
  padding: 0 3px 0 0;
 
90
}
 
91
 
 
92
hr {
 
93
  background: #7f7f7f;
 
94
  border: none;
 
95
  height: 1px;
 
96
  margin: 0;
 
97
  padding: 0;
 
98
}
 
99
 
 
100
img, a img {
 
101
  border: none;
 
102
  outline: none;
 
103
}
 
104
 
 
105
/*
 
106
 * 2. HEADER
 
107
 */
 
108
 
 
109
.headerbar {
 
110
  background-image: url("images/png/drupalhead.png");
 
111
  background-repeat: no-repeat;
 
112
  background-color: #73360e;
 
113
  margin-top: 37px;
 
114
  margin-right: 2px;
 
115
  height: 122px;
 
116
  border-top: 1px solid #73360e;
 
117
  border-left: 1px solid #73360e;
 
118
  border-right: 1px solid #73360e;
 
119
}
 
120
 
 
121
.headerbar-mission {
 
122
  background-image: url("images/png/drupalhead-mission.png");
 
123
  background-repeat: no-repeat;
 
124
  background-color: #73360e;
 
125
  color: #300307;
 
126
  margin-top: 37px;
 
127
  margin-right: 2px;
 
128
  height: 122px;
 
129
  border-top: 1px solid #73360e;
 
130
  border-left: 1px solid #73360e;
 
131
  border-right: 1px solid #73360e;
 
132
}
 
133
 
 
134
#header div.block {
 
135
  background-color: #ebe3d3;
 
136
  border-bottom: 5px solid #73360e;
 
137
  border-left: 5px solid #73360e;
 
138
  border-right: 5px solid #73360e;
 
139
  margin-right: 2px;
 
140
}
 
141
 
 
142
.missiontext {
 
143
  -moz-border-radius: 10px;
 
144
  -webkit-border-radius: 10px;
 
145
  background-color: #a98166;
 
146
  height: 90px;
 
147
  margin-left: 10px;
 
148
  margin-top: 10px;
 
149
  opacity: 0.60;
 
150
  padding: 13px 13px 0;
 
151
  text-align: justify;
 
152
  top: 10px;
 
153
  width: 470px;
 
154
}
 
155
 
 
156
.missiontext a {
 
157
  color: #73360e;
 
158
  font-weight: bold;
 
159
}
 
160
 
 
161
#container {
 
162
  padding-top: 10px;
 
163
}
 
164
 
 
165
/*
 
166
 * 3. NAVIGATION
 
167
 */
 
168
 
 
169
#sisternav {
 
170
  position:absolute;
 
171
  top:88px;
 
172
  right:13px;
 
173
}
 
174
 
 
175
#sisternav ul {
 
176
  display:inline;
 
177
  padding:0 10px 0 1px;
 
178
  /* padding:0.6em 0.6em 0 1px;
 
179
*/
 
180
  list-style:none;
 
181
}
 
182
                  
 
183
#sisternav li {
 
184
  display:inline;
 
185
  float:left;
 
186
  background:url("images/png/corner_topleft.png") no-repeat left top;
 
187
  background-color: #73360e;
 
188
  padding:0 0 0 5px;
 
189
  margin-right: -1px;
 
190
  /* padding:0 0 0 0.3em; */
 
191
}
 
192
 
 
193
#sisternav .plain a {
 
194
  padding:5px 15px 3px 10px;
 
195
}
 
196
 
 
197
#sisternav .current a {
 
198
  padding:5px 15px 4px 10px;
 
199
}
 
200
 
 
201
#sisternav a {
 
202
  float:left;
 
203
  display:block;
 
204
  background:url("images/png/corner_topright.png") no-repeat right top;
 
205
  text-decoration:none;
 
206
  font-weight:bold;
 
207
  color:#ffffff;
 
208
}
 
209
 
 
210
ul.links li {
 
211
  background: none;
 
212
  margin: 0 10px 0 0;
 
213
  padding: 0;
 
214
}
 
215
 
 
216
/* negative margin keeps from pushing node h2 titles down */
 
217
.breadcrumb {
 
218
  color: #cccccc;
 
219
  font-size: 1em;
 
220
  margin-top: -9px;
 
221
  left: 26%;
 
222
  padding: 0;
 
223
  position: absolute;
 
224
}
 
225
 
 
226
.breadcrumb a:link, .breadcrumb a:visited {
 
227
  color: #666666;
 
228
}
 
229
 
 
230
.breadcrumb a:hover {
 
231
  color: #999999;
 
232
}
 
233
 
 
234
#tabs-wrapper li {
 
235
  border: 1px solid white;
 
236
  border-top: 1px solid white;
 
237
}
 
238
 
 
239
#tabs-wrapper li a {
 
240
  padding-left: 11px;
 
241
  background-color: white;
 
242
}
 
243
 
 
244
#tabs-wrapper li.active {
 
245
  border: 1px solid white;
 
246
  background-color: #fbf4e3;
 
247
}
 
248
 
 
249
#nav li ul {
 
250
  position: absolute;
 
251
  width: 10em;
 
252
  left: -999em;
 
253
}
 
254
 
 
255
#nav li:hover ul {
 
256
  left: auto;
 
257
}
 
258
 
 
259
#nav li:hover ul, #nav li.sfhover ul {
 
260
  left: auto;
 
261
}
 
262
 
 
263
/*
 
264
 * 4. NODES
 
265
 */
 
266
 
 
267
span.submitted {
 
268
  color: #898989;
 
269
  font-size: 0.8333em;
 
270
}
 
271
 
 
272
.meta {
 
273
  background: #fbf4e3;
 
274
}
 
275
 
 
276
#tabs-wrapper h2 {
 
277
  color: #986601;
 
278
  padding-top: 1px;
 
279
  border-bottom: 1px solid white;
 
280
  font-variant: small-caps;
 
281
}
 
282
 
 
283
#tabs-wrapper h2.with-tabs {
 
284
  border-bottom: 1px solid white;
 
285
  font-variant: small-caps;
 
286
}
 
287
 
 
288
.node h2 {
 
289
  border-bottom: 1px solid #d6d6d6;
 
290
  font-variant: small-caps;
 
291
}
 
292
 
 
293
#node-title {
 
294
  background-color: #ebe0ca;
 
295
  padding: 0 10px;
 
296
}
 
297
 
 
298
#node-title h2 {
 
299
  border-bottom: 1px solid white;
 
300
  padding-bottom: 8px;
 
301
}
 
302
 
 
303
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
 
304
  font-size: 1px;
 
305
  line-height: 1px;
 
306
  display: block;
 
307
  height: 5px;
 
308
  background-repeat: no-repeat;
 
309
  background-color: #ebe0ca; 
 
310
}
 
311
 
 
312
span.corners-top {
 
313
  background-image: url(images/png/corner_topleft.png);
 
314
  background-position: 0 0;
 
315
  margin: 0 -10px;
 
316
  padding-left: 5px;
 
317
}
 
318
 
 
319
span.corners-top span {
 
320
  background-image: url(images/png/corner_topright.png);
 
321
  background-position: 100% 0;
 
322
}
 
323
 
 
324
span.corners-bottom {
 
325
  background-image: url(images/png/corner_bottomleft.png);
 
326
  background-position: 0 100%;
 
327
  margin: 0 -10px;
 
328
  clear: both;
 
329
  padding-left: 5px;
 
330
}
 
331
 
 
332
span.corners-bottom span {
 
333
  background-image: url(images/png/corner_bottomright.png);
 
334
  background-position: 100% 100%;
 
335
}
 
336
 
 
337
.node div.content h2 {
 
338
  border-bottom: none;
 
339
}
 
340
 
 
341
.node div.content {
 
342
  padding-top: 5px;
 
343
}
 
344
 
 
345
.meta div.links {
 
346
  float: left;
 
347
}
 
348
 
 
349
.meta div.terms {
 
350
  float: right;
 
351
}
 
352
 
 
353
.meta div.links ul.links li {
 
354
  float: left;
 
355
  padding: 5px 10px 5px 0;
 
356
}
 
357
 
 
358
.meta div.terms ul.links li {
 
359
  float: left;
 
360
  padding: 5px 0 5px 10px;
 
361
}
 
362
 
 
363
.node div.content img {
 
364
  max-width: 475px;
 
365
  height: auto;
 
366
}
 
367
 
 
368
.node div.content ol {
 
369
  list-style-type: decimal;
 
370
}
 
371
 
 
372
.book-navigation {
 
373
  margin: 0 0 .5em;
 
374
}
 
375
 
 
376
.item-list ul.pager {
 
377
  margin: 1em 0;
 
378
}
 
379
 
 
380
.item-list ul.pager li {
 
381
  margin: 0;
 
382
  padding: 0;
 
383
}
 
384
 
 
385
.item-list ul.pager li a:link, .item-list ul.pager li a:visited, .item-list ul.pager li.pager-current {
 
386
  border: 1px solid #cccccc;
 
387
  color: #986601;
 
388
  margin: .3em .1em;
 
389
  padding: .3em .5em;
 
390
}
 
391
 
 
392
.item-list ul.pager li a:hover, .item-list ul.pager li a:active {
 
393
  background-color: #fbf4e3;
 
394
  color: d40000;
 
395
}
 
396
 
 
397
.item-list ul.pager li.pager-current {
 
398
  background-color: #e6e2c8;
 
399
  color: #986601;
 
400
}
 
401
 
 
402
/*
 
403
 * 5. COMMENTS
 
404
 */
 
405
 
 
406
.comment {
 
407
  margin: 20px 0 0;
 
408
  padding: 0;
 
409
}
 
410
 
 
411
.comment-bar {
 
412
  background: #fbf4e3;
 
413
  border-bottom: 1px solid #dbd2b0;
 
414
  padding: 5px;
 
415
}
 
416
 
 
417
.comment span.new {
 
418
  color: red;
 
419
  font-size: 0.8333em;
 
420
}
 
421
 
 
422
.comment h3 {
 
423
  margin: 0.5em 0;
 
424
}
 
425
 
 
426
.comment ul.links {
 
427
  margin: 0 0 0 25px;
 
428
}
 
429
 
 
430
.comment ul.links li a {
 
431
  text-decoration: underline;
 
432
}
 
433
 
 
434
.indented {
 
435
  border-left: 1px solid #dbd2b0;
 
436
  margin-left: 14px;
 
437
  padding-left: 10px;
 
438
}
 
439
 
 
440
/*
 
441
 * 6. BLOCKS
 
442
 */
 
443
 
 
444
#blockbar h2 {
 
445
  margin-top: -10px;
 
446
}
 
447
 
 
448
#blockbar {
 
449
  background-color: #ffffff;
 
450
}
 
451
 
 
452
#center {
 
453
  background-color: #ffffff;
 
454
}
 
455
 
 
456
.block {
 
457
  margin: 0 0 10px;
 
458
}
 
459
 
 
460
#user-login-form .item-list ul li {
 
461
  background: none;
 
462
  padding: 0;
 
463
}
 
464
 
 
465
#search-block-form .form-text {
 
466
  width: 8em;
 
467
}
 
468
 
 
469
#search-block-form input.form-submit {
 
470
  font-size: .9em;
 
471
  width: 5em;
 
472
  padding: 0;
 
473
}
 
474
 
 
475
.block-book ul.menu li.expanded {
 
476
  background-color: #ffffff;
 
477
}
 
478
 
 
479
.block-book ul.menu li.expanded ul {
 
480
  border-bottom: none;
 
481
  border-top: 1px solid #e6e2c8;
 
482
}
 
483
 
 
484
div.block-announcements div.content h3 {
 
485
  color: #986601;
 
486
  padding-top: 5px;
 
487
  border-bottom: 1px solid #d6d6d6;
 
488
  font-variant: small-caps;
 
489
}
 
490
 
 
491
div.block-announcements div.content div.announcement-abstract {
 
492
  text-align: justify;
 
493
}
 
494
 
 
495
/*
 
496
 * 7. FOOTER
 
497
 */
 
498
 
 
499
#footer {
 
500
  padding: 25px 0;
 
501
  position: relative;
 
502
  clear: both;
 
503
  margin-top: 550px;
 
504
  /* needed to prevent Gecko 1.8 rendering errors */
 
505
}
 
506
 
 
507
#footer a.feed-icon {
 
508
  position: absolute;
 
509
  left: 0;
 
510
  bottom: 13px;
 
511
}
 
512
 
 
513
#footer #block-system-0 {
 
514
  position: absolute;
 
515
  float: right;
 
516
  right: 15px;
 
517
  bottom: 6px;
 
518
}
 
519
 
 
520
#footer .wrapper {
 
521
  position: relative;
 
522
  bottom: 0px;
 
523
  left: 5px;
 
524
  color: #656565;
 
525
  font-size: 90%;
 
526
  float: left;
 
527
}
 
528
 
 
529
/*
 
530
 * 8. CSS SUPPORT
 
531
 */
 
532
 
 
533
span.clear {
 
534
  clear: both;
 
535
  display: block;
 
536
  font-size: 0;
 
537
  height: 1px;
 
538
  line-height: 0;
 
539
  margin-bottom: -1px;
 
540
}
 
541
 
 
542
.clear {
 
543
  clear: both;
 
544
}
 
545
 
 
546
.clear-block {
 
547
  display: block;
 
548
}
 
549
 
 
550
.float-left {
 
551
  float: left;
 
552
}
 
553
 
 
554
.float-right {
 
555
  float: right;
 
556
}
 
557
 
 
558
.text-left {
 
559
  text-align: left;
 
560
}
 
561
 
 
562
.text-right {
 
563
  text-align: right;
 
564
}
 
565
 
 
566
.text-center {
 
567
  text-align: center;
 
568
}
 
569
 
 
570
.text-justify {
 
571
  text-align: justify;
 
572
}
 
573
 
 
574
.bold {
 
575
  font-weight: bold;
 
576
}
 
577
 
 
578
.italic {
 
579
  font-style: italic;
 
580
}
 
581
 
 
582
.underline {
 
583
  border-bottom: 1px solid;
 
584
}
 
585
 
 
586
.highlight {
 
587
  background: #ffffcc;
 
588
}
 
589
 
 
590
.wrap {
 
591
  margin: 0 auto;
 
592
}
 
593
 
 
594
.img-left {
 
595
  float: left;
 
596
  margin: 4px 10px 4px 0;
 
597
}
 
598
 
 
599
.img-right {
 
600
  float: right;
 
601
  margin: 4px 0 4px 10px;
 
602
}
 
603
 
 
604
.nopadding {
 
605
  padding: 0;
 
606
}
 
607
 
 
608
.noindent {
 
609
  margin-left: 0;
 
610
  padding-left: 0;
 
611
}
 
612
 
 
613
.nobullet {
 
614
  list-style: none;
 
615
  list-style-image: none;
 
616
}
 
617
 
 
618
/*
 
619
 * 9. ADMINISTRATION
 
620
 */
 
621
 
 
622
/* lists */
 
623
dl {
 
624
  margin: .5em 0 1em;
 
625
  padding: 0;
 
626
}
 
627
 
 
628
dl dd {
 
629
  margin: 0 0 .5em 1.5em;
 
630
}
 
631
 
 
632
ol {
 
633
  margin: .5em 0 1em;
 
634
  padding: 0 0 0 1.5em;
 
635
}
 
636
 
 
637
ol li {
 
638
  margin: 0.15em 0 0.15em .5em;
 
639
  padding: 0 0 .2em;
 
640
}
 
641
 
 
642
ol ul li {
 
643
  margin-left: .5em;
 
644
  padding: 0 0 .2em 1.5em;
 
645
}
 
646
 
 
647
ul {
 
648
  margin: .5em 0 1em;
 
649
  padding: 0;
 
650
}
 
651
 
 
652
.item-list ul {
 
653
  margin: 0.35em 0 0 -0.5em;
 
654
  padding: 0;
 
655
}
 
656
 
 
657
.item-list ul ul {
 
658
  margin-left: 0;
 
659
}
 
660
 
 
661
ul li, ul li.leaf, .item-list ul li {
 
662
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
 
663
  list-style-image: none;
 
664
  list-style-type: none;
 
665
  margin: .15em 0 .15em .5em;
 
666
  padding: 0 0 .2em 1.5em;
 
667
}
 
668
 
 
669
ul li.expanded {
 
670
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
 
671
}
 
672
 
 
673
ul li.collapsed {
 
674
  background: transparent url(images/menu-collapsed.gif) no-repeat 0 .35em;
 
675
}
 
676
 
 
677
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
 
678
  display: block;
 
679
}
 
680
 
 
681
ul.inline li {
 
682
  background: none;
 
683
  margin: 0; padding: 0 1em 0 0;
 
684
}
 
685
 
 
686
ul ol li {
 
687
  background: none;
 
688
  list-style-type: decimal;
 
689
  margin-left: 2em;
 
690
  padding: 0 0 0.2em;
 
691
}
 
692
 
 
693
ul ul li {
 
694
  margin-left: 2em;
 
695
}
 
696
 
 
697
/* admin tab links */
 
698
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
 
699
  background: none;
 
700
  border: 0; margin: 0; padding: 0;
 
701
}
 
702
 
 
703
 ul.primary {
 
704
  float: left;
 
705
}
 
706
 
 
707
ul.secondary {
 
708
  border-bottom: 1px solid #dbd2b0;
 
709
  clear: both; margin: 0 0 1em; padding: .5em 0; text-align: left;
 
710
}
 
711
 
 
712
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited, ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
 
713
  background: none;
 
714
  border: 0;
 
715
  margin: 0;
 
716
  padding: 0 1em 0 0;
 
717
  text-decoration: none;
 
718
}
 
719
 
 
720
ul.primary li.active a, ul.secondary li.active a {
 
721
  font-weight: 700;
 
722
}
 
723
 
 
724
/* position admin tab links and style admin h2 */
 
725
#tabs-wrapper {
 
726
  margin: 0;
 
727
  padding: 0;
 
728
}
 
729
 
 
730
h2.with-tabs {
 
731
  margin-bottom: 0;
 
732
  margin-top: 0.05em;
 
733
}
 
734
 
 
735
#tabs-wrapper ul.tabs {
 
736
  margin: 0 0 .5em;
 
737
  padding: 0;
 
738
}
 
739
 
 
740
/* sidebar menu */
 
741
ul.menu {
 
742
  margin: 0;
 
743
  padding: 0;
 
744
}
 
745
 
 
746
ul.menu li {
 
747
  background-position: .3em .6em;
 
748
  list-style-image: none;
 
749
  list-style-type: none;
 
750
  margin: 0;
 
751
  padding: .1em 0 .1em 0;
 
752
}
 
753
 
 
754
ul.menu li a {
 
755
  padding: .1em 0 .1em 1.5em;
 
756
}
 
757
 
 
758
ul.menu li ul li {
 
759
  background-position: 1.5em .6em;
 
760
}
 
761
 
 
762
ul.menu li ul li a {
 
763
  padding-left: 2.7em;
 
764
}
 
765
 
 
766
ul.menu li ul li ul li {
 
767
  background-position: 2.7em .6em;
 
768
}
 
769
 
 
770
ul.menu li ul li ul li a {
 
771
  padding-left: 3.9em;
 
772
}
 
773
 
 
774
ul.menu li ul li ul li ul li {
 
775
  background-position: 3.9em .6em;
 
776
}
 
777
 
 
778
ul.menu li ul li ul li ul li a {
 
779
  padding-left: 5.1em;
 
780
}
 
781
 
 
782
ul.menu li.expanded {
 
783
  padding-bottom: 0;
 
784
}
 
785
 
 
786
ul.menu li.expanded ul {
 
787
  margin-top: .1em;
 
788
}
 
789
 
 
790
/* to remove zebra coloring from sidebar menus, remove this star and slash--> */
 
791
ul.menu li {
 
792
  border-bottom: 1px solid #e6e2c8;
 
793
  padding: .2em 0 .2em 0;
 
794
}
 
795
 
 
796
ul.menu li a {
 
797
  padding: .2em 0 .2em 1.5em;
 
798
}
 
799
 
 
800
ul.menu li.odd {
 
801
  background-color: #ffffff;
 
802
}
 
803
 
 
804
ul.menu li.even {
 
805
  background-color: #fbf4e3;
 
806
}
 
807
 
 
808
ul.menu li.expanded {
 
809
  background-color: #e6e2c8;
 
810
  border: none;
 
811
  padding-bottom: 0;
 
812
}
 
813
 
 
814
ul.menu li.expanded ul {
 
815
  border-bottom: 3px solid #e6e2c8;
 
816
  border-top: 1px solid #dbd2b0;
 
817
  margin-top: .2em;
 
818
}
 
819
/* end zebra coloring */
 
820
 
 
821
/* stuff you probably will not need to change - includes admin coloring */
 
822
quote, code, fieldset {
 
823
  margin: .5em 0;
 
824
}
 
825
 
 
826
input {
 
827
  color: #494949;
 
828
  font: 1em Verdana, sans-serif;
 
829
}
 
830
 
 
831
textarea, select {
 
832
  color: #494949;
 
833
  font: 1em Verdana, sans-serif;
 
834
}
 
835
 
 
836
fieldset ul.clear-block li {
 
837
  background-image: none;
 
838
  margin: 0; padding: 0;
 
839
}
 
840
 
 
841
fieldset {
 
842
  background: #ffffff;
 
843
  border: 1px solid #e6e2c8;
 
844
  margin: 1em 0;
 
845
  padding: 1em;
 
846
}
 
847
 
 
848
fieldset legend {
 
849
  display: block;
 
850
}
 
851
 
 
852
html.js fieldset.collapsed {
 
853
  background: transparent;
 
854
  padding-bottom: .6em;
 
855
  padding-top: 0;
 
856
}
 
857
 
 
858
html.js fieldset.collapsible legend a {
 
859
  background: url(images/menu-expanded.gif) no-repeat 0 50%;
 
860
  padding-left: 2em;
 
861
}
 
862
 
 
863
html.js fieldset.collapsed legend a {
 
864
  background: url(images/menu-collapsed.gif) no-repeat 0 50%;
 
865
}
 
866
 
 
867
table {
 
868
  margin: 1em 0;
 
869
  width: 100%
 
870
}
 
871
 
 
872
thead th {
 
873
  border-bottom: 2px solid #e6e2c8;
 
874
  color: #494949;
 
875
  font-weight: 700;
 
876
}
 
877
 
 
878
tbody {
 
879
  border-top:none;
 
880
}
 
881
 
 
882
th a:link, th a:visited {
 
883
  color: #7f7f7f;
 
884
}
 
885
 
 
886
td, th {
 
887
  padding: .3em .5em;
 
888
}
 
889
 
 
890
tr.even, tr.odd, tbody th {
 
891
  border: solid #e6e2c8;
 
892
  border-width: 1px 0;
 
893
}
 
894
 
 
895
tr.odd, tr.info {
 
896
  background-color: #fbf4e3;
 
897
}
 
898
 
 
899
tr.even {
 
900
  background-color: #ffffff;
 
901
}
 
902
 
 
903
tr.drag {
 
904
  background-color: #fffff0;
 
905
}
 
906
 
 
907
tr.drag-previous {
 
908
  background-color: #ffffdd;
 
909
}
 
910
 
 
911
tr.odd td.active {
 
912
  background-color: #e6e2c8;
 
913
}
 
914
 
 
915
tr.even td.active {
 
916
  background-color: #fbf4e3;
 
917
}
 
918
 
 
919
td.region, td.module, td.container, td.category {
 
920
  background-color: #e6e2c8;
 
921
  border-bottom: 1px solid #dbd2b0;
 
922
  border-top: 1.5em solid #ffffff;
 
923
  color: #666;
 
924
  font-weight: 700;
 
925
}
 
926
 
 
927
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
 
928
  border-top-width: 0;
 
929
}
 
930
 
 
931
tr.odd td.menu-disabled {
 
932
  background-color: #fbf4e3;
 
933
}
 
934
 
 
935
tr.even td.menu-disabled {
 
936
  background-color: #ffffff;
 
937
}
 
938
 
 
939
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
 
940
  color: #e6e2c8;
 
941
}
 
942
 
 
943
tr.taxonomy-term-divider-top {
 
944
  border-bottom: none;
 
945
}
 
946
 
 
947
tr.taxonomy-term-divider-bottom {
 
948
  border-top: 1px dotted #ccc;
 
949
}
 
950
 
 
951
#autocomplete li {
 
952
  cursor: default;
 
953
  margin: 0;
 
954
  padding: 2px;
 
955
}
 
956
 
 
957
#autocomplete li.selected, tr.selected td, tr.selected td.active {
 
958
  background: #027ac6;
 
959
  color: #ffffff;
 
960
}
 
961
 
 
962
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
 
963
  margin: 0.25em 0;
 
964
}
 
965
 
 
966
#center form {
 
967
  margin-bottom: 2em;
 
968
}
 
969
 
 
970
.form-button, .form-submit {
 
971
  margin: 2em 0.5em 1em 0;
 
972
}
 
973
 
 
974
#dblog-form-overview .form-submit, .confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit {
 
975
  margin: 0;
 
976
}
 
977
 
 
978
div.admin-panel, div.admin-panel .description, div.admin-panel .body, div.admin, div.admin .left, div.admin .right, div.admin .expert-link, div.item-list, .menu {
 
979
  margin: 0;
 
980
  padding: 0;
 
981
}
 
982
 
 
983
div.admin h3 {
 
984
  margin-bottom: 0;
 
985
}
 
986
 
 
987
div.admin .left {
 
988
  float: left;
 
989
  width: 48%;
 
990
}
 
991
 
 
992
div.admin .right {
 
993
  float: right;
 
994
  width: 48%;
 
995
}
 
996
 
 
997
div.admin-panel {
 
998
  background: none;
 
999
  padding: 1em 1em 1.5em;
 
1000
}
 
1001
 
 
1002
div.admin-panel .description {
 
1003
  margin-bottom: 1.5em;
 
1004
}
 
1005
 
 
1006
div.admin-panel dl {
 
1007
  margin: 0;
 
1008
}
 
1009
 
 
1010
div.admin-panel dd {
 
1011
  color: #898989;
 
1012
  font-size: 0.92em;
 
1013
  line-height: 1.3em;
 
1014
  margin-bottom: .65em;
 
1015
  margin-top: -0.2em;
 
1016
}
 
1017
 
 
1018
.messages {
 
1019
  background-color: #ffffff;
 
1020
  border: 1px solid #b8d3e5;
 
1021
}
 
1022
 
 
1023
.preview {
 
1024
  background-color: #fcfce8;
 
1025
  border: 1px solid #e5e58f;
 
1026
}
 
1027
 
 
1028
.preview .node {
 
1029
  background-color: #fcfce8;
 
1030
}
 
1031
 
 
1032
span.form-required {
 
1033
  color: #ffae00;
 
1034
}
 
1035
 
 
1036
.description {
 
1037
  color: #898989;
 
1038
  font-size: 0.92em; line-height: 150%; margin-bottom: 0.75em;
 
1039
}
 
1040
 
 
1041
.messages, .preview {
 
1042
  margin: .75em 0;
 
1043
  padding: .5em 1em;
 
1044
}
 
1045
 
 
1046
.messages ul {
 
1047
  margin: 0;
 
1048
}
 
1049
 
 
1050
.box {
 
1051
  margin-bottom: 2.5em;
 
1052
}
 
1053
 
 
1054
.profile dd {
 
1055
  margin-bottom: 1.6em;
 
1056
}
 
1057
 
 
1058
.profile h3 {
 
1059
  border-bottom: none;
 
1060
}
 
1061
 
 
1062
div.status {
 
1063
  border-color: #c7f2c8;
 
1064
  color: #33a333;
 
1065
}
 
1066
 
 
1067
div.error, tr.error {
 
1068
  background-color: #ffcccc;
 
1069
  color: #a30000;
 
1070
}
 
1071
 
 
1072
.form-item input.error, .form-item textarea.error {
 
1073
  border: 1px solid #c52020;
 
1074
  color: #363636;
 
1075
}
 
1076
 
 
1077
table.system-status-report th {
 
1078
  border-color: #e6e2c8;
 
1079
}
 
1080
 
 
1081
table.system-status-report tr.error, table.system-status-report tr.error th {
 
1082
  background-color: #ffcccc;
 
1083
  border-color: #eebbbb; color: #220000;
 
1084
}
 
1085
 
 
1086
table.system-status-report tr.warning, table.system-status-report tr.warning th {
 
1087
  background-color: #ffffdd;
 
1088
  border-color: #eeeebb;
 
1089
}
 
1090
 
 
1091
table.system-status-report tr.ok, table.system-status-report tr.ok th {
 
1092
  background-color: #ddffdd;
 
1093
  border-color: #bbeebb;
 
1094
}
 
1095
 
 
1096
/*
 
1097
 * 10. UNDO CSS
 
1098
 */
 
1099
 
 
1100
/* Purpose: undo some of the default styling of common (X)HTML browsers */
 
1101
 
 
1102
:link,:visited {
 
1103
  text-decoration:none
 
1104
}
 
1105
 
 
1106
ul,ol {
 
1107
  list-style:none
 
1108
}
 
1109
 
 
1110
a img,:link img,:visited img {
 
1111
  border: none;
 
1112
}
 
1113
 
 
1114
address {
 
1115
  font-style:normal;
 
1116
}
 
1117
 
 
1118
/*
 
1119
 * 11. PAGE HEADER
 
1120
 */
 
1121
 
 
1122
#wrapper { 
 
1123
  margin: 0 auto; 
 
1124
  position:relative;
 
1125
  margin-left:auto;
 
1126
  margin-right:auto;
 
1127
}
 
1128
 
 
1129
#page-border-left {
 
1130
  margin: 0 auto;
 
1131
  padding: 0 0 0 14px;
 
1132
  background-color: transparent;
 
1133
  background-image: url(images/borders/border-left.png);
 
1134
  background-repeat: repeat-y;
 
1135
  background-position: left;
 
1136
}
 
1137
 
 
1138
#page-border-right {
 
1139
  margin: 0; 
 
1140
  padding: 0 13px 0 0;
 
1141
  background-color: transparent;
 
1142
  background-image: url(images/borders/border-right.png);
 
1143
  background-repeat: repeat-y;
 
1144
  background-position: right;
 
1145
}
 
1146
 
 
1147
#page-content {
 
1148
  background-color: #ffffff;
 
1149
  margin: none;
 
1150
  padding: none;
 
1151
  min-height: 560px;
 
1152
}
 
1153
 
 
1154
#opera-second-page-content { /* Seems to be needed because opera doesn't see the first one */
 
1155
  background-color: #ffffff;
 
1156
  margin: none;
 
1157
  padding: none;
 
1158
}
 
1159
 
 
1160
#container {
 
1161
  position: relative;
 
1162
  background-color: #ffffff;
 
1163
  z-index: 2;
 
1164
}
 
1165
 
 
1166
#content {
 
1167
  position: relative;
 
1168
  background-color: #ffffff;
 
1169
}
 
1170
 
 
1171
#bg-top {
 
1172
  background-color: #796646;
 
1173
  background-image: url(images/borders/border-top.png);
 
1174
  background-repeat: repeat-x;
 
1175
  background-position: top;
 
1176
  height: 15px;
 
1177
}
 
1178
 
 
1179
#page-top-border {
 
1180
  background-color: #796646;
 
1181
  height: 10px;
 
1182
}
 
1183
 
 
1184
#bg-bottom {
 
1185
  background-color: #d3caaa;
 
1186
  background-image: url(images/borders/border-bottom.png); 
 
1187
  background-repeat: repeat-x;
 
1188
  background-position: bottom;
 
1189
  height: 15px;
 
1190
}
 
1191
 
 
1192
#bg-left {
 
1193
  position: absolute;
 
1194
  top: 0;
 
1195
  left: 0;
 
1196
  width: 15px;
 
1197
  height: 15px;
 
1198
  background-color: #796646;
 
1199
  background-image: url(images/borders/corner-top-left.png);
 
1200
  background-repeat: no-repeat;
 
1201
  background-position: top left;
 
1202
  z-index: 6;
 
1203
}
 
1204
 
 
1205
#bg-right {
 
1206
  position: absolute;
 
1207
  top: 0;
 
1208
  right: 0;
 
1209
  width: 15px;
 
1210
  height: 15px;
 
1211
  background-color: #796646;
 
1212
  background-image: url(images/borders/corner-top-right.png);
 
1213
  background-repeat: no-repeat;
 
1214
  background-position: top right;
 
1215
  z-index: 6;
 
1216
}
 
1217
 
 
1218
#bottom-left {
 
1219
  width: 15px;
 
1220
  height: 15px;
 
1221
  background-color: #d3caaa;
 
1222
  background-image: url(images/borders/corner-bottom-left.png);
 
1223
  position: absolute;
 
1224
  bottom: 0;
 
1225
  left: 0;
 
1226
  z-index: 7; 
 
1227
}
 
1228
 
 
1229
#bottom-right {
 
1230
  width: 15px;
 
1231
  height: 15px; 
 
1232
  background-color: #d3caaa;
 
1233
  background-image: url(images/borders/corner-bottom-right.png);
 
1234
  position: absolute;
 
1235
  bottom: 0;
 
1236
  right: 0;
 
1237
  z-index: 7;
 
1238
}
 
1239
 
 
1240
#nav-content {
 
1241
  margin: -25px;
 
1242
}
 
1243
 
 
1244
#header {  
 
1245
 background-color: #ffffff;
 
1246
 margin-right: 2px;
 
1247
}
 
1248
 
 
1249
#header #logotext h1 {
 
1250
  position: absolute;
 
1251
  top: 53px;
 
1252
  left: 50%;
 
1253
  width: 440px;
 
1254
  text-align: center;
 
1255
  margin-left: -220px;
 
1256
  color: #73360e;
 
1257
  font-size: 1.8333em;
 
1258
}
 
1259
 
 
1260
#header #slogantext {
 
1261
  position: absolute;
 
1262
  top: 75px;
 
1263
  left: 50%;
 
1264
  width: 440px;
 
1265
  font-family: sans-serif;
 
1266
  font-style: normal;
 
1267
  font-variant: small-caps;
 
1268
  font-weight: normal;
 
1269
  font-size: small;
 
1270
  line-height: 100%;
 
1271
  word-spacing: normal;
 
1272
  letter-spacing: normal;
 
1273
  text-decoration: none;
 
1274
  text-transform: none;
 
1275
  text-align: center;
 
1276
  text-indent: 0ex;
 
1277
  margin-left: -220px;
 
1278
  color: #986601;
 
1279
  z-index: 8;
 
1280
}
 
1281
 
 
1282
#slogan { 
 
1283
  display: block; 
 
1284
  font-size: .7727em; 
 
1285
}
 
1286
 
 
1287
#search-theme-form { 
 
1288
  float: right; 
 
1289
  margin: 2.5em 0 0; 
 
1290
}
 
1291
 
 
1292
#search-theme-form .form-button, #search-theme-form .form-submit { 
 
1293
  margin: 0; 
 
1294
}
 
1295
 
 
1296
#topNav {
 
1297
  background-color: transparent;
 
1298
  padding-bottom: 5px;
 
1299
}
 
1300
 
 
1301
#topNav {
 
1302
  width: 100%;
 
1303
  position: relative;
 
1304
  height: 80px;
 
1305
}
 
1306
 
 
1307
#topNav a {
 
1308
  color: #656565;
 
1309
  text-decoration: none;
 
1310
  font-size: 110%;
 
1311
  font-family: Tahoma, Sans, Arial, Helvetica, sans-serif;
 
1312
  border-bottom: 1px dotted #fff;
 
1313
}
 
1314
 
 
1315
#topNav li a:hover {
 
1316
  border-bottom: 1px dotted #656565;
 
1317
}
 
1318
 
 
1319
#topNav ul {
 
1320
  display: block;
 
1321
  margin: 0;
 
1322
  padding: 0 0px .5em 0px;
 
1323
  position: absolute;
 
1324
  top: 20px;
 
1325
  right: 0px;
 
1326
  border-bottom: 1px solid #d6d6d6;
 
1327
}
 
1328
 
 
1329
#topNav ul ul {
 
1330
  padding-bottom: 0;
 
1331
}
 
1332
 
 
1333
#topNav li {
 
1334
  display: block;
 
1335
  float: left;
 
1336
  margin: 0 18px 0 0;
 
1337
  text-indent: -5px;
 
1338
  padding-bottom: 0;
 
1339
  background-image: url(images/bullet-triangle.png);
 
1340
  background-repeat: no-repeat;
 
1341
  background-position: left center;
 
1342
  line-height: 1.7em;
 
1343
  position: relative;
 
1344
  z-index: 99;
 
1345
}
 
1346
 
 
1347
#topNav li.last {
 
1348
  margin: 0;
 
1349
}
 
1350
 
 
1351
#topNav li ul {
 
1352
  position: absolute;
 
1353
  background-color: #ffffff;
 
1354
  border: 1px solid #d3caaa;
 
1355
  width: 12em;
 
1356
  left: -999em;
 
1357
  top: 1.5em;
 
1358
  z-index: 9;
 
1359
  font-size: 90%;
 
1360
}
 
1361
 
 
1362
#topNav li:hover ul {
 
1363
  left: 0;
 
1364
  z-index: 10;
 
1365
}
 
1366
 
 
1367
#topNav li ul li {
 
1368
  background-image: none;
 
1369
  text-indent: 0;
 
1370
  width: 100%;
 
1371
  padding: 0;
 
1372
  margin: 0;
 
1373
}
 
1374
 
 
1375
#topNav li ul li a {
 
1376
  display: block;
 
1377
  width: 100%;
 
1378
  padding: .2em 0;
 
1379
  text-indent: .2em;
 
1380
}
 
1381
 
 
1382
#topNav li ul li a:hover,#topNav li ul li a:active {
 
1383
  color: white;
 
1384
  background-color: #d3caaa;
 
1385
}
 
1386
 
 
1387
#topNav img {
 
1388
  margin: 0;
 
1389
  padding: 0;
 
1390
  border-style: none;
 
1391
}
 
1392
 
 
1393
#topNav img.rule {
 
1394
  border-top: 1.7em solid white;
 
1395
  /* ugly, ugly, but the line is too close to the tabs w/out it
 
1396
     using ems means this lowers as the users font-size increases */
 
1397
}
 
1398
 
 
1399
#ubuntulogo {
 
1400
  position: absolute;
 
1401
  top:20px;
 
1402
  left:0px;
 
1403
  padding-left: 14px; /* This is for Opera browsers... */
 
1404
}
 
1405
 
 
1406
#searchbox {
 
1407
  width: 50%;
 
1408
  height: 25px;
 
1409
  text-align: right;
 
1410
  line-height: 60px;
 
1411
  position: absolute;
 
1412
  top: 6.80em;
 
1413
  right: 9px;
 
1414
}
 
1415
 
 
1416
#searchbox p {
 
1417
  line-height: 1.1em;
 
1418
  font-size: 120%;
 
1419
  position: absolute;
 
1420
  bottom: 0;
 
1421
  right: 0;
 
1422
}
 
1423
 
 
1424
#searchbox label {
 
1425
  display: none;
 
1426
}
 
1427
 
 
1428
#searchbox button {
 
1429
  border-style: none;
 
1430
  background-color: #ffffff;
 
1431
  background-image: url(images/icon-search.png);
 
1432
  width: 34px;
 
1433
  background-repeat: no-repeat;
 
1434
  background-position: center;
 
1435
}
 
1436
 
 
1437
#searchbox button span {
 
1438
  display: block;
 
1439
  text-indent: -100px;
 
1440
  overflow: hidden;
 
1441
}
 
1442
 
 
1443
#searchbox input {
 
1444
  border: 1px solid #c6c6c6;
 
1445
  color: #777;
 
1446
  font-size: 70%;
 
1447
  padding: 2px;
 
1448
}
 
1449
 
 
1450
#masthead {
 
1451
  clear: both;
 
1452
  height: 95px;
 
1453
  background-image: url(images/mastheadbg.png); 
 
1454
  background-repeat: repeat-x;
 
1455
  margin: 0 0 0 5px;
 
1456
  padding: 0;
 
1457
  position: relative;
 
1458
  border-left: 204px solid #ffffff;
 
1459
  border-right: 216px solid #ffffff;
 
1460
  border-bottom: 10px solid #ffffff;
 
1461
  z-index: 1;
 
1462
}
 
1463
 
 
1464
#mastheadimage {
 
1465
  position: absolute;
 
1466
  top: -1px;
 
1467
  left: -204px;
 
1468
  z-index: 4;
 
1469
}
 
1470
 
 
1471
#mastheadnotice {
 
1472
  width: 216px;
 
1473
  height: 95px;
 
1474
  position: absolute;
 
1475
  top: 0;
 
1476
  right: -216px;
 
1477
  z-index: 2;
 
1478
  background-image: url(images/masthead-border-red.png);
 
1479
  background-repeat: no-repeat;
 
1480
  background-position: right top;
 
1481
  overflow:hidden;
 
1482
}
 
1483
 
 
1484
#mastheadnotice h2 {
 
1485
  margin: 8px 8px 0 20px;
 
1486
  padding: 0;
 
1487
  color: #ffc547;
 
1488
  font-size: 140%;
 
1489
}
 
1490
 
 
1491
#mastheadnotice p {
 
1492
  margin: 6px 8px 8px 20px;
 
1493
  margin-top: -1.4em; /* added for ubuntulive */
 
1494
  padding: 0;
 
1495
  color: white;
 
1496
  font-size: 110%;
 
1497
  font-weight: bold;
 
1498
  position: absolute;
 
1499
  height: 50%;
 
1500
  top: 25%;
 
1501
}
 
1502
 
 
1503
#mastheadnotice a {
 
1504
  color: white;
 
1505
  font-weight: bold;
 
1506
  font-size: 150%;
 
1507
  text-decoration: none;
 
1508
}
 
1509
 
 
1510
#mastheadcenter {
 
1511
  padding: 0;
 
1512
  margin: 0;
 
1513
  width: 100%;
 
1514
  overflow: hidden;
 
1515
  position: absolute;
 
1516
  bottom: 0;
 
1517
  left: 0;
 
1518
}
 
1519
 
 
1520
#mastheadcenter h1 {
 
1521
  margin: 0;
 
1522
  padding: 0 .4em;
 
1523
  font-size: 180%;
 
1524
  color: #c00;
 
1525
}
 
1526
 
 
1527
#mastheadcenter p {
 
1528
  font-size: 80%;
 
1529
  margin: 0;
 
1530
  padding: 0 .6em;
 
1531
  line-height: 1.4em;
 
1532
}
 
1533
 
 
1534
#masthead.homepage {
 
1535
  height: 173px;
 
1536
  background-image: url(images/mastheadbg-home.png); 
 
1537
  max-width: 800px;
 
1538
}
 
1539
 
 
1540
#masthead.homepage #mastheadnotice {
 
1541
  background-image: url(images/png/masthead-border-transparentwm-ho.png);
 
1542
  height: 170px;
 
1543
  right: -210px !important;
 
1544
  background-color: #d3caaa;
 
1545
}
 
1546
 
 
1547
#masthead.homepage #mastheadnotice p {
 
1548
  font-size: 110%;
 
1549
  position: relative;
 
1550
  margin-bottom: 1em;
 
1551
  line-height: normal;
 
1552
  margin-bottom: auto;
 
1553
}
 
1554
 
 
1555
#masthead.homepage #mastheadnotice h2 {
 
1556
  margin-top: 1.5em;
 
1557
}
 
1558
 
 
1559
#masthead.homepage img {
 
1560
  background-color: #d3caaa;
 
1561
}
 
1562
 
 
1563
#masthead.homepage #mastheadcenter h1 {
 
1564
  float: none;
 
1565
  padding-bottom: 5px;
 
1566
  /*color: #ffc547;*/
 
1567
}
 
1568
 
 
1569
#masthead.homepage #mastheadcenter p {
 
1570
  margin-left: .4em;
 
1571
  line-height: 160%;
 
1572
  font-size: 90%;
 
1573
}
 
1574
 
 
1575
#mastheadnotice span {
 
1576
  display: block;
 
1577
  font-size: 70%;
 
1578
}
 
1579
 
 
1580
#masthead.community_header #mastheadnotice {
 
1581
  background-image: url(images/masthead-border-redwm.png);
 
1582
}
 
1583
 
 
1584
#masthead.community_header #mastheadnotice p {
 
1585
  margin-top: -1.4em;
 
1586
}
 
1587
 
 
1588
#masthead.community_header #mastheadnotice a {
 
1589
  color: white;
 
1590
  font-weight: bold;
 
1591
  font-size: 150%;
 
1592
  text-decoration: none;
 
1593
}
 
1594
 
 
1595
#masthead.community_header #mastheadnotice span {
 
1596
  display: block;
 
1597
  font-size: 110%;
 
1598
}
 
1599
 
 
1600
#masthead.community_header #mastheadimage {
 
1601
  top: 0;
 
1602
}
 
1603
 
 
1604
#masthead.community_header #mastheadcenter h1 {
 
1605
  padding-bottom: 2px;
 
1606
}