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