Project

General

Profile

1 3555 bowdish
2
*
3 1929 brooke
  *   '$RCSfile$'
4
  *     Purpose: Default style sheet for KNB project web pages
5
  *              Using this stylesheet rather than placing styles directly in
6
  *              the KNB web documents allows us to globally change the
7
  *              formatting styles of the entire site in one easy place.
8
  *   Copyright: 2000 Regents of the University of California and the
9
  *               National Center for Ecological Analysis and Synthesis
10
  *     Authors: Matt Jones
11
  *
12
  *    '$Author$'
13
  *      '$Date$'
14
  *  '$Revision$'
15
  *
16
  * This program is free software; you can redistribute it and/or modify
17
  * it under the terms of the GNU General Public License as published by
18
  * the Free Software Foundation; either version 2 of the License, or
19
  * (at your option) any later version.
20
  *
21
  * This program is distributed in the hope that it will be useful,
22
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
23
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
24
  * GNU General Public License for more details.
25
  *
26
  * You should have received a copy of the GNU General Public License
27
  * along with this program; if not, write to the Free Software
28
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
29
  */
30
31
32
/**
33
 *  set the correct iframe sizes to accomodate the
34
 *  header, footer, left and right areas.
35
 *  NOTE: these styles apply only to each
36
 *  container frame, *NOT* to the document within it!
37
 */
38 3440 bowdish
39
.citation   {
40
    color: black;
41
    background-color: #FFFFFF;
42
    font-size: 1.2em
43
    padding-left: 10px;
44
}
45 1929 brooke
46
.iframeheaderclass {
47
    height:   100px;
48
    width:    100%;
49
    border:   0px;
50 3440 bowdish
    margih:   0px;
51 1929 brooke
}
52
53
.iframesearchboxclass {
54 3409 walbridge
    height:   340px;
55 1929 brooke
    width:    100%;
56
    border:   0px;
57
    margin:   0px;
58
}
59
60 2745 costa
.iframeadvancedsearchboxclass {
61
    height:   1250px;
62
    width:    100%;
63
    border:   0px;
64
    margin:   0px;
65
}
66
67 3034 perry
.iframemapclass {
68
    height:   570px;
69
    width:    100%;
70
    border:   0px;
71
    margin:   0px;
72
}
73
74 1929 brooke
.iframeloginboxclass {
75
    height:   250px;
76
    width:    100%;
77
    border:   0px;
78
    margin:   0px;
79
}
80
81
.iframeleftcolclass  { /* not used */ }
82
.iframerightcolclass { /* not used */ }
83
.iframefooterclass   { /* not used */ }
84
85
/**
86
 *  set the size and alignment etc of the top-level layout table
87
 */
88
.templatetableclass {
89
    width:   100%;
90
    border:   0px;
91
    padding:  0px;
92
    margin:   0px;
93
}
94
95
/**
96
 *  set the style of the main content area and its contents
97
 */
98
.templatecontentareaclass {
99
    border:   0px;
100
    padding:  0px;
101
    margin:   0px;
102
}
103
104
/**
105
 *  set the correct <td> sizes to accomodate the
106
 *  header, footer, left and right iframes.
107
 *  NOTE: these styles apply only to each
108
 *  container frame, *NOT* to the document in
109
 *  the iframe within it!
110
 */
111
.templateheaderrowclass {
112
    height:   80px;
113
    /*
114
      no width allowed - uses same width as table class
115
    */
116
    border:   0px;
117
    padding:  0px;
118
    margin:   0px;
119
}
120
121
.templateleftcolclass {
122
    height:   100%;
123
    width:    0px;
124
    border:   0px;
125
    padding:  0px;
126
    margin:   0px;
127
}
128
129
.templaterightcolclass {
130
    height:   100%;
131
    width:    0px;
132
    border:   0px;
133
    padding:  0px;
134
    margin:   0px;
135
}
136
137
.templatefooterrowclass {
138
    height:   0px;
139
    /*
140
      no width allowed - uses same width as
141
      table class
142
    */
143
    border:   0px;
144
    padding:  0px;
145
    margin:   0px;
146
}
147
.sectioncorner {
148 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg.gif);
149 1929 brooke
}
150
151
.sectionheader {
152 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg.gif);
153 1929 brooke
    text-align: center;
154
    color: #0247A8;
155 3555 bowdish
    /*    font-size: 1em;
156
     *        font-weight: bold; */
157
    font-size: 14px;
158 2439 sgarg
    font-weight: bold;
159 3555 bowdish
     }
160 2439 sgarg
161 3555 bowdish
162 1929 brooke
.searchcat {
163
    padding-left: 5px;
164
    color: #0247A8;
165
    font-weight: bold;
166
    font-size: 11px;
167
}
168
169
td.searchsubcat {
170
    padding-left: 15px;
171
}
172
173
a.searchsubcat {
174
    color: #669933;
175
    font-weight: normal;
176
    font-size: 11px;
177
}
178
179
a.searchsubcat:hover {
180
    color: #ff9933;
181
    text-decoration: underline;
182
}
183
184
/**
185
 *  then add any other styles used
186
 *  by your page......
187
 */
