Project

General

Profile

1
 /*
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: costa $'
12
  *      '$Date: 2005-05-26 14:25:04 -0700 (Thu, 26 May 2005) $'
13
  *  '$Revision: 2507 $'
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
    height:   140px; 
40
    width:    100%;
41
    border:   0px;
42
    margin:   0px;
43
}
44

    
45
.iframesearchboxclass {
46
    height:   510px; 
47
    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
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
128
}
129

    
130
.sectionheader {
131
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
132
    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
    /*background-image: url(@style-skins-path@/default/images/bgpattern.gif);*/
174
    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
    /*color:      #eeeeee;*/
211
    color:      white;
212
    /*background: #0247A8;*/
213
    background: navy;
214
    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
    /*background: white;*/
271
    /*color: #555555;*/
272
		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
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
290
    /*color: #0040A1;*/
291
    background-color: #dddddd;
292
    text-align: left;
293
    font-size: 14px; 
294
    font-weight: bold;
295
    border-top: solid #dddddd 2px;
296
    border-bottom: solid #dddddd 2px;
297
    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
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg_lcorner.gif);*/
313
    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
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg_rcorner.gif);*/
323
    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
    /*background: #dddddd;*/
334
    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
    /*background-color: #dddddd;   */
419
}
420

    
421
.maintable {
422
    /*background: #ffffff;*/
423
}
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
    /*background-color: #dddddd; */
465
    font-size: 12px;
466
    /*border: solid #ffffff 1px;*/
467
}
468

    
469
.secondCol {
470
    /*background-color: #ffffff; */
471
    font-size: 12px; 
472
}
473
.bordered {
474
    /*background-color: #dddddd; */
475
    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
/* 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
}
(5-5/9)