Project

General

Profile

1 3640 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
38
/*
39
 *  import the "external" SAEON css:
40
 */
41
@import url(ploneStyles5796.css);
42
43 5974 leinfelder
44
.rowodd {
45
	background-color: #FFFFFF;
46
	color: #555555;
47
}
48
.subGroup_border {
49
	border:1px solid #555555;
50
}
51
td {
52
	color: #000000;
53
}
54
div {
55
	color: #000000;
56
}
57
58 5978 leinfelder
/* square the edges for saoen */
59
.group {
60
	-moz-border-radius-bottomleft: 0px;
61
	-moz-border-radius-bottomright: 0px;
62
	-moz-border-radius-topleft: 0px;
63
	-moz-border-radius-topright: 0px;
64
}
65
.subGroup {
66
	-moz-border-radius-bottomleft: 0px;
67
	-moz-border-radius-bottomright: 0px;
68
	-moz-border-radius-topleft: 0px;
69
	-moz-border-radius-topright: 0px;
70
}
71
72 3640 leinfelder
b {
73
font-weight: bold;
74
}
75
76
/**
77
 *  set the correct iframe sizes to accomodate the
78
 *  header, footer, left and right areas.
79
 *  NOTE: these styles apply only to each
80
 *  container frame, *NOT* to the document within it!
81
 */
82
.iframeheaderclass {
83
  height:   300px;
84
  width:	100%;
85
  background: #FFFFFF;
86
  border:   0px;
87 5974 leinfelder
  margin:	0px;
88 3640 leinfelder
}
89
90
.iframeloginboxclass {
91 4031 leinfelder
    height:   1150px;
92 3640 leinfelder
    /*width:600px;*/
93
    min-width:600px;
94
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
95
    border:   0px;
96
	vertical-align: top;
97
	text-align: left;
98
}
99
100
101
.iframesearchboxclass {
102 4031 leinfelder
	height:   1150px;
103 3640 leinfelder
    /*width:600px;*/
104
    min-width:600px;
105
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
106
    border:   0px;
107
	vertical-align: top;
108
	text-align: left;
109
}
110
111
.iframeleftcolclass  {
112
    /*height:  100%;*/
113 4031 leinfelder
    height:	1150px;
114 3640 leinfelder
	width:	200px;
115
}
116
117
/**IE hack**/
118
html>body .iframeleftcolclass  {
119
    height:	100%;
120 4031 leinfelder
    min-height:	1150px;
121 3640 leinfelder
}
122
123
.iframefooterclass   {
124
  height:   150px;
125
  width:	100%;
126
  border:   0px;
127
  background: #124325;
128
  color: #FFFFFF;
129
}
130
131
.iframerightcolclass   {
132
	background: #FFFFFF;
133
}
134
135
td.mapColumn {
136
  vertical-align: top;
137
}
138
139
.mapFrame {
140
    /*height: 59em;*/
141 5862 leinfelder
    height: 450px;
142
    width: 785px;
143 3640 leinfelder
	vertical-align: top;
144
	background: #FFFFFF;
145
}
146
147
/**
148
* These are new classes adapted for saeon L+F
149
**/
150
151
/*override the saeon plone css */
152
a {
153
	font-weight: normal;
154 3657 leinfelder
	text-decoration: none;
155 3640 leinfelder
	/*
156
    color: #096B79;
157
    font-size: 12px;
158
    */
159
}
160
/*
161
a:hover {
162
    color: #ECCE00;
163
    text-decoration: underline; }
164
*/
165
166
.leftnav {
167
	width: 200px;
168
	margin: 0px auto;
169
	text-align: center;
170
}
171
172
/*
173
h1 {
174
	text-align: left;
175
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
176
	font-size: 1.9em;
177
	padding: 0px 0px 12px 0px;
178
	margin: 0;
179
	padding-top: 6px;
180
	color: #f30;
181
}
182
183
h2 {
184
	text-align: left;
185
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
186
	font-size: 1.4em;
187
	padding: 0px 0px 10px 0px;
188
	margin: 0;
189
	color: #f30;
190
}
191
192
h3 {
193
	text-align:	left;
194
	color: #124325;
195
	background: #CFE2CF;
196
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
197
	font-size: 1.1em;
198
	border: 1px solid #124325;
199
	display: block;
200
	padding: 3px 10px;
201
	margin:10px 0 10px 0;
202
}
203
*/
204
205
206
/**
207
 *  set the size and alignment etc of the top-level layout table
208
 */
