Issues (1839)

all/themes/zen/zen-internals/css/zen-fixed.css (1 issue)

1
0 ignored issues
show
Additional whitespace found at start of file
Loading history...
2
3
/* html-reset.css */
4
5
/**
6
 * @file
7
 * HTML Element Styling
8
 *
9
 * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
10
 * is the place where you should set (not reset) the default styling for all
11
 * HTML elements.
12
 *
13
 * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
14
 * @see http://snook.ca/archives/html_and_css/no_css_reset/
15
 */
16
17
18
/*
19
 * Fonts
20
 *
21
 * Our font size and line height declarations are based on the following ALA
22
 * article:
23
 *   http://www.alistapart.com/articles/howtosizetextincss
24
 *
25
 * All modern browsrs use a 16px default font size. Specifying the font-size
26
 * and line-height in ems (relative to the 16px default font) allows the user
27
 * to resize the font in the browser and produces the most consistent results
28
 * across different browsers.
29
 */
30
body {
31
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
32
}
33
34
#skip-link,
35
#page {
36
  /*
37
   * To use a 12px font size on the page, delete the 14px declarations.
38
   * to use a 14px font size on the page, delete the 12px declarations.
39
   */
40
41
  /* Use a 12px base font size with a 16px line height */
42
  font-size: 0.75em; /* 16px x .75 = 12px */
43
  line-height: 1.333em; /* 12px x 1.333 = 16px */
44
45
  /* Use a 14px base font size with a 18px line height */
46
  font-size: 0.875em; /* 16px x .875 = 14px */
47
  line-height: 1.286em; /* 14px x 1.286 = 18px */
48
}
49
50
body,
51
caption,
52
th,
53
td,
54
input,
55
textarea,
56
select,
57
option,
58
legend,
59
fieldset {
60
  /* The following font family declarations are based on the Microsoft core web
61
   * fonts which are common fonts available on most computer systems. The DejaVu
62
   * fonts are commonly available on Linux systems where the MS fonts are less
63
   * common. Tahoma and Helvetica are also widely available.
64
   *
65
   * A user's web browser will look at the comma-separated list and will
66
   * attempt to use each font in turn until it finds one that is available
67
   * on the user's computer. The final "generic" font (sans-serif or serif)
68
   * hints at what type of font to use if the web browser doesn't find any
69
   * of the fonts in the list.
70
71
  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
72
  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
73
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
74
75
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
76
  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
77
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
78
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
79
80
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
81
82
   */
83
84
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
85
}
86
87
pre,
88
code {
89
  font-size: 1.1em; /* Monospace fonts can be hard to read */
90
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
91
}
92
93
/*
94
 * Headings
95
 */
96
h1 {
97
  font-size: 2em;
98
  line-height: 1.3em;
99
  margin-top: 0;
100
  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
101
                           Remember, a margin specified in ems is relative to
102
                           the element's font-size, not to the pages' base
103
                           font size. So, for example, if we want a 1em margin
104
                           (relative to the base font), we have to divide that
105
                           length by the element's font-size:
106
                           1em / 2em = 0.5em */
107
}
108
109
h2 {
110
  font-size: 1.5em;
111
  line-height: 1.3em;
112
  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
113
  margin-bottom: 0.667em;
114
}
115
116
h3 {
117
  font-size: 1.3em;
118
  line-height: 1.3em;
119
  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
120
  margin-bottom: 0.769em;
121
}
122
123
h4,
124
h5,
125
h6 {
126
  font-size: 1.1em;
127
  line-height: 1.3em;
128
  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
129
  margin-bottom: 0.909em;
130
}
131
132
/*
133
 * Block-level elements
134
 */
135
p,
136
ul,
137
ol,
138
dl,
139
pre,
140
table,
141
fieldset {
142
  margin: 1em 0;
143
}
144
145
blockquote {
146
  margin: 1em 2em;
147
}
148
149
/*
150
 * Lists
151
 *
152
 * We need to standardize the list item indentation.
153
 */
