Project

General

Profile

1 2471 costa
 /*
2
  *   '$RCSfile$'
3
  *     Purpose: Default style sheet for KNB project web pages
4
  *              Using this stylesheet rather than placing styles directly in
5
  *              the KNB web documents allows us to globally change the
6
  *              formatting styles of the entire site in one easy place.
7
  *   Copyright: 2000 Regents of the University of California and the
8
  *               National Center for Ecological Analysis and Synthesis
9
  *     Authors: Matt Jones
10
  *
11
  *    '$Author$'
12
  *      '$Date$'
13
  *  '$Revision$'
14
  *
15
  * This program is free software; you can redistribute it and/or modify
16
  * it under the terms of the GNU General Public License as published by
17
  * the Free Software Foundation; either version 2 of the License, or
18
  * (at your option) any later version.
19
  *
20
  * This program is distributed in the hope that it will be useful,
21
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
22
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
23
  * GNU General Public License for more details.
24
  *
25
  * You should have received a copy of the GNU General Public License
26
  * along with this program; if not, write to the Free Software
27
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
28
  */
29
30
31
/**
32
 *  set the correct iframe sizes to accomodate the
33
 *  header, footer, left and right areas.
34
 *  NOTE: these styles apply only to each
35
 *  container frame, *NOT* to the document within it!
36
 */
37
38
.iframeheaderclass {
39 2507 costa
    height:   140px;
40 2471 costa
    width:    100%;
41
    border:   0px;
42
    margin:   0px;
43
}
44
45
.iframesearchboxclass {
46 2495 costa
    height:   510px;
47 2471 costa
    width:    100%;
48
    border:   0px;
49
    margin:   0px;
50
}
51
52
.iframeloginboxclass {
53
    height:   250px;
54
    width:    100%;
55
    border:   0px;
56
    margin:   0px;
57
}
58
59
.iframeleftcolclass  { /* not used */ }
60
.iframerightcolclass { /* not used */ }
61
.iframefooterclass   { /* not used */ }
62
63
/**
64
 *  set the size and alignment etc of the top-level layout table
65
 */
66
.templatetableclass {
67
    width:   100%;
68
    border:   0px;
69
    padding:  0px;
70
    margin:   0px;
71
}
72
73
/**
74
 *  set the style of the main content area and its contents
75
 */
76
.templatecontentareaclass {
77
    border:   0px;
78
    padding:  0px;
79
    margin:   0px;
80
}
81
82
/**
83
 *  set the correct <td> sizes to accomodate the
84
 *  header, footer, left and right iframes.
85
 *  NOTE: these styles apply only to each
86
 *  container frame, *NOT* to the document in
87
 *  the iframe within it!
88
 */
89
.templateheaderrowclass {
90
    height:   80px;
91
    /*
92
      no width allowed - uses same width as table class
93
    */
94
    border:   0px;
95
    padding:  0px;
96
    margin:   0px;
97
}
98
99
.templateleftcolclass {
100
    height:   100%;
101
    width:    0px;
102
    border:   0px;
103
    padding:  0px;
104
    margin:   0px;
105
}
106
107
.templaterightcolclass {
108
    height:   100%;
109
    width:    0px;
110
    border:   0px;
111
    padding:  0px;
112
    margin:   0px;
113
}
114
115
.templatefooterrowclass {
116
    height:   0px;
117
    /*
118
      no width allowed - uses same width as
119
      table class
120
    */
121
    border:   0px;
122
    padding:  0px;
123
    margin:   0px;
124
}
125
126
.sectioncorner {
127 2507 costa
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
128 2471 costa
}
129
130
.sectionheader {
131 2507 costa
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
132 2471 costa
    text-align: center;
133
    color: #0247A8;
134
/*    font-size: 1em;
135
    font-weight: bold; */
136
        font-size: 14px;
137
    font-weight: bold;
138
139
}
140
141
.searchcat {
142
    padding-left: 5px;
143
    color: #0247A8;
144
    font-weight: bold;
145
    font-size: 11px;
146
}
147
148
td.searchsubcat {
149
    padding-left: 15px;
150
}
151
152
a.searchsubcat {
153
    color: #669933;
154
    font-weight: normal;
155
    font-size: 11px;
156
}
157
158
a.searchsubcat:hover {
159
    color: #ff9933;
160
    text-decoration: underline;
161
}
162
163
164
/**
165
 *  then add any other styles used
166
 *  by your page......
167
 */
