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 3965 leinfelder
    height:   800px;
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 3965 leinfelder
	height:   800px;
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 3965 leinfelder
    height:	800px;
83 3498 leinfelder
	width:	175px;
84
}
85
86
/**IE hack**/
87
html>body .iframeleftcolclass  {
88 3435 leinfelder
    height:	100%;
89 3965 leinfelder
    min-height:	800px;
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 3414 leinfelder
.iframerightcolclass   {
101
	background: #FFFFFF;
102
}
103 3404 leinfelder
104
td.mapColumn {
105
  vertical-align: top;
106
}
107
108 3414 leinfelder
.mapFrame {
109
    /*height: 59em;*/
110 3459 leinfelder
    height: 320px;
111 3435 leinfelder
    width: 600px;
112 3404 leinfelder
	vertical-align: top;
113 3414 leinfelder
	background: #FFFFFF;
114 3404 leinfelder
}
115
116 3498 leinfelder
/*body > table td #mapFrame {
117 3404 leinfelder
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
118 3435 leinfelder
    /*width: 290px;*/
119 3498 leinfelder
/*}*/
120 3404 leinfelder
121 3414 leinfelder
/**
122
 *  create a left margin for the document
123
 */
124 3404 leinfelder
125 3414 leinfelder
/**
126
* These are new classes adapted from sanparks L+F
127
**/
128
body {
129
	margin: 0;
130
	padding: 0;
131
	background: #B6BCB8 url("images/bg_strip.jpg") bottom left fixed repeat-x;
132
	color: #000;
133
	height: 100%;
134
	font-family: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
135
}
136 3415 leinfelder
137 3488 leinfelder
#main_wrapper {
138
	padding-left: 20px;
139
	padding-right: 20px;
140
}
141
142
#content_wrapper {
143
	background: #FFFFFF;
144
}
145
146 3415 leinfelder
.headertitle {
147
	font-weight: bold;
148
	font-family: Helvetica, Verdana, Arial, sans-serif;
149 3498 leinfelder
	font-size: 1.4em;
150
	color: #124326;
151 3415 leinfelder
	padding-left: 10px;
152
}
153 3414 leinfelder
154
.headermenu {
155
	background: #124325;
156
	height: 20px;
157
	color: #FFFFFF;
158
	text-decoration: none;
159
	font-weight: bold;
160 3498 leinfelder
	font-size: 12px;
161 3414 leinfelder
	text-align: center;
162 3415 leinfelder
	padding-left: 10px;
163 3488 leinfelder
}
164 3404 leinfelder
165 3488 leinfelder
td.login {
166
	padding-left: 5px;
167
	padding-right: 5px;
168
	padding-top: 5px;
169
}
170
a.login {
171
	font-weight: normal;
172
}
173
input.login, select.login {
174
	border: 0;
175
	width: 100px;
176
	color: #124325;
177
178
}
179
180 3414 leinfelder
.leftnav {
181
	width: 175px;
182
	margin: 0px auto;
183
	text-align: center;
184 3500 leinfelder
	/*background: transparent url("images/navstrip.jpg") left 0px repeat-y;*/
185 3414 leinfelder
	color: #FFFFFF;
186
}
187 3404 leinfelder
188 3414 leinfelder
h1 {
189
	text-align: left;
190
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
191
	font-size: 1.9em;
192
	padding: 0px 0px 12px 0px;
193
	margin: 0;
194
	padding-top: 6px;
195
	color: #f30;
196
}
197 3404 leinfelder
198 3414 leinfelder
h2 {
199
	text-align: left;
200
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
201
	font-size: 1.4em;
202
	padding: 0px 0px 10px 0px;
203
	margin: 0;
204
	color: #f30;
205
}
206 3404 leinfelder
207 3414 leinfelder
h3 {
208
	text-align:	left;
209
	color: #124325;
210
	background: #CFE2CF;
211 3498 leinfelder
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
212
	font-size: 1.1em;
213 3414 leinfelder
	border: 1px solid #124325;
214
	display: block;
215
	padding: 3px 10px;
216
	margin:10px 0 10px 0;
217 3404 leinfelder
}
218
219 3426 leinfelder
/*****BEGIN SANPARKS NAV*******/
220
#nav {
221
	float: left;