154
ul,
155
ol {
156
  margin-left: 0;
157
  padding-left: 2em; /* LTR */
158
}
159
160
.block ul,
161
.item-list ul /* Drupal overrides */ {
162
  margin: 1em 0;
163
  padding: 0 0 0 2em; /* LTR */
164
}
165
166
ul ul, ul ol,
167
ol ol, ol ul,
168
.block ul ul, .block ul ol,
169
.block ol ol, .block ol ul,
170
.item-list ul ul, .item-list ul ol,
171
.item-list ol ol, .item-list ol ul {
172
  margin: 0;
173
}
174
175
li {
176
  margin: 0;
177
  padding: 0;
178
}
179
180
.item-list ul li /* Drupal override */ {
181
  margin: 0;
182
  padding: 0;
183
  list-style: inherit;
184
}
185
186
ul.menu li,
187
li.expanded,
188
li.collapsed,
189
li.leaf /* Drupal override */ {
190
  margin: 0;
191
  padding: 0;
192
}
193
194
ul          { list-style-type: disc; }
195
ul ul       { list-style-type: circle; }
196
ul ul ul    { list-style-type: square; }
197
ul ul ul ul { list-style-type: circle; }
198
ol          { list-style-type: decimal; }
199
ol ol       { list-style-type: lower-alpha; }
200
ol ol ol    { list-style-type: decimal; }
201
202
dt {
203
  margin: 0;
204
  padding: 0;
205
}
206
207
dd {
208
  margin: 0 0 0 2em;
209
  padding: 0;
210
}
211
212
/*
213
 * Links
214
 *
215
 * The order of link states are based on Eric Meyer's article:
216
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
217
 */
218
a:link {
219
}
220
221
a:visited {
222
}
223
224
a:hover,
225
a:focus {
226
}
227
228
a:active {
229
}
230
231
/*
232
 * Tables
233
 *
234
 * Drupal provides table styling which is only useful for its admin section
235
 * forms, so we override this default CSS. (We set it back in forms.css.)
236
 */
237
table {
238
  border-collapse: collapse;
239
  /* width: 100%; */ /* Prevent cramped-looking tables */
240
}
241
242
th,
243
thead th,
244
tbody th {
245
  text-align: left; /* LTR */
246
  padding: 0;
247
  border-bottom: none;
248
}
249
250
tbody {
251
  border-top: none;
252
}
253
254
/*
255
 * Abbreviations
256
 */
257
abbr {
258
  border-bottom: 1px dotted #666;
259
  cursor: help;
260
  white-space: nowrap;
261
}
262
263
abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
264
  border: none;
265
  cursor: auto;
266
  white-space: normal;
267
}
268
269
/*
270
 * Images
271
 */
272
img {
273
  border: 0;
274
}
275
276
/*
277
 * Horizontal rules
278
 */
279
hr {
280
  height: 1px;
281
  border: 1px solid #666;
282
}
283
284
/*
285
 * Forms
286
 */
287
form {
288
  margin: 0;
289
  padding: 0;
290
}
291
292
fieldset {
293
  margin: 1em 0;
294
  padding: 0.5em;
295
}
296
297
/* wireframes.css */
298
299
/**
300
 * @file
301
 * Wireframes Styling
302
 *
303
 * Add wireframes to the basic layout elements.
304
 */
305
306
307
.with-wireframes #header .section,
308
.with-wireframes #content .section,
309
.with-wireframes #navigation .section,
310
.with-wireframes .region-sidebar-first .section,
311
.with-wireframes .region-sidebar-second .section,
312
.with-wireframes #footer .section {
313
  margin: 1px;
314
  padding: 2px;
315
  border: 1px solid #ccc;
316
}
317
318
.with-wireframes .region-page-closure {
319
  margin-top: 1px;
320
  padding: 2px;
321
  border: 1px solid #ccc;
322
}
323
324
/* layout-fixed.css */
325
326
/**
327
 * @file
328
 * Layout Styling (DIV Positioning)
329
 *
330
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
331
 * column layout depending on whether blocks are enabled in the left or right
332
 * columns.
333
 *
334
 * This layout is based on the Zen Columns layout method.
335
 *   http://drupal.org/node/201428
336
 *
337
 * Only CSS that affects the layout (positioning) of major elements should be
338
 * listed here.  Such as:
339
 *   display, position, float, clear, width, height, min-width, min-height
340
 *   margin, border, padding, overflow
341
 */
342
343
344
/*
345
 * Body
346
 */
347
body {
348
}
349
350
#page-wrapper,
351
.region-page-closure {
352
  /*
353
   * If you want to make the page a fixed width and centered in the viewport,
354
   * this is the standards-compliant way to do that. See also the ie6.css file
355
   * for the necessary IE5/IE6quirks hack to center a div.
356
   */
357
  margin-left: auto;
358
  margin-right: auto;
359
  width: 960px;
360
}
361
362
#page {
363
}
364
365
/*
366
 * Header
367
 */
368
#header {
369
}
370
371
#header .section {
372
}
373
374
#search-box {
375
}
376
377
.region-header {
378
  clear: both; /* Clear the logo */
379
}
380
381
/*
382
 * Main (container for everything else)
383
 */
384
#main-wrapper {
385
  position: relative;
386
}
387
388
#main {
389
}
390
391
/*
392
 * Content
393
 */
394
#content,
395
.no-sidebars #content {
396
  float: left; /* LTR */
397
  width: 960px;
398
  margin-left: 0; /* LTR */
399
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
400
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
401
}
402
403
.sidebar-first #content {
404
  width: 760px;
