Project

General

Profile

1
 /*
2
  *   '$RCSfile$'
3
  *     Purpose: Style sheet for LTER.
4
  *   Copyright: 2000 Regents of the University of California and the
5
  *               National Center for Ecological Analysis and Synthesis
6
  *    '$Author: costa $'
7
  *      '$Date: 2005-10-07 12:26:09 -0700 (Fri, 07 Oct 2005) $'
8
  *  '$Revision: 2660 $'
9
  *
10
  * This program is free software; you can redistribute it and/or modify
11
  * it under the terms of the GNU General Public License as published by
12
  * the Free Software Foundation; either version 2 of the License, or
13
  * (at your option) any later version.
14
  *
15
  * This program is distributed in the hope that it will be useful,
16
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
17
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
18
  * GNU General Public License for more details.
19
  *
20
  * You should have received a copy of the GNU General Public License
21
  * along with this program; if not, write to the Free Software
22
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
23
  */
24

    
25

    
26
/**
27
 *  set the correct iframe sizes to accomodate the 
28
 *  header, footer, left and right areas.
29
 *  NOTE: these styles apply only to each 
30
 *  container frame, *NOT* to the document within it!
31
 */  
32

    
33
.iframeheaderclass {
34
    height:   140px; 
35
    width:    100%;
36
    border:   0px;
37
    margin:   0px;
38
}
39

    
40
.iframesearchboxclass {
41
    height:   510px; 
42
    width:    100%;
43
    border:   0px;
44
    margin:   0px;
45
}
46

    
47
.iframeloginboxclass {
48
    height:   250px; 
49
    width:    100%;
50
    border:   0px;
51
    margin:   0px;
52
}
53

    
54
.iframeleftcolclass  { /* not used */ }
55
.iframerightcolclass { /* not used */ }
56
.iframefooterclass   { /* not used */ }
57

    
58
/**
59
 *  set the size and alignment etc of the top-level layout table
60
 */  
61
.templatetableclass {
62
    width:   100%; 
63
    border:   0px;
64
    padding:  0px;
65
    margin:   0px;
66
}
67

    
68
/**
69
 *  set the style of the main content area and its contents
70
 */ 
71
.templatecontentareaclass {
72
    border:   0px;
73
    padding:  0px;
74
    margin:   0px;
75
}
76

    
77
/**
78
 *  set the correct <td> sizes to accomodate the 
79
 *  header, footer, left and right iframes.
80
 *  NOTE: these styles apply only to each 
81
 *  container frame, *NOT* to the document in
82
 *  the iframe within it!
83
 */  
84
.templateheaderrowclass {
85
    height:   80px; 
86
    /*
87
      no width allowed - uses same width as table class
88
    */
89
    border:   0px;
90
    padding:  0px;
91
    margin:   0px;
92
}
93

    
94
.templateleftcolclass {
95
    height:   100%; 
96
    width:    0px;
97
    border:   0px;
98
    padding:  0px;
99
    margin:   0px;
100
}
101

    
102
.templaterightcolclass {
103
    height:   100%; 
104
    width:    0px;
105
    border:   0px;
106
    padding:  0px;
107
    margin:   0px;
108
}
109

    
110
.templatefooterrowclass {
111
    height:   0px; 
112
    /*
113
      no width allowed - uses same width as
114
      table class
115
    */
116
    border:   0px;
117
    padding:  0px;
118
    margin:   0px;
119
}
120

    
121
.sectioncorner {
122
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
123
}
124

    
125
.sectionheader {
126
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
127
    text-align: center;
128
    color: #0247A8; 
129
/*    font-size: 1em; 
130
    font-weight: bold; */
131
        font-size: 14px; 
132
    font-weight: bold;
133

    
134
}
135
                    
136
.searchcat {
137
    padding-left: 5px;
138
    color: #0247A8;
139
    font-weight: bold;
140
    font-size: 11px; 
141
}
142
                    