222 3488 leinfelder
	/**width: 175px;*/
223 3426 leinfelder
	color: #fff;
224
	clear: both;
225
}
226
#nav ul.level-1 {
227
	font-weight: bold;
228
	list-style: none;
229
	padding: 6px;
230
	margin: 0;
231 3498 leinfelder
	line-height: 1;
232 3426 leinfelder
}
233
234
#nav ul.level-1 li {
235
	font-size: 1.1em;
236
	/*margin: 0px 0px 5px 0px;*/
237
	margin: 0px 0px 12px 0px;
238
	padding: 0px 0px 0px 0px;
239
	background: none;
240
}
241
242
#nav ul.level-2 {
243
	font-weight: normal;
244
	list-style: none;
245
	padding: 0;
246
	font-size: 0.9em;
247
	margin: 5px 0px 0px 0px;
248
}
249
#nav ul.level-3 {
250
	font-weight: normal;
251
	list-style: none;
252
	padding: 0;
253
	font-size: 0.9em;
254
	margin: 0px 0px 0px 0px;
255
}
256
#nav ul.level-2 li {
257
	background: transparent url("images/horns.png") left 1px no-repeat !important;
258
	padding: 0;
259
	margin: 0;
260
	margin: 0px 0px 2px 0px;
261
}
262
#nav ul.level-3 li {
263
	background: transparent  left 1px no-repeat !important;
264
	padding: 0;
265
	margin: 0;
266
}
267
268
#nav ul.level-1 li a {
269
	color: #fff;
270
	text-decoration: none;
271
	display: block;
272
	/*height: 1.6em;*/
273
}
274
275
#nav ul.level-2 li a {
276 3441 leinfelder
	font-weight: normal;
277 3426 leinfelder
	color: #fff;
278
	text-decoration: none;
279
	display: block;
280
	padding-left: 18px;
281 3498 leinfelder
	height: 100%;
282 3426 leinfelder
}
283
284
#nav ul.level-2 li a:hover, ul.level-2 li a:active {
285
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
286
}
287
288
#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 {
289
/* #nav li a:hover, li a:active { */
290
	color: #F76501;
291
	text-decoration: underline;
292
}
293
294
#nav ul li a.current {
295
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
296
}
297
298
#nav ul li.current_cat, #nav ul li a.current_cat {
299
	color: #f30;
300
}
301
302
#nav .current_home {
303
	color: #f30;
304
	padding-bottom: 5px;
305
	display: block;
306
	border-bottom: 1px solid #0E321D;
307
	text-decoration: none;
308
	font-size: 1.1em;
309
	font-weight: bold;
310
	margin-bottom: 0px;
311
	margin-left: 5px;
312
	margin-top: 7px;
313
	margin-right: 5px;
314
}
315 3498 leinfelder
316
.home a:link, .home a:visited {
317
	border-bottom: 1px solid #0E321D;
318
	color: #FFFFFF;
319
	display: block;
320
	/*font-size: 1.1em;*/
321
	font-weight: bold;
322
	margin: 7px 5px 0px;
323
	padding-bottom: 5px;
324
	text-decoration: none;
325
}
326
.home a:hover {
327
	color: #FF3300;
328
	text-decoration: underline;
329
}
330 3426 leinfelder
/*****END SANPARKS NAV*******/
331
332 3404 leinfelder
/**
333
 *  set the size and alignment etc of the top-level layout table
334
 */
335
.templatetableclass {
336 3414 leinfelder
  width:   95%;
337 3404 leinfelder
  border:   0px;
338
  padding:  0px;
339 3414 leinfelder
  margin-left:   20px;
340
  margin-right:   20px;
341 3404 leinfelder
}
342
343
344
/**
345
 *  set the style of the main content area and its contents
346
 */