405
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
406
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
407
}
408
409
.sidebar-second #content {
410
  width: 760px;
411
  margin-left: 0; /* LTR */
412
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
413
}
414
415
.two-sidebars #content {
416
  width: 560px;
417
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
418
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
419
}
420
421
#content .section {
422
  margin: 0;
423
  padding: 0;
424
}
425
426
/*
427
 * Navigation
428
 */
429
#navigation {
430
  float: left; /* LTR */
431
  width: 100%;
432
  margin-left: 0; /* LTR */
433
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
434
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
435
  height: 2.3em; /* The navigation can have any arbritrary height. We picked one
436
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
437
                    Set this to the same value as the margin-top below. */
438
}
439
440
.with-navigation #content,
441
.with-navigation .region-sidebar-first,
442
.with-navigation .region-sidebar-second {
443
  margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
444
}
445
446
#navigation .section {
447
}
448
449
#navigation ul /* Primary and secondary links */ {
450
  margin: 0;
451
  padding: 0;
452
  text-align: left; /* LTR */
453
}
454
455
#navigation li /* A simple method to get navigation links to appear in one line. */ {
456
  float: left; /* LTR */
457
  padding: 0 10px 0 0; /* LTR */
458
}
459
460
/*
461
 * First sidebar
462
 */
463
.region-sidebar-first {
464
  float: left; /* LTR */
465
  width: 200px;
466
  margin-left: 0; /* LTR */
467
  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
468
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
469
}
470
471
.region-sidebar-first .section {
472
  margin: 0 20px 0 0; /* LTR */
473
  padding: 0;
474
}
475
476
/*
477
 * Second sidebar
478
 */
479
.region-sidebar-second {
480
  float: left; /* LTR */
481
  width: 200px;
482
  margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
483
  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
484
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
485
}
486
487
.region-sidebar-second .section {
488
  margin: 0 0 0 20px; /* LTR */
489
  padding: 0;
490
}
491
492
/*
493
 * Footer
494
 */
495
#footer {
496
}
497
498
#footer .section {
499
}
500
501
/*
502
 * Closure
503
 */
504
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
505
}
506
507
/*
508
 * Prevent overflowing content
509
 */
510
#header,
511
#content,
512
#navigation,
513
.region-sidebar-first,
514
.region-sidebar-second,
515
#footer,
516
.region-page-closure {
517
  overflow: visible;
518
  word-wrap: break-word; /* A very nice CSS3 property */
519
}
520
521
#navigation {
522
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
523
}
524
525
/*
526
 * If a div.clearfix doesn't have any content after it and its bottom edge
527
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
528
 * place several pixels worth of space between the bottom of the div and the
529
 * bottom of the viewport. Uncomment this CSS property to fix this.
530
 * Note: with some over-large content, this property might cause scrollbars
531
 * to appear on the #page-wrapper div.
532
 */
533
/*
534
#page-wrapper {
535
  overflow-y: hidden;
536
}
537
*/
538
539
/* page-backgrounds.css */
540
541
/**
542
 * @file
543
 * Page Background Styling
544
 *
545
 * The default layout method of Zen doesn't give themers equal-height columns.
546
 * However, equal-height columns are difficult to achieve and totally
547
 * unnecessary. Instead, use the Faux Columns method described in the following
548
 * ALA article:
549
 *   http://www.alistapart.com/articles/fauxcolumns/
550
 */
551
552
553
body {
554
}
555
556
#page-wrapper {
557
}
558
559
#page {
560
}
561
562
#header {
563
}
564
565
#header .section {
566
}
567
568
#main-wrapper {
569
}
570
571
#main {
572
}
573
574
#footer {
575
}
576
577
#footer .section {
578
}
579
580
/* tabs.css */
581
582
/**
583
 * @file
584
 * Tabs Styling
585
 *
586
 * Adds styles for the primary and secondary tabs.
587
 *
588
 * Compare this with default CSS found in the system module's stylesheet (a copy
589
 * of which is in drupal6-reference.css, line 510.)
590
 */
