Project

General

Profile

1 2927 harris
 /*
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 2928 harris
@import url(/knp/style/common/eml_xsl.css);
37 2927 harris
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
  height:   155px;
49
  width:    98%;
50
  border:   0px;
51
  margin:   0px;
52
  margin-left: 10px;
53
}
54
55 3282 barteau
.iframeloginboxclass {
56
    height:   500px;
57
    width:    100%;
58
    border:   0px;
59
    margin:   0px;
60
}
61
62
63 2927 harris
.iframesearchboxclass { /* not used */ }
64
.iframeleftcolclass  { /* not used */ }
65 2939 anderson
.iframefooterclass   { /* not used */
66
}
67
.iframerightcolclass   { /* not used */ }
68
69
td.mapColumn {
70
  vertical-align: top;
71
}
72
73
#mapFrame {
74
    height: 59em;
75
    border-width: 0px;
76
	vertical-align: top;
77
	/*
78
	position: fixed;
79 2928 harris
    right: 0px;
80
    top: 0px;
81 2929 anderson
    width: 35px;
82 2939 anderson
	*/
83 2928 harris
}
84
85 2939 anderson
#mapFrame {
86
	/* IE5.5+/Win */
87
	/*
88
	position: absolute;
89
	right: expression( (0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px');
90
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
91
    width: 80px;
92
		   */
93 2928 harris
}
94 2927 harris
95 2939 anderson
body > table td #mapFrame {
96
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
97
    width: 290px;
98
99
100
/*
101
	position: fixed;
102
    right: -3px;
103
    top: 0px;
104
    width: 35px;
105
	*/
106
}
107
108
109
110
111
112
113 2927 harris
/**
114
 *  create a left margin for the document
115
 */
116
117
body { margin-left: 70px; }
118
119
/**
120
 *  set the size and alignment etc of the top-level layout table
121
 */
122
.templatetableclass {
123
  width:   100%;
124
  border:   0px;
125
  padding:  0px;
126
  margin:   0px;
127
}
128
129
130
/**
131
 *  set the style of the main content area and its contents
132
 */
133
.templatecontentareaclass {
134
  border:   0px;
135
  padding:  0px;
136
  margin:   0px;
137 2939 anderson
  width: 100%;
138 2927 harris
}
139
140
141
/**
142
 *  set the correct <td> sizes to accomodate the
143
 *  header, footer, left and right iframes.
144
 *  NOTE: these styles apply only to each
145
 *  container frame, *NOT* to the document in
146
 *  the iframe within it!
147
 */
148
.templateheaderrowclass {
149
  height:   155px;
150
/*
151
  no width allowed - uses same width as table class
152
*/
153
  border:   0px;
154
  padding:  0px;
155
  margin:   0px;
156
}
157
158
159
.templateleftcolclass {
160
  height:   100%;
161
  width:    0px;
162
  border:   0px;
163
  padding:  0px;
164
  margin:   0px;
165
}
166
167
168
.templaterightcolclass {
169
  height:   100%;
170
  width:    0px;
171
  border:   0px;
172
  padding:  0px;
173
  margin:   0px;
174
}
175
176
177
.templatefooterrowclass {
178
  height:   0px;
179
/*
180
  no width allowed - uses same width as table class
181
*/
182
  border:   0px;
183
  padding:  0px;
184
  margin:   0px;
185
}
186
187
188
/**
189
 *  these override styles imported from eml css
190
 */
191
192
193
194
.sectionnames{
195
    font-weight: bold;
196
    font-size: 16px;
197
    color: #096B79;
198
}
199
200
.linkedHeaderStyle{
201
202
    background-color: #A3DADA;
203
    padding-left: 16%;
204
 }