188
189
body {
190
  	padding-top: 3px;
191
    color: #333333;
192
    background-color: #eeeeee;
193 3440 bowdish
    background-image: url(/knb/style/skins/default/images/bgpattern.gif);
194 1929 brooke
    font-weight: normal;
195
    font-size: 12px;
196
    font-family: Verdana,Arial,Helvetica,sans-serif;
197
}
198
199
a {
200
    color: #669933;
201
    font-weight: bold;
202
    font-size: 12px;
203
    text-decoration: none;
204
		text-align: left;
205
}
206
207
a:hover {
208
    color: #ff9933;
209
    text-decoration: underline;
210
}
211
212
.pagetitle {
213
    font-family: Georgia, Times New Roman, Times, serif;
214
    background: #0247A8;
215
    margin-left: 0.25em;
216
}
217
218
.pagesub {
219
    font-family: Verdana,Arial,Helvetica,sans-serif;
220
    font-size: 1em;
221
    font-weight: bold;
222
    color: #339933;
223
    margin-left: 3em;
224
    margin-top: 0.5em;
225
    margin-bottom: 2em;
226
}
227
228
.title {
229
    font-family: Georgia, Times New Roman, Times, serif;
230
    color:      #eeeeee;
231
    background: #0247A8;
232
    font-size: 24px;
233
    font-weight: bold;
234
}
235
236
p.title {
237
  padding-left: 15px;
238
}
239
240
.subtitle {
241
    font-family: Verdana,Arial,Helvetica,sans-serif;
242
    font-size: 12px;
243
    font-weight: bold;
244
    color: #666666;
245
    margin-left: 3em;
246
    margin-top: 0.5em;
247
    margin-bottom: 2em;
248
    font-weight: normal;
249
}
250
251
a.toollink {
252
    color: #225522;
253
		text-align: left;
254
    font-size: 14px;
255
    text-decoration: none;
256
}
257
258
a.toollink:hover {
259
    color: #ff9933;
260
    text-decoration: underline;
261
}
262
263
a.sitelink {
264
    color: #339933;
265
    text-decoration: none;
266
    font-size: 12px;
267
    font-weight: bold;
268
}
269
270
a.sitelink:hover {
271
    color: #ff9933;
272
    text-decoration: underline;
273
}
274
275
h3 {
276
	  font-size: 18px;
277
	  font-family: Georgia, Times New Roman, Times, serif;
278 2433 sgarg
	  text-align: left;
279 1929 brooke
}
280
281
b {
282
	  font-size: 12px;
283
	  font-weight: bold;
284
	  text-align: left;
285
}
286
287 2439 sgarg
.tabledefault {
288 1929 brooke
    background: white;
289
    color: #555555;
290 2433 sgarg
		width: 790px;
291 1929 brooke
		width: 100%;
292
    font-size: 12px;
293
		line-height: 1.2;
294 2439 sgarg
    /*padding-left: 5px;
295
    padding-right: 5px;*/
296
}
297 1929 brooke
298 3440 bowdish
.div {
299
    background: white;
300
    color: #555555
301
		width: 100%
302
     }
303
304 1929 brooke
.tablepanel {
305
    background: #eeeeee;
306
    color: #555555;
307
    font-size: 12px;
308
    padding-left: 5px;
309
    padding-right: 5px;
310
}
311
312
.tablehead {
313 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg.gif);
314 1929 brooke
    color: #0040A1;
315 2439 sgarg
    text-align: left;
316 1929 brooke
    font-size: 14px;
317 2439 sgarg
    font-weight: bold;
318
    border-top: solid #ffffff 2px;
319 2433 sgarg
    border-bottom: solid #ffffff 2px;
320 3440 bowdish
    padding-left: 10px;
321 2433 sgarg
    padding-top: 0px;
322
    padding-bottom: 0px;
323 1929 brooke
}
324 2433 sgarg
325 2439 sgarg
th.tablehead {
326 2433 sgarg
327 2439 sgarg
    text-align: center;
328
    border: 0px;
329
    margin: 0px;
330
    padding: 0px;
331
    height:  21px;
332
}
333
334
.tablehead_lcorner {
335 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg_lcorner.gif);
336 2439 sgarg
    background-position: right top;
337
    background-repeat: no-repeat;
338
    padding: 0px;
339
    margin:  0px;
340
    width:   10px;
341
    height:  21px;
342
}
343
344
.tablehead_rcorner {
345 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg_rcorner.gif);
346 2439 sgarg
    background-position: left top;
347
    background-repeat: no-repeat;
348
    padding: 0px;
349
    margin:  0px;
350
    width:   10px;
351
    height:  21px;