591
592
593
div.tabs {
594
  margin: 0 0 5px 0;
595
}
596
597
ul.primary {
598
  margin: 0;
599
  padding: 0 0 0 10px; /* LTR */
600
  border-width: 0;
601
  list-style: none;
602
  white-space: nowrap;
603
  line-height: normal;
604
  background: url(../images/tab-bar.png) repeat-x left bottom;
605
}
606
607
ul.primary li {
608
  float: left; /* LTR */
609
  margin: 0;
610
  padding: 0;
611
}
612
613
ul.primary li a {
614
  display: block;
615
  height: 24px;
616
  margin: 0;
617
  padding: 0 0 0 5px; /* width of tab-left.png */
618
  border-width: 0;
619
  font-weight: bold;
620
  text-decoration: none;
621
  color: #777;
622
  background-color: transparent;
623
  background: url(../images/tab-left.png) no-repeat left -38px;
624
}
625
626
ul.primary li a .tab {
627
  display: block;
628
  height: 20px; /* 24px (parent) - 4px (padding) */
629
  margin: 0;
630
  padding: 4px 13px 0 6px;
631
  border-width: 0;
632
  line-height: 20px;
633
  background: url(../images/tab-right.png) no-repeat right -38px;
634
}
635
636
ul.primary li a:hover,
637
ul.primary li a:focus {
638
  border-width: 0;
639
  background-color: transparent;
640
  background: url(../images/tab-left.png) no-repeat left -76px;
641
}
642
643
ul.primary li a:hover .tab,
644
ul.primary li a:focus .tab {
645
  background: url(../images/tab-right.png) no-repeat right -76px;
646
}
647
648
ul.primary li.active a,
649
ul.primary li.active a:hover,
650
ul.primary li.active a:focus {
651
  border-width: 0;
652
  color: #000;
653
  background-color: transparent;
654
  background: url(../images/tab-left.png) no-repeat left 0;
655
}
656
657
ul.primary li.active a .tab,
658
ul.primary li.active a:hover .tab,
659
ul.primary li.active a:focus .tab {
660
  background: url(../images/tab-right.png) no-repeat right 0;
661
}
662
663
ul.secondary {
664
  margin: 0;
665
  padding: 0 0 0 5px; /* LTR */
666
  border-bottom: 1px solid #c0c0c0;
667
  list-style: none;
668
  white-space: nowrap;
669
  background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
670
}
671
672
ul.secondary li {
673
  float: left; /* LTR */
674
  margin: 0 5px 0 0;
675
  padding: 5px 0;
676
  border-right: none; /* LTR */
677
}
678
679
ul.secondary a {
680
  display: block;
681
  height: 24px;
682
  margin: 0;
683
  padding: 0;
684
  border: 1px solid #c0c0c0;
685
  text-decoration: none;
686
  color: #777;
687
  background: url(../images/tab-secondary.png) repeat-x left -56px;
688
}
689
690
ul.secondary a .tab {
691
  display: block;
692
  height: 18px; /* 24px (parent) - 6px (padding) */
693
  margin: 0;
694
  padding: 3px 8px;
695
  line-height: 18px;
696
}
697
698
ul.secondary a:hover,
699
ul.secondary a:focus {
700
  background: url(../images/tab-secondary.png) repeat-x left bottom;
701
}
702
703
ul.secondary a.active,
704
ul.secondary a.active:hover,
705
ul.secondary a.active:focus {
706
  border: 1px solid #c0c0c0;
707
  color: #000;
708
  background: url(../images/tab-secondary.png) repeat-x left top;
709
}
710
711
/* messages.css */
712
713
/**
714
 * @file
715
 * Message Styling
716
 *
717
 * Sensible styling for Drupal's error/warning/status messages.
718
 */
719
720
721
div.messages,
722
div.status,
723
div.warning,
724
div.error /* Important messages (status, warning, and error) for the user */ {
725
  min-height: 21px;
726
  margin: 0 1em 5px 1em;
727
  border: 2px solid #ff7;
728
  padding: 5px 5px 5px 35px; /* LTR */
729
  color: #000;
730
  background-color: #ffc;
731
  background-image: url(../images/messages-status.png);
732
  background-repeat: no-repeat;
733
  background-position: 5px 5px; /* LTR */
734
}
735
736
div.status /* Normal priority messages */ {
737
}
738
739
div.warning /* Medium priority messages */ {
740
  border-color: #fc0;
741
  background-image: url(../images/messages-warning.png);
742
}
743
744
div.warning,
745
tr.warning {
746
  color: #000; /* Drupal core uses #220 */
747
  background-color: #ffc;
748
}
749
750
div.error /* High priority messages. See also the .error declaration in pages.css. */ {
751
  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
752
  border-color: #c00;
753
  background-image: url(../images/messages-error.png);
754
}
755
756
div.error,
757
tr.error {
758
  color: #900; /* Drupal core uses #200 */
759
  background-color: #fee;
760
}
761
762
div.messages ul {
763
  margin-top: 0;
764
  margin-bottom: 0;
765
}
766
767
/* pages.css */
768
769
/**
770
 * @file
771
 * Page Styling
772
 *
773
 * Style the markup found in page.tpl.php. Also includes some styling of
774
 * miscellaneous Drupal elements that appear in the $content variable, such as
775
 * ul.links, .pager, .more-link, etc.
776
 */
777
778
779
/*
780
 * Body
781
 */