168
169
body {
170
  	padding-top: 3px;
171
    color: #333333;
172
    background-color: #eeeeee;
173 2507 costa
    /*background-image: url(@style-skins-path@/default/images/bgpattern.gif);*/
174 2471 costa
    font-weight: normal;
175
    font-size: 12px;
176
    font-family: Verdana,Arial,Helvetica,sans-serif;
177
}
178
179
a {
180
    color: #669933;
181
    font-weight: bold;
182
    font-size: 12px;
183
    text-decoration: none;
184
		text-align: left;
185
}
186
187
a:hover {
188
    color: #ff9933;
189
    text-decoration: underline;
190
}
191
192
.pagetitle {
193
    font-family: Georgia, Times New Roman, Times, serif;
194
    background: #0247A8;
195
    margin-left: 0.25em;
196
}
197
198
.pagesub {
199
    font-family: Verdana,Arial,Helvetica,sans-serif;
200
    font-size: 1em;
201
    font-weight: bold;
202
    color: #339933;
203
    margin-left: 3em;
204
    margin-top: 0.5em;
205
    margin-bottom: 2em;
206
}
207
208
.title {
209
    font-family: Georgia, Times New Roman, Times, serif;
210 2507 costa
    /*color:      #eeeeee;*/
211
    color:      white;
212
    /*background: #0247A8;*/
213
    background: navy;
214 2471 costa
    font-size: 24px;
215
    font-weight: bold;
216
}
217
218
p.title {
219
  padding-left: 15px;
220
}
221
222
.subtitle {
223
    font-family: Verdana,Arial,Helvetica,sans-serif;
224
    font-size: 12px;
225
    font-weight: bold;
226
    color: #666666;
227
    margin-left: 3em;
228
    margin-top: 0.5em;
229
    margin-bottom: 2em;
230
    font-weight: normal;
231
}
232
233
a.toollink {
234
    color: #225522;
235
		text-align: left;
236
    font-size: 14px;
237
    text-decoration: none;
238
}
239
240
a.toollink:hover {
241
    color: #ff9933;
242
    text-decoration: underline;
243
}
244
245
a.sitelink {
246
    color: #339933;
247
    text-decoration: none;
248
    font-size: 12px;
249
    font-weight: bold;
250
}
251
252
a.sitelink:hover {
253
    color: #ff9933;
254
    text-decoration: underline;
255
}
256
257
h3 {
258
	  font-size: 18px;
259
	  font-family: Georgia, Times New Roman, Times, serif;
260
	  text-align: left;
261
}
262
263
b {
264
	  font-size: 12px;
265
	  font-weight: bold;
266
	  text-align: left;
267
}
268
269
.tabledefault {
270 2507 costa
    /*background: white;*/
271
    /*color: #555555;*/
272 2471 costa
		width: 790px;
273
		width: 100%;
274
    font-size: 12px;
275
		line-height: 1.2;
276
    /*padding-left: 5px;
277
    padding-right: 5px;*/
278
}
279
280
.tablepanel {
281
    background: #eeeeee;
282
    color: #555555;
283
    font-size: 12px;
284
    padding-left: 5px;
285
    padding-right: 5px;
286
}
287
288
.tablehead {
289 2507 costa
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
290
    /*color: #0040A1;*/
291
    background-color: #dddddd;
292 2471 costa
    text-align: left;
293
    font-size: 14px;
294
    font-weight: bold;
295 2507 costa
    border-top: solid #dddddd 2px;
296
    border-bottom: solid #dddddd 2px;
297 2471 costa
    padding-left: 15%;
298
    padding-top: 0px;
299
    padding-bottom: 0px;
300
}
301
302
th.tablehead {
303
304
    text-align: center;
305
    border: 0px;
306
    margin: 0px;
307
    padding: 0px;
308
    height:  21px;
309
}
310
311
.tablehead_lcorner {
312 2507 costa
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg_lcorner.gif);*/
313 2471 costa
    background-position: right top;
314
    background-repeat: no-repeat;
315
    padding: 0px;