209
.templatetableclass {
210
  width:   100%;
211
  border:   0px;
212
  padding:  0px;
213
  margin:   0px;
214
}
215
216
217
/**
218
 *  set the style of the main content area and its contents
219
 */
220
.templatecontentareaclass {
221
	vertical-align: top;
222
  	padding: 0px;
223
  	margin: 0px;
224
	background:	#FFFFFF;
225
	color: black;
226
}
227
228
229
/**
230
 *  set the correct <td> sizes to accomodate the
231
 *  header, footer, left and right iframes.
232
 *  NOTE: these styles apply only to each
233
 *  container frame, *NOT* to the document in
234
 *  the iframe within it!
235
 */
236
.templateheaderrowclass {
237
  height:   112px;
238
/*
239
  no width allowed - uses same width as table class
240
*/
241
  border:   0px;
242
  padding:  0px;
243
  margin:   0px;
244
}
245
246
247
.templateleftcolclass {
248
  height:   100%;
249
  width:    200px;
250
  border:   0px;
251
  padding:  0px;
252
  margin:   0px;
253
  vertical-align: top;
254
}
255
256
257
.templaterightcolclass {
258
  height:   100%;
259
  width:    0px;
260
  border:   0px;
261
  padding:  0px;
262
  margin:   0px;
263
}
264
265
266
.templatefooterrowclass {
267
  height:   0px;
268
/*
269
  no width allowed - uses same width as table class
270
*/
271
  border:   0px;
272
  padding:  0px;
273
  margin:   0px;
274
}
275
276
/** used in fgdc xsl **/
277
th {
278
	text-align: left;
279
	padding-left: 0px;
280
    border-bottom: solid #dddddd 1px;
281 5974 leinfelder
    color: #124325;
282 3640 leinfelder
}
283
284
/**
285
 *  these override styles imported from eml css
286
 */
287
.sectionnames{
288
    font-weight: bold;
289
    font-size: 16px;
290
    color: #096B79;
291
}
292
293
.linkedHeaderStyle{
294
295
    background-color: #A3DADA;
296
    padding-left: 16%;
297
 }
298
299
.title {
300
    font-family: Verdana, Georgia, "Times New Roman", serif;
301
    font-size: 24px;
302
    font-weight: bold;
303
    color:black;
304
    background: inherit;
305
}
306
307
.secondCol{
308
    background-color: #ffffff;
309
    font-size: 12px;
310
    padding-left: 5px;
311
}
312
313
.highlight  {
314 3645 leinfelder
    color: #666633;
315 3640 leinfelder
    background-color: #FFFFFF;
316
    font-style: italic;
317
    font-size: 11px;
318
    padding-left: 10px;
319
}
320
321
.citation  {
322
    color: black;
323
    background-color: #FFFFFF;
324
    font-size: 1.2em;
325
    padding-left: 10px;
326
}
327
328
.tablehead {
329 3645 leinfelder
    color: #555522;
330 3640 leinfelder
    background: #FFFFFF;
331
    text-align: left;
332
    font-size: 14px;
333
    font-weight: bold;
334
    border-top: solid #ffffff 15px;
335
    border-bottom: solid #dddddd 1px;
336
    padding-left: 10px;
337
    padding-top: 0px;
338
    padding-bottom: 0px;
339
}
340
341
th.tablehead {
342
343
    text-align: center;
344
    border-bottom: solid #006666 1px;
345
    margin: 0px;
346
    padding: 0px;
347
    height:  21px;
348
}
349
350
.tablehead_lcorner {
351 3645 leinfelder
	border-bottom: none;
352 3640 leinfelder
    background-position: right top;
353
    background-repeat: no-repeat;
354
    padding: 0px;
355
    margin:  0px;
356
    width:   10px;
357
    height:  21px;
358
}
359
360
.tablehead_rcorner {
361 3645 leinfelder
	border-bottom: none;
362 3640 leinfelder
    background-position: left top;
363
    background-repeat: no-repeat;
364
    padding: 0px;
365
    margin:  0px;
366
    width:   10px;
367
    height:  21px;
368
}
369
370
.lsid {
371
    text-decoration: underline;
372
}
373
374
/**
375
 *  these are used only in the metacat pages
376
 */