782
body {
783
  margin: 0;
784
  padding: 0;
785
}
786
787
#page-wrapper {
788
}
789
790
#page {
791
}
792
793
/*
794
 * The skip navigation link will be completely hidden until a user tabs to the
795
 * link. See http://www.webaim.org/techniques/skipnav/
796
 */
797
#skip-link a,
798
#skip-link a:visited {
799
  position: absolute;
800
  display: block;
801
  left: 0;
802
  top: -500px;
803
  width: 1px;
804
  height: 1px;
805
  overflow: hidden;
806
  text-align: center;
807
  background-color: #666;
808
  color: #fff;
809
}
810
811
#skip-link a:hover,
812
#skip-link a:active,
813
#skip-link a:focus {
814
  position: static;
815
  width: 100%;
816
  height: auto;
817
  padding: 2px 0 3px 0;
818
}
819
820
/*
821
 * Header
822
 */
823
#header {
824
}
825
826
#header .section {
827
}
828
829
#logo /* Wrapping link for logo */ {
830
  float: left; /* LTR */
831
  margin: 0;
832
  padding: 0;
833
}
834
835
#logo img {
836
  vertical-align: bottom;
837
}
838
839
#name-and-slogan /* Wrapper for website name and slogan */ {
840
}
841
842
h1#site-name,
843
div#site-name /* The name of the website */ {
844
  margin: 0;
845
  font-size: 2em;
846
  line-height: 1.3em;
847
}
848
849
#site-name a:link,
850
#site-name a:visited {
851
  color: #000;
852
  text-decoration: none;
853
}
854
855
#site-name a:hover,
856
#site-name a:focus {
857
  text-decoration: underline;
858
}
859
860
#site-slogan /* The slogan (or tagline) of a website */ {
861
}
862
863
.region-header /* Wrapper for any blocks placed in the header region */ {
864
}
865
866
/*
867
 * Main (container for everything else)
868
 */
869
#main-wrapper {
870
}
871
872
#main {
873
}
874
875
/*
876
 * Content
877
 */
878
#content {
879
}
880
881
#content .section {
882
}
883
884
#mission /* The mission statement of the site (displayed on homepage) */ {
885
}
886
887
.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
888
}
889
890
.breadcrumb /* The path to the current page in the form of a list of links */ {
891
  padding-bottom: 0; /* Undo system.css */
892
}
893
894
h1.title, /* The title of the page */
895
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
896
h3.title /* Comment title */ {
897
  margin: 0;
898
}
899
900
tr.even /* Some tables have rows marked even or odd. */ {
901
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
902
}
903
904
tr.odd {
905
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
906
}
907
908
div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
909
}
910
911
div.status /* Normal priority messages */ {
912
}
913
914
div.warning,
915
tr.warning /* Medium priority messages */ {
916
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
917
}
918
919
div.error,
920
tr.error /* High priority messages. See also the .error declaration below. */ {
921
}
922
923
.error /* Errors that are separate from div.messages status messages. */ {
924
  /* color: #e55; */ /* Drupal core uses a #e55 background */
925
}
926
927
.warning /* Warnings that are separate from div.messages status messages. */ {
928
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
929
}
930
931
div.tabs /* See also the tabs.css file. */ {
932
}
933
934
.help /* Help text on a page */ {
935
  margin: 1em 0;
936
}
937
938
.more-help-link /* Link to more help */ {
939
  font-size: 0.85em;
940
  text-align: right;
941
}
942
943
#content-area /* Wrapper for the actual page content */ {
944
}
945
946
ul.links /* List of links */ {
947
  margin: 1em 0;
948
  padding: 0;
949
}
950
951
ul.links.inline {
952
  margin: 0;
953
  display: inline;
954
}
955
956
ul.links li {
957
  display: inline;
958
  list-style-type: none;
959
  padding: 0 0.5em;
960
}
961
962
.pager /* A list of page numbers when more than 1 page of content is available */ {
963
  clear: both;
964
  margin: 1em 0;
965
  text-align: center;
966
}
967
968
.pager a,
969
.pager strong.pager-current /* Each page number in the pager list */ {
970
  padding: 0.5em;
971
}
972
973
.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
974
  margin: 1em 0;
975
}
976
977
.more-link /* Aggregator, blog, and forum more link */ {
978
  text-align: right; /* LTR */
979
}
980
981
.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
982
}
983
984
/*
985
 * First sidebar (on left in LTR languages, on right in RTL)
986
 *
987
 * Remember to NOT add padding or margin to your .region-sidebar-first
988
 * (see the layout.css file.)
989
 */
990
.region-sidebar-first {
991
}
992
993
.region-sidebar-first .section {
994
}
995
996
/*
997
 * Second sidebar (on right in LTR languages, on left in RTL)
998
 *
999
 * Remember to NOT add padding or margin to your .region-sidebar-second
1000
 * (see the layout.css file.)
1001
 */
