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