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