205
206
.title {
207
    font-family: Georgia, Times New Roman, Times, serif;
208
    color:      black;
209
    background: white;
210
    font-size: 24px;
211
    font-weight: bold;
212
}
213
214
.secondCol{
215
    background-color: #ffffff;
216
    font-size: 12px;
217
    padding-left: 5px;
218
}
219
220
.highlight  {
221
    color: #096B79;
222
    background-color: #FFFFFF;
223
    font-style: italic;
224
    font-size: 1em;
225
    padding-left: 10px;
226
}
227
228
.citation  {
229
    color: black;
230
    background-color: #FFFFFF;
231
    font-size: 1.2em;
232
    padding-left: 10px;
233
}
234
235
.tablehead {
236
    color: #096B79;
237
    background: #FFFFFF;
238
    text-align: left;
239
    font-size: 14px;
240
    font-weight: bold;
241
    border-top: solid #ffffff 15px;
242
    border-bottom: solid #dddddd 1px;
243
    padding-left: 10px;
244
    padding-top: 0px;
245
    padding-bottom: 0px;
246
}
247
248
th.tablehead {
249
250
    text-align: center;
251
    border-bottom: solid #006666 1px;
252
    margin: 0px;
253
    padding: 0px;
254
    height:  21px;
255
}
256
257
.tablehead_lcorner {
258
    background-position: right top;
259
    background-repeat: no-repeat;
260
    padding: 0px;
261
    margin:  0px;
262
    width:   10px;
263
    height:  21px;
264
}
265
266
.tablehead_rcorner {
267
    background-position: left top;
268
    background-repeat: no-repeat;
269
    padding: 0px;
270
    margin:  0px;
271
    width:   10px;
272
    height:  21px;
273
}
274
275
.lsid {
276
    text-decoration: underline;
277
}
278
279
a {
280
    color: #096B79;
281
    font-weight: bold;
282
    font-size: 12px;
283
    text-decoration: underline; }
284
285
a:hover {
286
    color: #ECCE00;
287
    text-decoration: underline; }
288
289
/**
290
 *  these are used only in the metacat pages
291
 */
292
293
p.emphasis {
294
295
  font-size: 18px;
296
  color: #dd7744;
297
  font-weight: bold;
298
  font-style:  normal;
299
}
300
301
.searchresultsdivider {
302
    background-color: #dddddd;
303
}
304
305
/**
306
 *  these are used only in the registry skins
307
 */
308
309
310
311
312
p.searchbox {
313
    color: #096B79;
314
    font-weight: bold;
315
    font-size: 12px;
316
    text-decoration: none;
317
}
318
319
br {
320
    margin: 0px;
321
    padding: 0px;
322
}
323
324
325
.headertopmargin {
326
margin-top:    10;
327
}
328
329
.intro {
330
        width:   760px;
331
        margin-left:    15px;
332
}
333
334
textarea {
335
   width: 80%;
336
}
337
338
.required {
339
    font-weight: bold;
340
    color: #b00000;
341
}
342
343
.label {
344
    font-weight: bold;
345
}
346
347
348
.emphasis {
349
    font-weight: bold;
350
    font-size: 18px;
351
    color: #000000;
352
}
353
354
.colorbold {
355
	font-weight: bold;
356
	color: #096B79;
357
	font-size: 12px;
358
}
359
360
.boldlink {
361
	font-weight: bold;
362
	font-size: 12px;
363
}
364
365
366
.redbold {
367
	font-weight: bold;
368
	color: #b00000;
369
	font-size: 12px;
370
}
371
372
.greenbold {
373
	font-weight: bold;
374
	color: #096B79;
375
	font-size: 12px;
376
}
377
378
.smalltext {
379
	font-weight: bold;
380
	font-size: 10px;
381
	vertical-align: super;
382
}
383
384
.largetext {
385
	font-weight: bold;
386
	font-size: 16px;
387
}
388
389
.italicized {
390
	font-style: italic;
391
	font-size: 12px;
392
}
393
394
.regtext {
395
	font-weight: normal;
396
	font-size: 12px;
397
}
398
.sectbody {
399
	background: #DEF1F1;
400
	font-size: 12px;
401
        font-weight: bold;}
402
403
.sectheader {
404
	background: #A3DADA;
405
	font-size: 12px;
406
        font-weight: bold;}
407
408
.tables {
409
        width:   760px;
410
        margin-left:      20px;
411
        border-top: solid black 1px;
412
        border-left: solid black 1px;
413
        border-right: solid black 1px;
414
      }
415
416
.hide {
417
      display:none;
418
  }
419
420
.showLink {
421
      cursor: pointer;
422
      cursor: hand;
423
      display:empty;
424
  }
425
426
.bordertop {
427
        border-top: solid black 1px;
428
      }
429
430
.borderbottom {
431
        border-bottom: 1px solid black;}
432
433
.topbottom {
434
	border-top: 1px solid black;
435
	border-bottom: 1px solid black;
436
	}
437
438
.longwidth {
439
	width: 80%;
440
	}
441
442
.shortwidth {
443
	width: 40%;
444
	}
445
446
.rightCol {
447
       width:  24%;
448
       text-align: right;
449 3282 barteau
    }