Project

General

Profile

1 3404 leinfelder
 /*
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
/*
33
 *  import eml css:
34
 */
35
36
@import url(../../../style/common/eml_xsl.css);
37
b {
38
font-weight: bold;
39
}
40
41
/**
42
 *  set the correct iframe sizes to accomodate the
43
 *  header, footer, left and right areas.
44
 *  NOTE: these styles apply only to each
45
 *  container frame, *NOT* to the document within it!
46
 */
47
.iframeheaderclass {
48 3498 leinfelder
  height:   112px;
49 3426 leinfelder
  width:	100%;
50 3488 leinfelder
  background: #7BB865;
51 3426 leinfelder
  /*
52 3414 leinfelder
  min-width:775px;
53
  width:expression(document.body.clientWidth < 775? "775px": "auto" );
54 3426 leinfelder
  */
55 3404 leinfelder
  border:   0px;
56 3414 leinfelder
  margin-top:	0px;
57 3404 leinfelder
}
58
59
.iframeloginboxclass {
60 4031 leinfelder
    height:   880px;
61 3414 leinfelder
    /*width:600px;*/
62
    min-width:600px;
63
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
64 3404 leinfelder
    border:   0px;
65 3414 leinfelder
	vertical-align: top;
66
	text-align: left;
67 3404 leinfelder
}
68
69
70 3426 leinfelder
.iframesearchboxclass {
71 4031 leinfelder
	height:   880px;
72 3426 leinfelder
    /*width:600px;*/
73
    min-width:600px;
74
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
75
    border:   0px;
76
	vertical-align: top;
77
	text-align: left;
78
}
79 3404 leinfelder
80 3414 leinfelder
.iframeleftcolclass  {
81 3498 leinfelder
    /*height:  100%;*/
82 4031 leinfelder
    height:	880px;
83 3498 leinfelder
	width:	175px;
84
}
85
86
/**IE hack**/
87
html>body .iframeleftcolclass  {
88 3435 leinfelder
    height:	100%;
89 4031 leinfelder
    min-height:	880px;
90 3414 leinfelder
}
91
92 3404 leinfelder
.iframefooterclass   {
93 3414 leinfelder
  height:   150px;
94
  width:	100%;
95 3404 leinfelder
  border:   0px;
96 3414 leinfelder
  background: #124325;
97
  color: #FFFFFF;
98 3404 leinfelder
}
99
100 4080 daigle
.iframefooterclass2   {
101
  height:   150px;
102
  width: 100%;
103
  min-width: 623px;
104
  /* margin-left: 20px; */
105
  border:   0px;
106
  background: #124325;
107
  color: #FFFFFF;
108
}
109
110 3414 leinfelder
.iframerightcolclass   {
111
	background: #FFFFFF;
112
}
113 3404 leinfelder
114
td.mapColumn {
115
  vertical-align: top;
116
}
117
118 3414 leinfelder
.mapFrame {
119
    /*height: 59em;*/
120 3459 leinfelder
    height: 320px;
121 3435 leinfelder
    width: 600px;
122 3404 leinfelder
	vertical-align: top;
123 3414 leinfelder
	background: #FFFFFF;
124 3404 leinfelder
}
125
126 3498 leinfelder
/*body > table td #mapFrame {
127 3404 leinfelder
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
128 3435 leinfelder
    /*width: 290px;*/
129 3498 leinfelder
/*}*/
130 3404 leinfelder
131 3414 leinfelder
/**
132
 *  create a left margin for the document
133
 */
134 3404 leinfelder
135 3414 leinfelder
/**
136
* These are new classes adapted from sanparks L+F
137
**/
138
body {
139
	margin: 0;
140
	padding: 0;
141
	background: #B6BCB8 url("images/bg_strip.jpg") bottom left fixed repeat-x;
142
	color: #000;
143
	height: 100%;
144
	font-family: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
145
}
146 3415 leinfelder
147 3488 leinfelder
#main_wrapper {
148
	padding-left: 20px;
149
	padding-right: 20px;
150
}
151
152
#content_wrapper {
153
	background: #FFFFFF;