143
td.searchsubcat {
144
    padding-left: 15px; 
145
}
146

    
147
a.searchsubcat {
148
    color: #669933; 
149
    font-weight: normal;
150
    font-size: 11px; 
151
}
152
                                        
153
a.searchsubcat:hover {
154
    color: #ff9933;
155
    text-decoration: underline; 
156
}
157
                                                
158

    
159
/**
160
 *  then add any other styles used
161
 *  by your page......
162
 */
163

    
164
/*
165
body { 
166
  	padding-top: 3px;
167
    color: #333333; 
168
    background-color: #eeeeee;
169
    background-image: url(@style-skins-path@/default/images/bgpattern.gif);
170
    font-weight: normal;
171
    font-size: 12px; 
172
    font-family: Verdana,Arial,Helvetica,sans-serif; 
173
}
174
*/
175
    
176
a {
177
    color: #669933;
178
    font-weight: bold;
179
    font-size: 12px; 
180
    text-decoration: none; 
181
		text-align: left;
182
}
183
		
184
a:hover {
185
    color: #ff9933;
186
    text-decoration: underline; 
187
}
188

    
189
.pagetitle {
190
    font-family: Georgia, Times New Roman, Times, serif;
191
    background: #0247A8;
192
    margin-left: 0.25em; 
193
}
194
    
195
.pagesub {
196
    font-family: Verdana,Arial,Helvetica,sans-serif;
197
    font-size: 1em;
198
    font-weight: bold;
199
    color: #339933;
200
    margin-left: 3em;
201
    margin-top: 0.5em;
202
    margin-bottom: 2em; 
203
}
204

    
205
.title {
206
    font-family: Georgia, Times New Roman, Times, serif;
207
    /*color:      #eeeeee;*/
208
    color:      white;
209
    /*background: #0247A8;*/
210
    background: navy;
211
    font-size: 24px; 
212
    font-weight: bold;
213
}
214

    
215
p.title {
216
  padding-left: 15px;
217
}
218

    
219
.subtitle {
220
    font-family: Verdana,Arial,Helvetica,sans-serif;
221
    font-size: 12px;
222
    font-weight: bold;
223
    color: #666666; 
224
    margin-left: 3em;
225
    margin-top: 0.5em;
226
    margin-bottom: 2em;
227
    font-weight: normal; 
228
}
229
    
230
a.toollink {
231
    color: #225522;
232
		text-align: left;
233
    font-size: 14px; 
234
    text-decoration: none; 
235
}
236
    
237
a.toollink:hover {
238
    color: #ff9933;
239
    text-decoration: underline; 
240
}
241
    
242
a.sitelink {
243
    color: #339933;
244
    text-decoration: none; 
245
    font-size: 12px; 
246
    font-weight: bold; 
247
}
248

    
249
a.sitelink:hover {
250
    color: #ff9933;
251
    text-decoration: underline; 
252
}
253

    
254
h3 {
255
	  font-size: 18px;
256
	  font-family: Georgia, Times New Roman, Times, serif;
257
	  text-align: left;
258
}
259

    
260
b {
261
	  font-size: 12px;
262
	  font-weight: bold;
263
	  text-align: left;
264
}
265
	
266
.tabledefault {
267
    /*background: white;*/
268
    /*color: #555555;*/
269
		width: 790px; 
270
		width: 100%; 
271
    font-size: 12px; 
272
		line-height: 1.2;
273
    /*padding-left: 5px;
274
    padding-right: 5px;*/ 
275
}
276

    
277
.tablepanel {
278
    background: #eeeeee;
279
    color: #555555;
280
    font-size: 12px; 
281
    padding-left: 5px;
282
    padding-right: 5px; 
283
}
284

    
285
.tablehead {
286
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);*/
287
    /*color: #0040A1;*/
288
    background-color: #dddddd;
289
    text-align: left;
290
    font-size: 14px; 
291
    font-weight: bold;
292
    border-top: solid #dddddd 2px;