1002
.region-sidebar-second {
1003
}
1004
1005
.region-sidebar-second .section {
1006
}
1007
1008
/*
1009
 * Footer
1010
 */
1011
#footer {
1012
}
1013
1014
#footer .section {
1015
}
1016
1017
#footer-message /* Wrapper for the footer message from Drupal's "Site information"
1018
                   and for any blocks placed in the footer region */ {
1019
}
1020
1021
.region-footer {
1022
}
1023
1024
/*
1025
 * Closure
1026
 */
1027
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
1028
}
1029
1030
/*
1031
 * Drupal boxes
1032
 *
1033
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
1034
 * Search results.
1035
 */
1036
.box /* Wrapper for box */ {
1037
}
1038
1039
.box h2 /* Box title */ {
1040
}
1041
1042
.box .content /* Box's content wrapper */ {
1043
}
1044
1045
/*
1046
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
1047
 */
1048
.clearfix:after {
1049
  content: ".";
1050
  display: block;
1051
  height: 0;
1052
  clear: both;
1053
  visibility: hidden;
1054
}
1055
1056
/**
1057
 * Hide elements from all users.
1058
 *
1059
 * Used for elements which should not be immediately displayed to any user. An
1060
 * example would be a collapsible fieldset that will be expanded with a click
1061
 * from a user. The effect of this class can be toggled with the jQuery show()
1062
 * and hide() functions.
1063
 */
1064
.element-hidden {
1065
  display: none;
1066
}
1067
1068
/**
1069
 * Hide elements visually, but keep them available for screen-readers.
1070
 *
1071
 * Used for information required for screen-reader users to understand and use
1072
 * the site where visual display is undesirable. Information provided in this
1073
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
1074
 * not be used for focusable elements (such as links and form elements) as this
1075
 * causes issues for keyboard only or voice recognition users. "!important" is
1076
 * used to prevent unintentional overrides.
1077
 */
1078
.element-invisible {
1079
  position: absolute !important;
1080
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
1081
  clip: rect(1px, 1px, 1px, 1px);
1082
}
1083
1084
/* block-editing.css */
1085
1086
/**
1087
 * @file
1088
 * Zen's rollover edit links for blocks.
1089
 */
1090
1091
1092
div.block.with-block-editing {
1093
  position: relative;
1094
}
1095
1096
div.block.with-block-editing div.edit {
1097
  display: none;
1098
  position: absolute;
1099
  right: 0; /* LTR */
1100
  top: 0;
1101
  z-index: 40;
1102
  border: 1px solid #eee;
1103
  padding: 0 2px;
1104
  font-size: 0.75em;
1105
  background-color: #fff;
1106
}
1107
1108
div.block.with-block-editing:hover div.edit {
1109
  display: block;
1110
}
1111
1112
/* blocks.css */
1113
1114
/**
1115
 * @file
1116
 * Block Styling
1117
 */
1118
1119
1120
.block /* Block wrapper */ {
1121
  margin-bottom: 1em;
1122
}
1123
1124
.block.first /* The first block in the region */ {
1125
}
1126
1127
.block.last /* The last block in the region */ {
1128
}
1129
1130
.block.region-odd /* Zebra striping for each block in the region */ {
1131
}
1132
1133
.block.region-even /* Zebra striping for each block in the region */ {
1134
}
1135
1136
.block.odd /* Zebra striping independent of each region */ {
1137
}
1138
1139
.block.even /* Zebra striping independent of each region */ {
1140
}
1141
1142
.region-count-1 /* Incremental count for each block in the region */ {
1143
}
1144
1145
.count-1 /* Incremental count independent of each region */ {
1146
}
1147
1148
.block h2.title /* Block title */ {
1149
}
1150
1151
.block .content /* Block's content wrapper */ {
1152
}
1153
1154
#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
1155
}
1156
1157
#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
1158
}
1159
1160
#block-block-1 /* First administrator-defined block */ {
1161
}
1162
1163
#block-blog-0 /* "Recent blog posts" block */ {
1164
}
1165
1166
#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
1167
}
1168
1169
#block-comment-0 /* "Recent comments" block */ {
1170
}
1171
1172
#block-forum-0 /* "Active forum topics" block */ {
1173
}
1174
1175
#block-forum-1 /* "New forum topics" block */ {
1176
}
1177
1178
#block-menu-primary-links /* "Primary links" block */ {
1179
}
1180
1181
#block-menu-secondary-links /* "Secondary links" block */ {
1182
}
1183
1184
#block-node-0 /* "Syndicate" block for primary RSS feed */ {
1185
}
1186
1187
#block-poll-0 /* "Most recent poll" block */ {
1188
}
1189
1190
#block-profile-0 /* "Author information" block for the profile of the page's author */ {
1191
}
1192
1193
#block-search-0 /* "Search form" block */ {
1194
}
1195
1196
#block-statistics-0 /* "Popular content" block */ {
1197
}
1198
1199
#block-user-0 /* "User login form" block */ {
1200
}
1201
1202
#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
1203
}
1204
1205
#block-user-2 /* "Who's new" block for a list of the newest users */ {
1206
}
1207
1208
#block-user-3 /* "Who's online" block for a list of the online users */ {
1209
}
1210
1211
/* navigation.css */
1212
1213
/**
1214
 * @file
1215
 * Navigation Styling
1216
 *
1217
 * Default menu styling (ul.menu) is defined in system-menus.css.
1218
 */