154
}
155
156 3415 leinfelder
.headertitle {
157
	font-weight: bold;
158
	font-family: Helvetica, Verdana, Arial, sans-serif;
159 3498 leinfelder
	font-size: 1.4em;
160
	color: #124326;
161 3415 leinfelder
	padding-left: 10px;
162
}
163 3414 leinfelder
164
.headermenu {
165
	background: #124325;
166
	height: 20px;
167
	color: #FFFFFF;
168
	text-decoration: none;
169
	font-weight: bold;
170 3498 leinfelder
	font-size: 12px;
171 3414 leinfelder
	text-align: center;
172 3415 leinfelder
	padding-left: 10px;
173 3488 leinfelder
}
174 3404 leinfelder
175 3488 leinfelder
td.login {
176
	padding-left: 5px;
177
	padding-right: 5px;
178
	padding-top: 5px;
179
}
180
a.login {
181
	font-weight: normal;
182
}
183
input.login, select.login {
184
	border: 0;
185
	width: 100px;
186
	color: #124325;
187
188
}
189
190 3414 leinfelder
.leftnav {
191
	width: 175px;
192
	margin: 0px auto;
193
	text-align: center;
194 3500 leinfelder
	/*background: transparent url("images/navstrip.jpg") left 0px repeat-y;*/
195 3414 leinfelder
	color: #FFFFFF;
196
}
197 3404 leinfelder
198 3414 leinfelder
h1 {
199
	text-align: left;
200
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
201
	font-size: 1.9em;
202
	padding: 0px 0px 12px 0px;
203
	margin: 0;
204
	padding-top: 6px;
205
	color: #f30;
206
}
207 3404 leinfelder
208 3414 leinfelder
h2 {
209
	text-align: left;
210
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
211
	font-size: 1.4em;
212
	padding: 0px 0px 10px 0px;
213
	margin: 0;
214
	color: #f30;
215
}
216 3404 leinfelder
217 3414 leinfelder
h3 {
218
	text-align:	left;
219
	color: #124325;
220
	background: #CFE2CF;
221 3498 leinfelder
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
222
	font-size: 1.1em;
223 3414 leinfelder
	border: 1px solid #124325;
224
	display: block;
225
	padding: 3px 10px;
226
	margin:10px 0 10px 0;
227 3404 leinfelder
}
228
229 3426 leinfelder
/*****BEGIN SANPARKS NAV*******/
230
#nav {
231
	float: left;
232 3488 leinfelder
	/**width: 175px;*/
233 3426 leinfelder
	color: #fff;
234
	clear: both;
235
}
236
#nav ul.level-1 {
237
	font-weight: bold;
238
	list-style: none;
239
	padding: 6px;
240
	margin: 0;
241 3498 leinfelder
	line-height: 1;
242 3426 leinfelder
}
243
244
#nav ul.level-1 li {
245
	font-size: 1.1em;
246
	/*margin: 0px 0px 5px 0px;*/
247
	margin: 0px 0px 12px 0px;
248
	padding: 0px 0px 0px 0px;
249
	background: none;
250
}
251
252
#nav ul.level-2 {
253
	font-weight: normal;
254
	list-style: none;
255
	padding: 0;
256
	font-size: 0.9em;
257
	margin: 5px 0px 0px 0px;
258
}
259
#nav ul.level-3 {
260
	font-weight: normal;
261
	list-style: none;
262
	padding: 0;
263
	font-size: 0.9em;
264
	margin: 0px 0px 0px 0px;
265
}
266
#nav ul.level-2 li {
267
	background: transparent url("images/horns.png") left 1px no-repeat !important;
268
	padding: 0;
269
	margin: 0;
270
	margin: 0px 0px 2px 0px;
271
}
272
#nav ul.level-3 li {
273
	background: transparent  left 1px no-repeat !important;
274
	padding: 0;
275
	margin: 0;
276
}
277
278
#nav ul.level-1 li a {
279
	color: #fff;
280
	text-decoration: none;
281
	display: block;
282
	/*height: 1.6em;*/
283
}
284
285
#nav ul.level-2 li a {
286 3441 leinfelder
	font-weight: normal;
287 3426 leinfelder
	color: #fff;
288
	text-decoration: none;
289
	display: block;
290
	padding-left: 18px;
291 3498 leinfelder
	height: 100%;
292 3426 leinfelder
}
293
294
#nav ul.level-2 li a:hover, ul.level-2 li a:active {
295
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
296
}
297
298
#nav  ul.level-1 li a:hover, ul.level-1 li a:active, ul.level-2 li a:hover, ul.level-2 li a:active {
299
/* #nav li a:hover, li a:active { */
300
	color: #F76501;
301
	text-decoration: underline;
302
}
303
304
#nav ul li a.current {
305
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
306
}
307
308
#nav ul li.current_cat, #nav ul li a.current_cat {
309
	color: #f30;