293
    border-bottom: solid #dddddd 2px;
294
    padding-left: 15%;
295
    padding-top: 0px;
296
    padding-bottom: 0px;
297
}
298

    
299
th.tablehead {
300

    
301
    text-align: center;
302
    border: 0px;
303
    margin: 0px;
304
    padding: 0px;
305
    height:  21px;
306
}
307

    
308
.tablehead_lcorner {
309
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg_lcorner.gif);*/
310
    background-position: right top;
311
    background-repeat: no-repeat;
312
    padding: 0px;
313
    margin:  0px;
314
    width:   10px;
315
    height:  21px;
316
}    
317
    
318
.tablehead_rcorner {
319
    /*background-image: url(@style-skins-path@/default/images/panelhead_bg_rcorner.gif);*/
320
    background-position: left top;
321
    background-repeat: no-repeat;
322
    padding: 0px;
323
    margin:  0px;
324
    width:   10px;
325
    height:  21px;
326
} 
327
   
328

    
329
.tableheadcontrast {
330
    /*background: #dddddd;*/
331
    vertical-align: baseline;
332
    color: #666666;
333
    font-size: 16px; 
334
    font-weight: bold; 
335
}
336

    
337
.instright { 
338
    color: #333333; 
339
    text-align: right;
340
    vertical-align: middle;
341
    padding: 1em;
342
    font-size: 1em; 
343
    font-weight: bold; 
344
}
345

    
346
.instleft { 
347
    color: #333333; 
348
    text-align: left;
349
    vertical-align: middle;
350
    padding: 1em;
351
    font-size: 1em; 
352
    font-weight: bold; 
353
}
354

    
355
p { 
356
    margin: 0px; 
357
}
358

    
359
.required { 
360
    color: red; 
361
}
362

    
363
.emphasis { 
364
    color: red;
365
}
366

    
367
p.label { 
368
    color: #333333; 
369
    font-weight: bold; 
370
}
371

    
372
p.contact { 
373
    color: #333333; 
374
    padding: 1em;
375
    font-size: 0.75em; 
376
    font-weight: normal;
377
    font-style: italic; 
378
}
379

    
380
p.header {
381
    color: #333333; 
382
    padding: 5px;
383
    font-size: 12px; 
384
    font-weight: bold; 
385
}
386

    
387
p.emphasis {
388
  font-size: 18px;
389
  color: #dd7744; 
390
  font-weight: bold;
391
  font-style:  normal;
392
}
393

    
394
.roweven {
395
    background: white; 
396
}
397

    
398
.rowodd {
399
    background: white; 
400
}
401

    
402
.plaintext {
403
    color: #555555;
404
    font-weight: normal;
405
    font-size: 12px;
406
}
407

    
408
.boldtext {
409
    color: #333333;
410
    font-weight: bold;
411
    font-size: 12px;
412
}
413

    
414
.searchresultsdivider {
415
    /*background-color: #dddddd;   */
416
}
417

    
418
.maintable {
419
    /*background: #ffffff;*/
420
}
421

    
422
.subpanel {
423
  background:   #ffffff;
424
  border-left:   solid #cccccc 1px;
425
  border-right:  solid #cccccc 1px;
426
  border-bottom: solid #cccccc 1px;
427
}
428

    
429
.text_plain { 
430
	  padding: 5px;
431
    color: #666666;
432
    font-weight: normal;
433
    font-size: 12px; 
434
}
435

    
436
.text_plain_smaller { 
437
	  padding: 5px;
438
    font-weight: normal;
439
    font-size: 12px; 
440
}
441

    
442
.text_example { 
443
	  padding: 5px;
444
    color: #999999;
445
    font-weight: normal;
446
    font-size: 12px; 
447
}
448

    
449
td {
450
		line-height: 1.5;
451
}		
452

    
453
/******************************************************************************/  
454
/******************************************************************************/  
455
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
456
/******************************************************************************/  
457
/******************************************************************************/  
458

    
459

    
460
.highlight  {
461
    /*background-color: #dddddd; */
462
    font-size: 12px;
463
    /*border: solid #ffffff 1px;*/
464
}
465

    
466
.secondCol {
467
    /*background-color: #ffffff; */
468
    font-size: 12px; 
469
}
470
.bordered {
471
    /*background-color: #dddddd; */
472
    font-size: 12px; 
473
}
474

    
475
.coleven {
476
    background-color: #eeeeee; 
477
    font-size: 12px;
478
    padding-left: 3px;
479
    padding-right: 3px;
480
}
481

    
482
.colodd {
483
    background-color: #ffffff; 
484
    font-size: 12px;
485
    padding-left: 3px;
486
    padding-right: 3px;
487
}
488

    
489
.innercolodd {
490
    font-size: 10px;
491
    padding-left: 3px;
492
}
493

    
494
.innercoleven {
495
  font-size: 10px; 
496
  padding-left: 3px;
497
}
498

    
499
/******************************************************************************/  
500
/******************************************************************************/  
501
/**  LTER STYLE SHEET BEGINS HERE                                            **/
502
/******************************************************************************/  
503
/******************************************************************************/  
504

    
505
body {
506
    margin-left: 0px;
507
    margin-top: 0px;
508
    margin-right: 0px;
509
    margin-bottom: 0px;
510
    font-family: Arial, Helvetica, sans-serif;
511
    font-size: 12px;
512
    color: #000000;
513
    background: #FFFFFF;
514
}
515
.body {
516
    padding-left: 0px;
517
    padding-top: 0px;
518
    padding-right: 0px;
519
    padding-bottom: 0px;
520
    font-family: Arial, Helvetica, sans-serif;
521
    font-size: 12px;
522
    color: #333300;
523
    background: #FFFFFF;
524
}
525
.bodytt {
526
    padding-left: 10px;
527
    padding-top: 5px;
528
    padding-right: 10px;
529
    padding-bottom: 5px;
530
    font-family: Arial, Helvetica, sans-serif;
531
    font-size: 12px;
532
    color: #333300;
533
    background: #FFFFFF;
534
}
535
th {
536
    font-family: Arial, Helvetica, sans-serif;
537
    font-size: 12px;
538
    font-weight: bold;
539
    text-align: left;
540
    color: #000000;
541
    background-color: #CCCC66;
542
}
543
.sidenav {
544
    font-family: Arial, Helvetica, sans-serif;
545
    font-size: 10px;
546
    font-weight: bold;
547
    color: #FFFF99;
548
    background-color: #9c8177;
549
}
550

    
551
.sidenav a:link {
552
    font-family: Arial, Helvetica, sans-serif;
553
    font-size: 12px;
554
    font-weight: bold;
555
    color: #FFFF99;
556
}
557

    
558
.sidenav a:visited {
559
    font-family: Arial, Helvetica, sans-serif;
560
    font-size: 12px;
561
    font-weight: bold;
562
    color: #FFFF99;
563
}
564

    
565
.sidenav a:hover {
566
    font-family: Arial, Helvetica, sans-serif;
567
    font-size: 12px;
568
    font-weight: bold;
569
    color: #006699;
570
}
571

    
572
.topnav {
573
    font-family: Arial, Helvetica, sans-serif;
574
    font-size: 12px;
575
    font-weight: bold;
576
    color: #9c8177;
577
    background-color: #FFFFFF;
578
}
579
.topnav a:link {
580
    font-family: Arial, Helvetica, sans-serif;
581
    font-size: 12px;
582
    font-weight: bold;
583
    color: #9c8177;
584
}
585
.topnav a:visited {
586
    font-family: Arial, Helvetica, sans-serif;
587
    font-size: 12px;
588
    font-weight: bold;
589
    color: #9c8177;
590
}
591
.topnav a:hover {
592
    font-family: Arial, Helvetica, sans-serif;
593
    font-size: 12px;
594
    font-weight: bold;
595
    color: #669966;
596
}
597
.fsnav {
598
    font-family: Arial, Helvetica, sans-serif;
599
    font-size: 12px;
600
    font-weight: bold;
601
    color: #333300;
602
}
603
.fsnav a:link {
604
    font-family: Arial, Helvetica, sans-serif;
605
    font-size: 12px;
606
    font-weight: bold;
607
    color: #333300;
608
}
609
.fsnav a:visited {
610
    font-family: Arial, Helvetica, sans-serif;
611
    font-size: 12px;
612
    font-weight: bold;
613
    color: #333300;
614
}
615
.fsnav a:hover {
616
    font-family: Arial, Helvetica, sans-serif;
617
    font-size: 12px;
618
    font-weight: bold;
619
    color: #333300;
620
}
621
.midnav {
622
    font-family: Arial, Helvetica, sans-serif;
623
    font-size: 12px;
624
    font-weight: bold;
625
    color: #FFFFFF;
626
    background-color: #669966;
627
}
628
.botnav {
629
    font-family: Arial, Helvetica, sans-serif;
630
    font-size: 10px;
631
    font-weight: bold;
632
    color: #FFFF99;
633
    background-color: #9c8177;
634
}
635
.botnav a:link {
636
    font-family: Arial, Helvetica, sans-serif;
637
    font-size: 10px;
638
    font-weight: bold;
639
    color: #FFFF99;
640
}
641
.botnav a:visited {
642
    font-family: Arial, Helvetica, sans-serif;
643
    font-size: 10px;
644
    font-weight: bold;
645
    color: #FFFF99;
646
}
647
.botnav a:hover {
648
    font-family: Arial, Helvetica, sans-serif;
649
    font-size: 10px;
650
    font-weight: bold;
651
    color: #FFFFFF;
652
}
653
.search {
654
    font-family: Arial, Helvetica, sans-serif;
655
    font-size: 12px;
656
    font-style: normal;
657
    color: #000000;
658
    background-color: #993333;
659
}
660
p.header {
661
    font-family: Arial, Helvetica, sans-serif;
662
    font-size: 16px;
663
    font-weight: bold;
664
    color: #003366;
665
}
666
p.copyright {
667
    font-family: Arial, Helvetica, sans-serif;
668
    font-size: 9px;
669
    color: #999999;
670
    text-align: center;
671
}
672
.reg {
673
    font-family: Arial, Helvetica, sans-serif;
674
    font-size: 10px;
675
    color: #000000;
676
    background-image: url(/images/bgbarl.jpg);
677
}
678
.regn {
679
    font-family: Arial, Helvetica, sans-serif;
680
    font-size: 10px;
681
    color: #000000;
682
    background-image: url(/images/bgbarr.jpg);
683
}
684
p.head  {
685
    font-family: Arial, Helvetica, sans-serif;
686
    font-size: 16px;
687
    font-weight: bold;
688
    color: #000000;
689
    background-color: #FFFFFF;
690
}
691
p.regu  {
692
    font-family: Arial, Helvetica, sans-serif;
693
    font-size: 12px;
694
    font-weight: bold;
695
    color: #000000;
696
    background-color: #FFFFFF;
697
}
698
p.link  {
699
    font-family: Arial, Helvetica, sans-serif;
700
    font-size: 12px;
701
    font-weight: bold;
702
    color: #3333FF;
703
    background-color: #FFFFFF;
704
}
705
p.newstext  {
706
    font-family: Arial, Helvetica, sans-serif;
707
    font-size: 10px;
708
    font-weight: normal;
709
    color: #000000;
710
    background-color: #FFFFFF;
711
}
712
p.events {
713
    font-family: Arial, Helvetica, sans-serif;
714
    font-size: 12px;
715
    font-weight: normal;
716
    color: #000000;
717
    background-color: #FFFFFF;
718
}
719

    
720
.sidebara {
721
    margin-left: 0px;
722
    margin-top: 0px;
723
    margin-right: 0px;
724
    margin-bottom: 0px;
725
    padding-left: 2px;
726
    padding-top: 3px;
727
    padding-right: 0px;
728
    padding-bottom: 3px;
729
    font-family: Arial, Helvetica, sans-serif;
730
    font-size: 10px;
731
    font-weight: bold;
732
    color: #FFFF99;
733
    background-color: #9c8177;
734
}
735
.sidebarb {
736
    margin-left: 0px;
737
    margin-top: 0px;
738
    margin-right: 0px;
739
    margin-bottom: 0px;
740
    padding-left: 4px;
741
    padding-top: 3px;
742
    padding-right: 0px;
743
    padding-bottom: 3px;
744
    font-family: Arial, Helvetica, sans-serif;
745
    font-size: 10px;
746
    font-weight: bold;
747
    color: #FFFF99;
748
    background-color: #9c8177;
749
}
750
.sidebarb a:link {
751
    font-family: Arial, Helvetica, sans-serif;
752
    font-size: 10px;
753
    font-weight: bold;
754
    color: #FFFF99;
755
}
756
.sidebarb a:visited {
757
    font-family: Arial, Helvetica, sans-serif;
758
    font-size: 10px;
759
    font-weight: bold;
760
    color: #FFFFFF;
761
}
762
.sidebarb a:hover {
763
    font-family: Arial, Helvetica, sans-serif;
764
    font-size: 10px;
765
    font-weight: bold;
766
    color: #FFFFFF;
767
}
768
p.sidebar {
769
    font-family: Arial, Helvetica, sans-serif;
770
    font-size: 10px;
771
    font-weight: bold;
772
    color: #FFFF99;
773
}
774
p.sidebar a:link {
775
    font-family: Arial, Helvetica, sans-serif;
776
    font-size: 10px;
777
    font-weight: bold;
778
    color: #FFFFFF;
779
}
780
p.sidebar a:visited {
781
    font-family: Arial, Helvetica, sans-serif;
782
    font-size: 10px;
783
    font-weight: bold;
784
    color: #FFFFFF;
785
}
786
p.sidebar a:hover {
787
    font-family: Arial, Helvetica, sans-serif;
788
    font-size: 10px;
789
    font-weight: bold;
790
    color: #CCFFCC;
791
}
792
p.sidelarge {
793
    font-family: Arial, Helvetica, sans-serif;
794
    font-size: 12px;
795
    font-weight: bold;
796
    color: #FFFF99;
797
}
798
p.sidelarge a:link {
799
    font-family: Arial, Helvetica, sans-serif;
800
    font-size: 12px;
801
    font-weight: bold;
802
    color: #FFFFFF;
803
}
804
p.sidelarge a:visited {
805
    font-family: Arial, Helvetica, sans-serif;
806
    font-size: 12px;
807
    font-weight: bold;
808
    color: #FFFFFF;
809
}
810
p.sidelarge a:hover {
811
    font-family: Arial, Helvetica, sans-serif;
812
    font-size: 12px;
813
    font-weight: bold;
814
    color: #CCFFCC;
815
}
816

    
817

    
818
.title              { background-color: #ffffff; font-family: Verdana; font-size: 18px; color: #ffffff; font-weight: bold; padding-left: 10px}              
819
.pn-logo, .pn-title, .pn-pagetitle  { font-weight: bold; font-size: 16px; }
820

    
821
.pn-title, .pn-pagetitle    { font-weight: bold; font-size: 16px; }
822

    
823
p {
824
    font-family: Arial, Helvetica, sans-serif;
825
    font-size: 12px;
826
}
827
li {
828
    font-family: Arial, Helvetica, sans-serif;
829
    font-size: 12px;
830
    list-style-type: disc;
831
}
832
td {
833
    font-family: Arial, Helvetica, sans-serif;
834
    font-size: 12px;
835
}
836

    
(5-5/9)