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