347
.templatecontentareaclass {
348 3414 leinfelder
	vertical-align: top;
349
  	padding: 0px;
350
  	margin: 0px;
351
	background:	#FFFFFF;
352
	color: black;
353 3404 leinfelder
}
354
355
356
/**
357
 *  set the correct <td> sizes to accomodate the
358
 *  header, footer, left and right iframes.
359
 *  NOTE: these styles apply only to each
360
 *  container frame, *NOT* to the document in
361
 *  the iframe within it!
362
 */
363
.templateheaderrowclass {
364 3498 leinfelder
  height:   112px;
365 3404 leinfelder
/*
366
  no width allowed - uses same width as table class
367
*/
368
  border:   0px;
369
  padding:  0px;
370
  margin:   0px;
371
}
372
373
374
.templateleftcolclass {
375
  height:   100%;
376 3414 leinfelder
  width:    175px;
377 3404 leinfelder
  border:   0px;
378
  padding:  0px;
379
  margin:   0px;
380 3414 leinfelder
  vertical-align: top;
381 3500 leinfelder
  background: transparent url("images/navstrip.jpg") left 0px repeat-y;
382 3404 leinfelder
}
383
384
385
.templaterightcolclass {
386
  height:   100%;
387
  width:    0px;
388
  border:   0px;
389
  padding:  0px;
390
  margin:   0px;
391
}
392
393
394
.templatefooterrowclass {
395
  height:   0px;
396
/*
397
  no width allowed - uses same width as table class
398
*/
399
  border:   0px;
400
  padding:  0px;
401
  margin:   0px;
402
}
403
404 3518 leinfelder
/** used in fgdc xsl **/
405
th {
406
	text-align: left;
407
	padding-left: 0px;
408
    border-bottom: solid #dddddd 1px;
409
}
410
411 3404 leinfelder
/**
412
 *  these override styles imported from eml css
413 3414 leinfelder
 */
414 3404 leinfelder
.sectionnames{
415
    font-weight: bold;
416
    font-size: 16px;
417
    color: #096B79;
418
}
419
420
.linkedHeaderStyle{
421
422
    background-color: #A3DADA;
423
    padding-left: 16%;
424
 }
425
426
.title {
427
    font-family: Verdana, Georgia, "Times New Roman", serif;
428
    font-size: 24px;
429
    font-weight: bold;
430
    color:black;
431
    background: inherit;
432
}
433
434
.secondCol{
435
    background-color: #ffffff;
436
    font-size: 12px;
437
    padding-left: 5px;
438
}
439
440
.highlight  {
441 3653 leinfelder
    color: #124325;
442 3404 leinfelder
    background-color: #FFFFFF;
443
    font-style: italic;
444 3518 leinfelder
    font-size: 11px;
445 3404 leinfelder
    padding-left: 10px;
446
}
447
448
.citation  {
449
    color: black;
450
    background-color: #FFFFFF;
451
    font-size: 1.2em;
452
    padding-left: 10px;
453
}
454
455
.tablehead {
456 3653 leinfelder
    color: #124325;
457 3404 leinfelder
    background: #FFFFFF;
458
    text-align: left;
459
    font-size: 14px;
460
    font-weight: bold;
461
    border-top: solid #ffffff 15px;
462
    border-bottom: solid #dddddd 1px;
463
    padding-left: 10px;
464
    padding-top: 0px;
465
    padding-bottom: 0px;
466
}
467
468
th.tablehead {
469
470
    text-align: center;
471
    border-bottom: solid #006666 1px;
472
    margin: 0px;
473
    padding: 0px;
474
    height:  21px;
475
}
476
477
.tablehead_lcorner {
478
    background-position: right top;
479
    background-repeat: no-repeat;
480
    padding: 0px;
481
    margin:  0px;
482
    width:   10px;
483
    height:  21px;
484
}
485
486
.tablehead_rcorner {
487
    background-position: left top;
488
    background-repeat: no-repeat;
489
    padding: 0px;
490
    margin:  0px;
491
    width:   10px;
492
    height:  21px;
493
}
494
495
.lsid {
496
    text-decoration: underline;
497
}
498
499
a {
500 3653 leinfelder
    color: #124325;
501 3404 leinfelder
    font-weight: bold;
502
    font-size: 12px;
503 3414 leinfelder
    text-decoration: none; }