377
378
p.emphasis {
379
380
  font-size: 14px;
381
  color: #dd7744;
382
  font-weight: bold;
383
  font-style:  normal;
384
}
385
386
.searchresultsdivider {
387
    background-color:	#FFFFFF;
388
	border-top:	thin dashed;
389
	color:	#DDDDDD;
390
}
391
392
/**
393
 *  these are used only in the registry skins
394
 */
395
396
p.searchbox {
397
    color: #096B79;
398
    font-weight: bold;
399
    font-size: 12px;
400
    text-decoration: none;
401
}
402
403
br {
404
    margin: 0px;
405
    padding: 0px;
406
}
407
408
409
.headertopmargin {
410
margin-top:    10;
411
}
412
413
.intro {
414
        width:   760px;
415
        margin-left:    15px;
416
}
417
418
textarea {
419
   width: 80%;
420
}
421
422
.required {
423
    font-weight: normal;
424
    font-style: italic;
425
    font-size: 11px;
426
    /*color: #b00000;*/
427
    color: #124325;
428
}
429
430
.label {
431
    font-weight: bold;
432
}
433
434
435
.emphasis {
436
    font-weight: bold;
437
    font-size: 18px;
438
    color: #000000;
439
}
440
441
.colorbold {
442
	font-weight: bold;
443
	color: #096B79;
444
	font-size: 12px;
445
}
446
447
.boldlink {
448
	font-weight: bold;
449
	font-size: 12px;
450
}
451
452
453
.redbold {
454
	font-weight: bold;
455
	color: #b00000;
456
	font-size: 12px;
457
}
458
459
.greenbold {
460
	font-weight: bold;
461
    background: inherit;
462
	color: #666633;
463
	font-size: 12px;
464
}
465
466
.smalltext {
467
	font-weight: bold;
468
	font-size: 10px;
469
	vertical-align: super;
470
}
471
472
.largetext {
473
	font-weight: bold;
474
	font-size: 16px;
475
}
476
477
.italicized {
478
	font-style: italic;
479
	font-size: 12px;
480
}
481
482
.regtext {
483
	font-weight: normal;
484
	font-size: 12px;
485
}
486
.sectbody {
487 4006 leinfelder
	background: #FFFFFF;
488 3640 leinfelder
	font-size: 12px;
489
        font-weight: bold;}
490
491
.sectheader {
492 4006 leinfelder
	background: #A6C2A5;
493 3640 leinfelder
	font-size: 12px;
494
        font-weight: bold;}
495
496
.tables {
497
        width:   760px;
498
        margin-left:      20px;
499
        border-top: solid black 1px;
500
        border-left: solid black 1px;
501
        border-right: solid black 1px;
502
      }
503
504
.hide {
505
      display:none;
506
  }
507
508
.showLink {
509
      cursor: pointer;
510
      cursor: hand;
511
      display:empty;
512
  }
513
514
.bordertop {
515
        border-top: solid black 1px;
516
      }
517
518
.borderbottom {
519
        border-bottom: 1px solid black;}
520
521
.topbottom {
522
	border-top: 1px solid black;
523
	border-bottom: 1px solid black;
524
	}
525
526
.longwidth {
527
	width: 80%;
528
	}
529
530
.shortwidth {
531
	width: 40%;
532
	}
533
534
.rightCol {
535
       width:  24%;
536
       text-align: right;
537
    }
538
539
.centerContentBorder {
540
        padding: 0px;
541
        width: 98%;
542
        background: #FFFFFF;
543
        color: #FFFFFF;
544
}
545
546
.footerContent {
547
        background: #124325;
548
        color: #FFFFFF;
549
}
550
551
.footerContent a {
552
        color: #FFFFFF;
553
}