352
}
353
354
355 1929 brooke
.tableheadcontrast {
356
    background: #dddddd;
357
    vertical-align: baseline;
358
    color: #666666;
359
    font-size: 16px;
360
    font-weight: bold;
361
}
362
363
.instright {
364
    color: #333333;
365
    text-align: right;
366
    vertical-align: middle;
367
    padding: 1em;
368
    font-size: 1em;
369
    font-weight: bold;
370
}
371
372
.instleft {
373
    color: #333333;
374
    text-align: left;
375
    vertical-align: middle;
376
    padding: 1em;
377
    font-size: 1em;
378
    font-weight: bold;
379
}
380
381
p {
382 2433 sgarg
    margin: 0px;
383 1929 brooke
}
384
385
.required {
386
    color: red;
387
}
388
389
.emphasis {
390
    color: red;
391
}
392
393
p.label {
394
    color: #333333;
395
    font-weight: bold;
396
}
397
398
p.contact {
399
    color: #333333;
400
    padding: 1em;
401
    font-size: 0.75em;
402
    font-weight: normal;
403
    font-style: italic;
404
}
405
406
p.header {
407
    color: #333333;
408
    padding: 5px;
409
    font-size: 12px;
410
    font-weight: bold;
411
}
412
413
p.emphasis {
414
  font-size: 18px;
415
  color: #dd7744;
416
  font-weight: bold;
417
  font-style:  normal;
418
}
419
420
.roweven {
421
    background: white;
422
}
423
424
.rowodd {
425
    background: white;
426
}
427
428
.plaintext {
429
    color: #555555;
430
    font-weight: normal;
431
    font-size: 12px;
432
}
433
434
.boldtext {
435
    color: #333333;
436
    font-weight: bold;
437
    font-size: 12px;
438
}
439
440 3580 walbridge
.searchresultslead {
441
    background-color: #fff;
442
}
443
444 1929 brooke
.searchresultsdivider {
445 3580 walbridge
    background-color: #fff;
446
    border-bottom: 1px solid #ccc;
447
    margin-bottom: 10px;
448 1929 brooke
}
449
450
.maintable {
451
    background: #ffffff;
452
}
453
454
.subpanel {
455
  background:   #ffffff;
456
  border-left:   solid #cccccc 1px;
457
  border-right:  solid #cccccc 1px;
458
  border-bottom: solid #cccccc 1px;
459
}
460
461
.text_plain {
462 3580 walbridge
	  padding: 5px 5px 0px 5px;
463 1929 brooke
    color: #666666;
464
    font-weight: normal;
465
    font-size: 12px;
466
}
467
468
.text_plain_smaller {
469 3580 walbridge
	  padding: 5px 5px 0px 5px;
470 1929 brooke
    font-weight: normal;
471
    font-size: 12px;
472
}
473
474
.text_example {
475
	  padding: 5px;
476
    color: #999999;
477
    font-weight: normal;
478
    font-size: 12px;
479
}
480
481
td {
482
		line-height: 1.5;
483
}
484
485
/******************************************************************************/
486
/******************************************************************************/
487
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
488
/******************************************************************************/
489
/******************************************************************************/
490 2433 sgarg
491
492 1929 brooke
.highlight  {
493
    background-color: #dddddd;
494
    font-size: 12px;
495 2433 sgarg
    border: solid #ffffff 1px;
496 3440 bowdish
    text-align: right;
497 3555 bowdish
    vertical-align: text-top;
498 3440 bowdish
    padding-right: 4px;
499
500 1929 brooke
}
501 3555 bowdish
.highlightAttrib {
502
	background-color: #ffffff;
503
	font-size: 12px;
504
	text-align: center;
505
	border-bottom: 2px solid #cccccc;
506
	padding: 1px;
507
508
}
509 1929 brooke
.secondCol {
510
    background-color: #ffffff;
511
    font-size: 12px;
512 3555 bowdish
    padding-left: 2px;
513 1929 brooke
}
514 3555 bowdish
515 1929 brooke
.bordered {
516
    font-size: 12px;
517 3440 bowdish
    vertical-align: text-top;
518 3555 bowdish
    padding: 3px;
519
    width: 350px;
520
    border-bottom: 1px solid #dddddd;
521 1929 brooke
}
522
523
.coleven {
524
    font-size: 12px;
525 3555 bowdish
    border-bottom: 1px solid #dddddd;
526
527 1929 brooke
}
528
529
.colodd {
530
    font-size: 12px;
531 3555 bowdish
    border-bottom: 1px solid #dddddd;
532 1929 brooke
}
533
.innercolodd {
534
    font-size: 10px;
535
    padding-left: 3px;
536
}
537
538
.innercoleven {
539
  font-size: 10px;
540
  padding-left: 3px;
541
}
542
543 3555 bowdish
.emptycolumn {
544
	width: 1px;
545
	border-bottom: 0px none;
546
}