310
}
311
312
#nav .current_home {
313
	color: #f30;
314
	padding-bottom: 5px;
315
	display: block;
316
	border-bottom: 1px solid #0E321D;
317
	text-decoration: none;
318
	font-size: 1.1em;
319
	font-weight: bold;
320
	margin-bottom: 0px;
321
	margin-left: 5px;
322
	margin-top: 7px;
323
	margin-right: 5px;
324
}
325 3498 leinfelder
326
.home a:link, .home a:visited {
327
	border-bottom: 1px solid #0E321D;
328
	color: #FFFFFF;
329
	display: block;
330
	/*font-size: 1.1em;*/
331
	font-weight: bold;
332
	margin: 7px 5px 0px;
333
	padding-bottom: 5px;
334
	text-decoration: none;
335
}
336
.home a:hover {
337
	color: #FF3300;
338
	text-decoration: underline;
339
}
340 4948 daigle
341
.underlined {
342
	text-decoration: underline;
343
}
344 3426 leinfelder
/*****END SANPARKS NAV*******/
345
346 3404 leinfelder
/**
347
 *  set the size and alignment etc of the top-level layout table
348
 */
349
.templatetableclass {
350 3414 leinfelder
  width:   95%;
351 3404 leinfelder
  border:   0px;
352
  padding:  0px;
353 3414 leinfelder
  margin-left:   20px;
354
  margin-right:   20px;
355 3404 leinfelder
}
356
357
358
/**
359
 *  set the style of the main content area and its contents
360
 */
361
.templatecontentareaclass {
362 3414 leinfelder
	vertical-align: top;
363
  	padding: 0px;
364
  	margin: 0px;
365
	background:	#FFFFFF;
366
	color: black;
367 3404 leinfelder
}
368
369
370
/**
371
 *  set the correct <td> sizes to accomodate the
372
 *  header, footer, left and right iframes.
373
 *  NOTE: these styles apply only to each
374
 *  container frame, *NOT* to the document in
375
 *  the iframe within it!
376
 */
377
.templateheaderrowclass {
378 3498 leinfelder
  height:   112px;
379 3404 leinfelder
/*
380
  no width allowed - uses same width as table class
381
*/
382
  border:   0px;
383
  padding:  0px;
384
  margin:   0px;
385
}
386
387
388
.templateleftcolclass {
389
  height:   100%;
390 3414 leinfelder
  width:    175px;
391 3404 leinfelder
  border:   0px;
392
  padding:  0px;
393
  margin:   0px;
394 3414 leinfelder
  vertical-align: top;
395 3500 leinfelder
  background: transparent url("images/navstrip.jpg") left 0px repeat-y;
396 3404 leinfelder
}
397
398
399
.templaterightcolclass {
400
  height:   100%;
401
  width:    0px;
402
  border:   0px;
403
  padding:  0px;
404
  margin:   0px;
405
}
406
407
408
.templatefooterrowclass {
409
  height:   0px;
410
/*
411
  no width allowed - uses same width as table class
412
*/
413
  border:   0px;
414
  padding:  0px;
415
  margin:   0px;
416
}
417
418 3518 leinfelder
/** used in fgdc xsl **/
419
th {
420
	text-align: left;
421
	padding-left: 0px;
422
    border-bottom: solid #dddddd 1px;
423
}
424
425 3404 leinfelder
/**
426
 *  these override styles imported from eml css
427 3414 leinfelder
 */
428 3404 leinfelder
.sectionnames{
429
    font-weight: bold;
430
    font-size: 16px;
431
    color: #096B79;
432
}
433
434
.linkedHeaderStyle{
435
436
    background-color: #A3DADA;
437
    padding-left: 16%;
438
 }