1219
1220
1221
/*
1222
 * The active item in a Drupal menu
1223
 */
1224
li a.active {
1225
  color: #000;
1226
}
1227
1228
/*
1229
 * Navigation bar
1230
 */
1231
#navigation {
1232
}
1233
1234
.region-navigation {
1235
}
1236
1237
/*
1238
 * Primary and Secondary menu links
1239
 */
1240
#main-menu {
1241
}
1242
1243
#secondary-menu {
1244
}
1245
1246
/*
1247
 * Menu blocks
1248
 */
1249
.block-menu {
1250
}
1251
1252
/*
1253
 * "Menu block" blocks. See http://drupal.org/project/menu_block
1254
 */
1255
.block-menu_block {
1256
}
1257
1258
/* views-styles.css */
1259
1260
/**
1261
 * @file
1262
 * Views Styling
1263
 */
1264
1265
1266
1267
/* nodes.css */
1268
1269
/**
1270
 * @file
1271
 * Node Styling
1272
 *
1273
 * Style anything that isn't in the $content variable.
1274
 */
1275
1276
1277
.node /* Node wrapper */ {
1278
}
1279
1280
.node-sticky /* A sticky node (displayed before others in a list) */ {
1281
}
1282
1283
.node-unpublished /* Unpublished nodes */ {
1284
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
1285
}
1286
1287
.node-unpublished div.unpublished,
1288
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
1289
  height: 0;
1290
  overflow: visible;
1291
  color: #d8d8d8;
1292
  font-size: 75px;
1293
  line-height: 1;
1294
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
1295
  font-weight: bold;
1296
  text-transform: uppercase;
1297
  text-align: center;
1298
  word-wrap: break-word; /* A very nice CSS3 property */
1299
}
1300
1301
.node-by-viewer /* A node created by the current user */ {
1302
}
1303
1304
.node-teaser /* A node displayed as teaser */ {
1305
}
1306
1307
/* All nodes are given a node-type-FOO class that describes the type of
1308
 * content that it is. If you create a new content type called
1309
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
1310
 */
1311
.node-type-page /* Page content node */ {
1312
}
1313
1314
.node-type-story /* Story content node */ {
1315
}
1316
1317
.node h2.title /* Node title */ {
1318
}
1319
1320
.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
1321
  color: #c00;
1322
}
1323
1324
.node .picture /* The picture of the node author */ {
1325
}
1326
1327
.node.node-unpublished .picture,
1328
.comment.comment-unpublished .picture {
1329
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
1330
}
1331
1332
.node .meta /* Wrapper for submitted and terms data */ {
1333
}
1334
1335
.node .submitted /* The "posted by" information */ {
1336
}
1337
1338
.node .terms /* Node terms (taxonomy) */ {
1339
}
1340
1341
.node .content /* Node's content wrapper */ {
1342
}
1343
1344
.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
1345
}
1346
1347
.preview .node /* Preview of the content before submitting new or updated content */ {
1348
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
1349
}
1350
1351
/* comments.css */
1352
1353
/**
1354
 * @file
1355
 * Comment Styling
1356
 */
1357
1358
1359
#comments /* Wrapper for the list of comments and its title */ {
1360
  margin: 1em 0;
1361
}
1362
1363
#comments h2.title /* Heading for the list of comments */ {
1364
}
1365
1366
.comment /* Wrapper for a single comment */ {
1367
}
1368
1369
.comment-preview /* Preview of the comment before submitting new or updated comment */ {
1370
}
1371
1372
.comment.new /* A new comment since the user last viewed the page. */ {
1373
}
1374
1375
.comment.first /* The first comment in the list of comments */ {
1376
}
1377
1378
.comment.last /* The last comment in the list of comments */ {
1379
}
1380
1381
.comment.odd /* An odd-numbered comment in the list of comments */ {
1382
}
1383
1384
.comment.even /* An even-numbered comment in the list of comments */ {
1385
}
1386
1387
.comment-unpublished /* Unpublished comments */ {
1388
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
1389
}
1390
1391
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
1392
}
1393
1394
.comment-by-anonymous /* A comment created by an anonymous user */ {
1395
}
1396
1397
.comment-by-node-author /* A comment created by the node's author */ {
1398
}
1399
1400
.comment-by-viewer /* A comment created by the current user */ {
1401
}
1402
1403
.comment h3.title /* Comment title */ {
1404
}
1405
1406
.new /* "New" marker for comments that are new for the current user */ {
1407
  color: #c00;
1408
}
1409
1410
.comment .picture /* The picture of the comment author */ {
1411
}
1412
1413
.comment .submitted /* The "posted by" information */ {
1414
}
1415
1416
.comment .content /* Comment's content wrapper */ {
1417
}
1418
1419
.comment .user-signature /* The user's signature */ {
1420
}
1421
1422
.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
1423
}
1424
1425
.indented /* Nested comments are indented */ {
1426
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
1427
}
1428
1429
.preview .comment /* Preview of the comment before submitting new or updated comment */ {
1430
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
1431
}
1432
1433
/* forms.css */
1434
1435
/**
1436
 * @file
1437
 * Form Styling
1438
 */