504 3404 leinfelder
505
a:hover {
506
    color: #ECCE00;
507
    text-decoration: underline; }
508
509
/**
510
 *  these are used only in the metacat pages
511
 */
512
513
p.emphasis {
514
515 3426 leinfelder
  font-size: 14px;
516 3404 leinfelder
  color: #dd7744;
517
  font-weight: bold;
518
  font-style:  normal;
519
}
520
521
.searchresultsdivider {
522 3488 leinfelder
    background-color:	#FFFFFF;
523
	border-top:	thin dashed;
524
	color:	#DDDDDD;
525 3404 leinfelder
}
526
527
/**
528
 *  these are used only in the registry skins
529
 */
530
531
p.searchbox {
532
    color: #096B79;
533
    font-weight: bold;
534
    font-size: 12px;
535
    text-decoration: none;
536
}
537
538
br {
539
    margin: 0px;
540
    padding: 0px;
541
}
542
543
544
.headertopmargin {
545
margin-top:    10;
546
}
547
548
.intro {
549
        width:   760px;
550
        margin-left:    15px;
551
}
552
553
textarea {
554
   width: 80%;
555
}
556
557
.required {
558 3414 leinfelder
    font-weight: normal;
559
    font-style: italic;
560 3498 leinfelder
    font-size: 11px;
561 3488 leinfelder
    /*color: #b00000;*/
562
    color: #124325;
563 3404 leinfelder
}
564
565
.label {
566
    font-weight: bold;
567
}
568
569
570
.emphasis {
571
    font-weight: bold;
572
    font-size: 18px;
573
    color: #000000;
574
}
575
576
.colorbold {
577
	font-weight: bold;
578
	color: #096B79;
579
	font-size: 12px;
580
}
581
582
.boldlink {
583
	font-weight: bold;
584
	font-size: 12px;
585
}
586
587
588
.redbold {
589
	font-weight: bold;
590
	color: #b00000;
591
	font-size: 12px;
592
}
593
594
.greenbold {
595
	font-weight: bold;
596
    background: inherit;
597
	color: green;
598
	font-size: 12px;
599
}
600
601
.smalltext {
602
	font-weight: bold;
603
	font-size: 10px;
604
	vertical-align: super;
605
}
606
607
.largetext {
608
	font-weight: bold;
609
	font-size: 16px;
610
}
611
612
.italicized {
613
	font-style: italic;
614
	font-size: 12px;
615
}
616
617
.regtext {
618
	font-weight: normal;
619
	font-size: 12px;
620
}
621
.sectbody {
622
	background: #DEF1F1;
623
	font-size: 12px;
624
        font-weight: bold;}
625
626
.sectheader {
627
	background: #A3DADA;
628
	font-size: 12px;
629
        font-weight: bold;}
630
631
.tables {
632
        width:   760px;
633
        margin-left:      20px;
634
        border-top: solid black 1px;
635
        border-left: solid black 1px;
636
        border-right: solid black 1px;
637
      }
638
639
.hide {
640
      display:none;
641
  }
642
643
.showLink {
644
      cursor: pointer;
645
      cursor: hand;
646
      display:empty;
647
  }
648
649
.bordertop {
650
        border-top: solid black 1px;
651
      }
652
653
.borderbottom {
654
        border-bottom: 1px solid black;}
655
656
.topbottom {
657
	border-top: 1px solid black;
658
	border-bottom: 1px solid black;
659
	}
660
661
.longwidth {
662
	width: 80%;
663
	}
664
665
.shortwidth {
666
	width: 40%;
667
	}
668
669
.rightCol {
670
       width:  24%;
671
       text-align: right;
672
    }
673
674
.centerContentBorder {
675 3518 leinfelder
        padding: 0px;
676 3404 leinfelder
        width: 98%;
677 3518 leinfelder
        background: #FFFFFF;
678
        color: #FFFFFF;
679 3404 leinfelder
}
680
681
.footerContent {
682 3414 leinfelder
        background: #124325;
683
        color: #FFFFFF;
684 3423 leinfelder
}
685
686
.footerContent a {
687
        color: #FFFFFF;
688
}