439
440
.title {
441
    font-family: Verdana, Georgia, "Times New Roman", serif;
442
    font-size: 24px;
443
    font-weight: bold;
444
    color:black;
445
    background: inherit;
446
}
447
448
.secondCol{
449
    background-color: #ffffff;
450
    font-size: 12px;
451
    padding-left: 5px;
452
}
453
454
.highlight  {
455 3653 leinfelder
    color: #124325;
456 3404 leinfelder
    background-color: #FFFFFF;
457
    font-style: italic;
458 3518 leinfelder
    font-size: 11px;
459 3404 leinfelder
    padding-left: 10px;
460
}
461
462
.citation  {
463
    color: black;
464
    background-color: #FFFFFF;
465
    font-size: 1.2em;
466
    padding-left: 10px;
467
}
468
469
.tablehead {
470 3653 leinfelder
    color: #124325;
471 3404 leinfelder
    background: #FFFFFF;
472
    text-align: left;
473
    font-size: 14px;
474
    font-weight: bold;
475
    border-top: solid #ffffff 15px;
476
    border-bottom: solid #dddddd 1px;
477
    padding-left: 10px;
478
    padding-top: 0px;
479
    padding-bottom: 0px;
480
}
481
482
th.tablehead {
483
484
    text-align: center;
485
    border-bottom: solid #006666 1px;
486
    margin: 0px;
487
    padding: 0px;
488
    height:  21px;
489
}
490
491
.tablehead_lcorner {
492
    background-position: right top;
493
    background-repeat: no-repeat;
494
    padding: 0px;
495
    margin:  0px;
496
    width:   10px;
497
    height:  21px;
498
}
499
500
.tablehead_rcorner {
501
    background-position: left top;
502
    background-repeat: no-repeat;
503
    padding: 0px;
504
    margin:  0px;
505
    width:   10px;
506
    height:  21px;
507
}
508
509
.lsid {
510
    text-decoration: underline;
511
}
512
513
a {
514 3653 leinfelder
    color: #124325;
515 3404 leinfelder
    font-weight: bold;
516
    font-size: 12px;
517 3414 leinfelder
    text-decoration: none; }
518 3404 leinfelder
519
a:hover {
520
    color: #ECCE00;
521
    text-decoration: underline; }
522
523
/**
524
 *  these are used only in the metacat pages
525
 */
526
527
p.emphasis {
528
529 3426 leinfelder
  font-size: 14px;
530 3404 leinfelder
  color: #dd7744;
531
  font-weight: bold;
532
  font-style:  normal;
533
}
534
535
.searchresultsdivider {
536 3488 leinfelder
    background-color:	#FFFFFF;
537
	border-top:	thin dashed;
538
	color:	#DDDDDD;
539 3404 leinfelder
}
540
541
/**
542
 *  these are used only in the registry skins
543
 */
544
545
p.searchbox {
546
    color: #096B79;
547
    font-weight: bold;
548
    font-size: 12px;
549
    text-decoration: none;
550
}
551
552
br {
553
    margin: 0px;
554
    padding: 0px;
555
}
556
557
558
.headertopmargin {
559
margin-top:    10;
560
}
561
562
.intro {
563
        width:   760px;
564
        margin-left:    15px;
565
}
566
567
textarea {
568
   width: 80%;
569
}
570
571
.required {
572 3414 leinfelder
    font-weight: normal;
573
    font-style: italic;
574 3498 leinfelder
    font-size: 11px;
575 3488 leinfelder
    /*color: #b00000;*/
576
    color: #124325;
577 3404 leinfelder
}
578
579
.label {
580
    font-weight: bold;
581
}
582
583
584
.emphasis {
585
    font-weight: bold;
586
    font-size: 18px;
587
    color: #000000;
588
}
589
590
.colorbold {
591
	font-weight: bold;
592
	color: #096B79;
593
	font-size: 12px;
594
}
595
596
.boldlink {
597
	font-weight: bold;
598
	font-size: 12px;
599
}
600
601
602
.redbold {
603
	font-weight: bold;
604
	color: #b00000;
605
	font-size: 12px;
606
}
607
608
.greenbold {
609
	font-weight: bold;
610
    background: inherit;
611
	color: green;
612
	font-size: 12px;
613
}
614
615
.smalltext {
616
	font-weight: bold;
617
	font-size: 10px;
618
	vertical-align: super;
619
}
620
621
.largetext {
622
	font-weight: bold;
623
	font-size: 16px;
624
}
625
626
.italicized {
627
	font-style: italic;
628
	font-size: 12px;
629
}
630
631
.regtext {
632
	font-weight: normal;
633
	font-size: 12px;
634
}
635
.sectbody {
636 4006 leinfelder
	background: #FFFFFF;
637 3404 leinfelder
	font-size: 12px;
638
        font-weight: bold;}
639
640
.sectheader {
641 4006 leinfelder
	background: #CFE2CF;
642 3404 leinfelder
	font-size: 12px;
643
        font-weight: bold;}
644
645
.tables {
646
        width:   760px;
647
        margin-left:      20px;
648
        border-top: solid black 1px;
649
        border-left: solid black 1px;
650
        border-right: solid black 1px;
651
      }