1439
1440
1441
.form-item,
1442
.form-checkboxes,
1443
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
1444
  margin: 1em 0;
1445
}
1446
1447
.form-item input.error,
1448
.form-item textarea.error,
1449
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
1450
  border: 2px solid #c00;
1451
}
1452
1453
.form-item label /* The label for a form element */ {
1454
  display: block;
1455
  font-weight: bold;
1456
}
1457
1458
.form-item label.option /* The label for a radio button or checkbox */ {
1459
  display: inline;
1460
  font-weight: normal;
1461
}
1462
1463
.form-required /* The part of the label that indicates a required field */ {
1464
  color: #c00;
1465
}
1466
1467
.form-item .description /* The descriptive help text (separate from the label) */ {
1468
  font-size: 0.85em;
1469
}
1470
1471
.form-checkboxes .form-item,
1472
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
1473
  margin: 0.4em 0;
1474
}
1475
1476
.form-submit /* The submit button */ {
1477
}
1478
1479
.container-inline div,
1480
.container-inline label /* Inline labels and form divs */ {
1481
  display: inline;
1482
}
1483
1484
.tips /* Tips for Drupal's input formats */ {
1485
}
1486
1487
1488
/*
1489
 * Search (search-theme-form.tpl.php)
1490
 */
1491
#search-box /* Wrapper for the search form */ {
1492
}
1493
1494
#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
1495
  display: none;
1496
}
1497
1498
1499
/*
1500
 * Search (search-block-form.tpl.php)
1501
 */
1502
#search-block-form /* Wrapper for the search form */ {
1503
}
1504
1505
#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
1506
  display: none;
1507
}
1508
1509
1510
/*
1511
 * Drupal's default login form block
1512
 */
1513
#user-login-form {
1514
  text-align: left; /* LTR */
1515
}
1516
1517
1518
/*
1519
 * OpenID
1520
 *
1521
 * The default styling for the OpenID login link seems to assume Garland's
1522
 * styling of list items.
1523
 */
1524
1525
#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
1526
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
1527
}
1528
1529
#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
1530
  margin-top: 1em;
1531
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
1532
}
1533
1534
#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
1535
  margin-top: 1em;
1536
}
1537
1538
#user-login ul {
1539
  margin: 1em 0;
1540
}
1541
1542
#user-login li.openid-link,
1543
#user-login li.user-link /* The OpenID links on the /user form. */ {
1544
  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
1545
}
1546
1547
1548
/*
1549
 * Drupal admin tables
1550
 *
1551
 * We overrode these styles in html-elements.css, but restore them for the admin
1552
 * section of the site.
1553
 */
1554
1555
form tbody {
1556
  border-top: 1px solid #ccc;
1557
}
1558
1559
form th,
1560
form thead th {
1561
  text-align: left; /* LTR */
1562
  padding-right: 1em; /* LTR */
1563
  border-bottom: 3px solid #ccc;
1564
}
1565
1566
form tbody th {
1567
  border-bottom: 1px solid #ccc;
1568
}
1569
1570
/* fields.css */
1571
1572
/**
1573
 * @file
1574
 * Field Styling
1575
 */
1576
1577
1578
/*
1579
 * Field types
1580
 */
1581
1582
.field /* Wrapper for any CCK field. */ {
1583
}
1584
1585
.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
1586
}
1587
1588
.field-type-filefield /* Field from filefield module */ {
1589
}
1590
1591
.field-type-nodereference {
1592
}
1593
1594
.field-type-number-decimal {
1595
}
1596
1597
.field-type-number-float {
1598
}
1599
1600
.field-type-number-integer {
1601
}
1602
1603
.field-type-text {
1604
}
1605
1606
.field-type-userreference {
1607
}
1608
1609
1610
/*
1611
 * Named fields
1612
 */
1613
1614
.field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
1615
}
1616