316
    margin:  0px;
317
    width:   10px;
318
    height:  21px;
319
}
320
321
.tablehead_rcorner {
322 2507 costa
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg_rcorner.gif);*/
323 2471 costa
    background-position: left top;
324
    background-repeat: no-repeat;
325
    padding: 0px;
326
    margin:  0px;
327
    width:   10px;
328
    height:  21px;
329
}
330
331
332
.tableheadcontrast {
333 2507 costa
    /*background: #dddddd;*/
334 2471 costa
    vertical-align: baseline;
335
    color: #666666;
336
    font-size: 16px;
337
    font-weight: bold;
338
}
339
340
.instright {
341
    color: #333333;
342
    text-align: right;
343
    vertical-align: middle;
344
    padding: 1em;
345
    font-size: 1em;
346
    font-weight: bold;
347
}
348
349
.instleft {
350
    color: #333333;
351
    text-align: left;
352
    vertical-align: middle;
353
    padding: 1em;
354
    font-size: 1em;
355
    font-weight: bold;
356
}
357
358
p {
359
    margin: 0px;
360
}
361
362
.required {
363
    color: red;
364
}
365
366
.emphasis {
367
    color: red;
368
}
369
370
p.label {
371
    color: #333333;
372
    font-weight: bold;
373
}
374
375
p.contact {
376
    color: #333333;
377
    padding: 1em;
378
    font-size: 0.75em;
379
    font-weight: normal;
380
    font-style: italic;
381
}
382
383
p.header {
384
    color: #333333;
385
    padding: 5px;
386
    font-size: 12px;
387
    font-weight: bold;
388
}
389
390
p.emphasis {
391
  font-size: 18px;
392
  color: #dd7744;
393
  font-weight: bold;
394
  font-style:  normal;
395
}
396
397
.roweven {
398
    background: white;
399
}
400
401
.rowodd {
402
    background: white;
403
}
404
405
.plaintext {
406
    color: #555555;
407
    font-weight: normal;
408
    font-size: 12px;
409
}
410
411
.boldtext {
412
    color: #333333;
413
    font-weight: bold;
414
    font-size: 12px;
415
}
416
417
.searchresultsdivider {
418 2507 costa
    /*background-color: #dddddd;   */
419 2471 costa
}
420
421
.maintable {
422 2507 costa
    /*background: #ffffff;*/
423 2471 costa
}
424
425
.subpanel {
426
  background:   #ffffff;
427
  border-left:   solid #cccccc 1px;
428
  border-right:  solid #cccccc 1px;
429
  border-bottom: solid #cccccc 1px;
430
}
431
432
.text_plain {
433
	  padding: 5px;
434
    color: #666666;
435
    font-weight: normal;
436
    font-size: 12px;
437
}
438
439
.text_plain_smaller {
440
	  padding: 5px;
441
    font-weight: normal;
442
    font-size: 12px;
443
}
444
445
.text_example {
446
	  padding: 5px;
447
    color: #999999;
448
    font-weight: normal;
449
    font-size: 12px;
450
}
451
452
td {
453
		line-height: 1.5;
454
}
455
456
/******************************************************************************/
457
/******************************************************************************/
458
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
459
/******************************************************************************/
460
/******************************************************************************/
461
462
463
.highlight  {
464 2507 costa
    /*background-color: #dddddd; */
465 2471 costa
    font-size: 12px;
466 2507 costa
    /*border: solid #ffffff 1px;*/
467 2471 costa
}
468
469
.secondCol {
470 2507 costa
    /*background-color: #ffffff; */
471 2471 costa
    font-size: 12px;
472
}
473
.bordered {
474 2507 costa
    /*background-color: #dddddd; */
475 2471 costa
    font-size: 12px;
476
}
477
478
.coleven {
479
    background-color: #eeeeee;
480
    font-size: 12px;
481
    padding-left: 3px;
482
    padding-right: 3px;
483
}
484
485
.colodd {
486
    background-color: #ffffff;
487
    font-size: 12px;
488
    padding-left: 3px;
489
    padding-right: 3px;
490
}
491
492
.innercolodd {
493
    font-size: 10px;
494
    padding-left: 3px;
495
}
496
497
.innercoleven {
498
  font-size: 10px;
499
  padding-left: 3px;
500
}
501
502 2507 costa
/* LTER Stylesheet begins here */
503
504
body {
505
    font-family: Arial, Helvetica, sans-serif;
506
    font-size: 10pt;
507
    background-color: #CCCC99;
508
    color: #663300;
509
    margin: 5px;
510
}
511
512
a:link {
513
    color: #0033CC
514
}
515
516
a:visited {
517
    color: #003366
518
}
519
520
//a:hover {
521
//    color: #339966;
522
//    text-decoration: underline;
523
//}
524
525
a.whitelink:link, a.whitelink:visited {
526
    color: #ffffff
527
}
528
529
h1 {
530
    font-family: Arial, Helvetica, sans-serif;
531
    font-size: 24pt;
532
    font-weight: bold;
533
    color: #663300;
534
    padding: 0px;
535
    margin-left: 5px;
536
    margin-bottom: -5px;
537
}
538
539
h2 {
540
    font-family: Arial, Helvetica, sans-serif;
541
    font-size: 16pt;
542
    font-weight: bold;
543
    color: #663300;
544
    padding: 0px;
545
    margin-left: 5px;
546
    margin-bottom: -5px;
547
}
548
549
h3 {
550
    font-family: Arial, Helvetica, sans-serif;
551
    font-size: 14pt;
552
    font-weight: bold;
553
    color: #663300;
554
    padding: 0px;
555
    /*margin-left: 5px;*/
556
    margin-bottom: -5px;
557
}
558
559
h4 {
560
    font-family: Arial, Helvetica, sans-serif;
561
    font-size: 12pt;
562
    font-weight: bold;
563
    color: #663300;
564
    padding: 0px;
565
    margin-left: 5px;
566
    margin-bottom: -5px;
567
}
568
569
h5 {
570
    font-family: Arial, Helvetica, sans-serif;
571
    font-size: 10pt;
572
    font-weight: bold;
573
    color: #663300;
574
    padding: 0px;
575
    margin-left: 5px;
576
    margin-bottom: -5px;
577
}
578
579
h6 {
580
    font-family: Arial, Helvetica, sans-serif;
581
    font-size: 8pt;
582
    font-weight: bold;
583
    color: #663300;
584
    padding: 0px;
585
    margin-left: 5px;
586
    margin-bottom: -5px;
587
}
588
589
hr.hide {
590
    width: 147px;
591
    display: none
592
}
593
594
form {
595
    margin-bottom: 0px;
596
}
597
598
p {
599
    font-family: Arial, Helvetica, sans-serif;
600
    font-size: 10pt;
601
    color: #663300;
602
    margin-left: 5px;
603
}
604
605
ol {
606
    font-family: Arial, Helvetica, sans-serif;
607
    color: #663300
608
}
609
610
img.type1 {
611
    float: left;
612
    padding: 1px;
613
}
614
615
img.type2 {
616
    float: right;
617
    border-color: black;
618
    border-style: solid;
619
}
620
621
td {
622
    font-family: Arial, Helvetica, sans-serif;
623
    font-size: 10pt;
624
    color: #663300;
625
    vertical-align: top;
626
}
627
628
td.black {
629
    background: #000000;
630
}
631
632
td.caption p {
633
    font-family: Arial, Helvetica, sans-serif;
634
    font-size: 8pt;
635
    margin-left: 5px;
636
}
637
638
td.copyright p {
639
    font-family: Verdana, Arial, Helvetica, sans-serif;
640
    font-size: 8pt;
641
    margin-left: 5px;
642
}
643
644
td.default {
645
    background: #CCCC99;
646
}
647
648
td.default a:hover {
649
    color: #339966
650
}
651
652
td.header {
653
    background: #000000;
654
    font-family: Arial, Helvetica, sans-serif;
655
    font-size: 10pt;
656
    font-weight: bold;
657
    color: #669966;
658
    vertical-align: top;
659
}
660
661
td.header p {
662
    font-family: Arial, Helvetica, sans-serif;
663
    font-size: 10pt;
664
    font-weight: bold;
665
    color: #669966;
666
}
667
668
td.header a:link {
669
    color: #ffffff;
670
}
671
672
td.header a:visited {
673
    color: #ffffff;
674
}
675
676
td.header a:hover {
677
    color: #339966;
678
}
679
680
td.topic {
681
    background: #669966;
682
}
683
684
td.topic p {
685
    font-family: Arial, Helvetica, sans-serif;
686
    font-size: 10pt;
687
    font-weight: bold;
688
    color: #663300;
689
    padding: 0px;
690
    margin-left: 5px;
691
    margin-bottom: 0;
692
}
693
694
td.topic .h6 {
695
    font-family: Arial, Helvetica, sans-serif;
696
    font-size: 10pt;
697
    font-weight: bold;
698
    color: #663300;
699
    padding: 0px;
700
    margin-left: 5px;
701
    margin-bottom: 0;
702
}
703
704
td.pulldown {
705
    background: #996666;
706
    color: #000000;
707
}
708
709
td.pulldown a:link {
710
    color: #ffffff;
711
}
712
713
td.pulldown a:visited {
714
    color: #ffffff;
715
}
716
717
td.pulldown a:hover {
718
    color: #ffffcc
719
}
720
721
td.sidebarbg {
722
    background: #669966;
723
    font-family: Arial, Helvetica, sans-serif;
724
    font-size: 9pt;
725
    width: 130px
726
}
727
728
td.sidebar a:link {
729
    color: #ffffff
730
}
731
732
td.sidebar a:visited {
733
    color: #ffffff;
734
}
735
736
td.sidebar a:hover {
737
    text-decoration: underline;
738
    color: #ffffcc
739
}
740
741
td.sidebar .h6 {
742
    font-family: Arial, Helvetica, sans-serif;
743
    font-size: 10pt;
744
    color: #ffffcc;
745
    font-weight: bold;
746
}
747
748
th.more {
749
    background-color: #003333;
750
    font-family: Verdana, Arial, Helvetica, sans-serif;
751
    font-size: 10pt;
752
    color: #ffffcc;
753
    font-weight: bold;
754
}
755
756
td.more {
757
    background-color: #CCCCFF;
758
    font-family: Verdana, Arial, Helvetica, sans-serif;
759
    font-size: 9pt;
760
}
761
762
td.more p {
763
    font-family: Verdana, Arial, Helvetica, sans-serif;
764
    font-size: 9pt;
765
    margin-top: 0;
766
    margin-bottom: 5px;
767
}
768
769
td.more a:link {
770
    color: #003333;
771
}
772
773
td.more a:visited {
774
    color: #003333;
775
}
776
777
td.more a:hover {
778
    color: #003333;
779
}
780
781
td.yellow {
782
    background: #FFFFCC;
783
    font-family: Arial, Helvetica, sans-serif;
784
    font-size: 9pt;;
785
    border: #000000;
786
    border-top-width: 1px;
787
    border-right-width: 1px;
788
    border-bottom-width: 2px;
789
    border-left-width: 1px;
790
    margin-bottom: 2px;
791
}
792
793
td.yellow p {
794
    font-family: Verdana, Arial, Helvetica, sans-serif;
795
    font-size: 8pt;
796
}
797
798
td.yellow br {
799
    font-family: Verdana, Arial, Helvetica, sans-serif;
800
    font-size: 8pt;
801
}
802
803
td.white {
804
    /*background: #FFFFFF;*/
805
}
806
807
ul {
808
    font-family: Arial, Helvetica, sans-serif;
809
    color: #663300;
810
    list-style-type: square;
811
    margin-top: 0;
812
}
813
814
td.asmheader {
815
    background-color: #006666;
816
    font-family: Verdana, Arial, Helvetica, sans-serif;
817
    font-size: 10px;
818
    font-weight: bold;
819
    color: #FFFFFF;
820
}
821
822
td.asmborder {
823
    background-color: #006666;
824
    font-family: Verdana, Arial, Helvetica, sans-serif;
825
}
826
827
td.asmbody {
828
    background-color: #99CCCC;
829
    font-family: Arial, Helvetica, sans-serif;
830
    font-size: 12px;
831
    color: #000000;
832
}
833
834
td.asmheader a:link {
835
    color: #FFFFFF;
836
    text-decoration: none;
837
}
838
839
td.asmheader a:visited {
840
    color: #FFFFFF;
841
    text-decoration: none;
842
}