652
653
.hide {
654
      display:none;
655
  }
656
657
.showLink {
658
      cursor: pointer;
659
      cursor: hand;
660
      display:empty;
661
  }
662
663
.bordertop {
664
        border-top: solid black 1px;
665
      }
666
667
.borderbottom {
668
        border-bottom: 1px solid black;}
669
670
.topbottom {
671
	border-top: 1px solid black;
672
	border-bottom: 1px solid black;
673
	}
674
675
.longwidth {
676
	width: 80%;
677
	}
678
679
.shortwidth {
680
	width: 40%;
681
	}
682
683
.rightCol {
684
       width:  24%;
685
       text-align: right;
686
    }
687
688
.centerContentBorder {
689 3518 leinfelder
        padding: 0px;
690 3404 leinfelder
        width: 98%;
691 3518 leinfelder
        background: #FFFFFF;
692
        color: #FFFFFF;
693 3404 leinfelder
}
694
695
.footerContent {
696 3414 leinfelder
        background: #124325;
697
        color: #FFFFFF;
698 3423 leinfelder
}
699
700
.footerContent a {
701
        color: #FFFFFF;
702
}
703 4948 daigle
704
/**********************************************************************
705
 * content section settings
706
 **********************************************************************/
707
708
.main-section {
709
	background: #B6BCB8 url(images/bg_strip.jpg) repeat-x fixed left bottom;
710
}
711
712
.content-section {
713
	margin: 0px 20px 0px 20px;
714
	padding-top: 20px;
715
	background: #FFFFFF;
716
	height: 820px;
717
	width: 95%;
718
	min-width: 1050px;
719
}
720
721
.content-section-header {
722
	padding: 20px 0px 10px 200px;
723
	color: #7BB865;
724
	font-size: 18px;
725
}
726
727
.content-subsection {
728
	margin: 0px 0px 6px 180px;
729
	vertical-align: middle;
730
}
731
732
.content-subsection-header {
733
	padding: 0px 0px 10px 0px;
734
	color: #7BB865;
735
	font-size: 16px;
736
}
737
738
/**********************************************************************
739
 * form field settings
740
 **********************************************************************/
741
742
.field-label {
743
	display: inline;
744
	margin: 30px 7px 0px 0px;
745
	color: #000000;
746
	font-size: 14px;
747
}
748
749
.text-input {
750
	margin: 0px 5px 0px 0px;
751
	padding-left: 4px;
752
	font-size: 12px;
753
	color: #000000;
754
	width: 250px;
755
}
756
757
.dropdown-input {
758
	margin: 0px 10px 0px 0px;
759
	width: 150px;
760
}
761
762
.submit-button {
763
	margin: 20px 0px 10px 300px;
764
	width: 150px;
765
}
766
767
/**********************************************************************
768
 * search result specific settings
769
 **********************************************************************/
770
771
.result-header-section {
772
	margin: 20px 0px 10px 0px;
773
	font-size: 16px;
774
	font-weight: bold;
775
}
776
777
.result-header {
778
	color: #255333;
779
	font-style: normal;
780
	display: inline;
781
	float: left;
782
	margin-right: 10px;
783
}
784
785
.result-header-emphasis {
786
	color: #DD7744;
787
}
788
789
.row {
790
	color: #255333;
791
	height: 20px;
792
	border-left: 1px solid #A9A9A9;
793
	border-bottom: 1px solid #A9A9A9;
794
	border-right: 1px solid #A9A9A9;
795
}
796
797
.row-header {
798
	background-color: #255333;
799
	border-top: 1px solid #A9A9A9;
800
	font-weight: bold;
801
	font-size: 12px;
802
	color: #FFFFFF;
803
}
804
805
.row-even {
806
	background-color: #EBEBEB;
807
}
808
809
.row-odd {
810
	background-color: #D5D5D5;
811
}
812
813
.col {
814
	padding: 1px 0px 0px 15px;
815
	overflow: hidden;
816
	display: inline;
817
	float: left;
818
	width: 100px;
819
	height: 19px;
820
	border-right: 1px solid #D5D5D5;
821
	text-align: center;
822
}
823
824
.col1 {
825
	width: 100px;
826
}
827
828
.col2 {
829
	width: 100px;
830
}
831
832
.col3 {
833
	width: 100px;
834
}
835
836
.col4 {
837
	width: 100px;
838
}