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
/**
186
 *  then add any other styles used
187
 *  by your page......
188
 */
189
190
body {
191
  	padding-top: 3px;
192
    color: #333333;
193
    background-color: #eeeeee;
194 3440 bowdish
    background-image: url(/knb/style/skins/default/images/bgpattern.gif);
195 1929 brooke
    font-weight: normal;
196
    font-size: 12px;
197
    font-family: Verdana,Arial,Helvetica,sans-serif;
198
}
199
200
a {
201
    color: #669933;
202
    font-weight: bold;
203
    font-size: 12px;
204
    text-decoration: none;
205
		text-align: left;
206
}
207
208
a:hover {
209
    color: #ff9933;
210
    text-decoration: underline;
211
}
212
213
.pagetitle {
214
    font-family: Georgia, Times New Roman, Times, serif;
215
    background: #0247A8;
216
    margin-left: 0.25em;
217
}
218
219
.pagesub {
220
    font-family: Verdana,Arial,Helvetica,sans-serif;
221
    font-size: 1em;
222
    font-weight: bold;
223
    color: #339933;
224
    margin-left: 3em;
225
    margin-top: 0.5em;
226
    margin-bottom: 2em;
227
}
228
229
.title {
230
    font-family: Georgia, Times New Roman, Times, serif;
231
    color:      #eeeeee;
232
    background: #0247A8;
233
    font-size: 24px;
234
    font-weight: bold;
235
}
236
237
p.title {
238
  padding-left: 15px;
239
}
240
241
.subtitle {
242
    font-family: Verdana,Arial,Helvetica,sans-serif;
243
    font-size: 12px;
244
    font-weight: bold;
245
    color: #666666;
246
    margin-left: 3em;
247
    margin-top: 0.5em;
248
    margin-bottom: 2em;
249
    font-weight: normal;
250
}
251
252
a.toollink {
253
    color: #225522;
254
		text-align: left;
255
    font-size: 14px;
256
    text-decoration: none;
257
}
258
259
a.toollink:hover {
260
    color: #ff9933;
261
    text-decoration: underline;
262
}
263
264
a.sitelink {
265
    color: #339933;
266
    text-decoration: none;
267
    font-size: 12px;
268
    font-weight: bold;
269
}
270
271
a.sitelink:hover {
272
    color: #ff9933;
273
    text-decoration: underline;
274
}
275
276
h3 {
277
	  font-size: 18px;
278
	  font-family: Georgia, Times New Roman, Times, serif;
279 2433 sgarg
	  text-align: left;
280 1929 brooke
}
281
282
b {
283
	  font-size: 12px;
284
	  font-weight: bold;
285
	  text-align: left;
286
}
287
288 2439 sgarg
.tabledefault {
289 1929 brooke
    background: white;
290
    color: #555555;
291 2433 sgarg
		width: 790px;
292 1929 brooke
		width: 100%;
293
    font-size: 12px;
294
		line-height: 1.2;
295 2439 sgarg
    /*padding-left: 5px;
296
    padding-right: 5px;*/
297
}
298 1929 brooke
299 3440 bowdish
.div {
300
    background: white;
301
    color: #555555
302
		width: 100%
303
     }
304
305 1929 brooke
.tablepanel {
306
    background: #eeeeee;
307
    color: #555555;
308
    font-size: 12px;
309
    padding-left: 5px;
310
    padding-right: 5px;
311
}
312
313
.tablehead {
314 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg.gif);
315 1929 brooke
    color: #0040A1;
316 2439 sgarg
    text-align: left;
317 1929 brooke
    font-size: 14px;
318 2439 sgarg
    font-weight: bold;
319
    border-top: solid #ffffff 2px;
320 2433 sgarg
    border-bottom: solid #ffffff 2px;
321 3440 bowdish
    padding-left: 10px;
322 2433 sgarg
    padding-top: 0px;
323
    padding-bottom: 0px;
324 1929 brooke
}
325 2433 sgarg
326 2439 sgarg
th.tablehead {
327 2433 sgarg
328 2439 sgarg
    text-align: center;
329
    border: 0px;
330
    margin: 0px;
331
    padding: 0px;
332
    height:  21px;
333
}
334
335
.tablehead_lcorner {
336 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg_lcorner.gif);
337 2439 sgarg
    background-position: right top;
338
    background-repeat: no-repeat;
339
    padding: 0px;
340
    margin:  0px;
341
    width:   10px;
342
    height:  21px;
343
}
344
345
.tablehead_rcorner {
346 3440 bowdish
    background-image: url(/knb/style/skins/default/images/panelhead_bg_rcorner.gif);
347 2439 sgarg
    background-position: left top;
348
    background-repeat: no-repeat;
349
    padding: 0px;
350
    margin:  0px;
351
    width:   10px;
352
    height:  21px;
353
}
354
355
356 1929 brooke
.tableheadcontrast {
357
    background: #dddddd;
358
    vertical-align: baseline;
359
    color: #666666;
360
    font-size: 16px;
361
    font-weight: bold;
362
}
363
364
.instright {
365
    color: #333333;
366
    text-align: right;
367
    vertical-align: middle;
368
    padding: 1em;
369
    font-size: 1em;
370
    font-weight: bold;
371
}
372
373
.instleft {
374
    color: #333333;
375
    text-align: left;
376
    vertical-align: middle;
377
    padding: 1em;
378
    font-size: 1em;
379
    font-weight: bold;
380
}
381
382
p {
383 2433 sgarg
    margin: 0px;
384 1929 brooke
}
385
386
.required {
387
    color: red;
388
}
389
390
.emphasis {
391
    color: red;
392
}
393
394
p.label {
395
    color: #333333;
396
    font-weight: bold;
397
}
398
399
p.contact {
400
    color: #333333;
401
    padding: 1em;
402
    font-size: 0.75em;
403
    font-weight: normal;
404
    font-style: italic;
405
}
406
407
p.header {
408
    color: #333333;
409
    padding: 5px;
410
    font-size: 12px;
411
    font-weight: bold;
412
}
413
414
p.emphasis {
415
  font-size: 18px;
416
  color: #dd7744;
417
  font-weight: bold;
418
  font-style:  normal;
419
}
420
421
.roweven {
422
    background: white;
423
}
424
425
.rowodd {
426
    background: white;
427
}
428
429
.plaintext {
430
    color: #555555;
431
    font-weight: normal;
432
    font-size: 12px;
433
}
434
435
.boldtext {
436
    color: #333333;
437
    font-weight: bold;
438
    font-size: 12px;
439
}
440
441
.searchresultsdivider {
442
    background-color: #dddddd;
443
}
444
445
.maintable {
446
    background: #ffffff;
447
}
448
449
.subpanel {
450
  background:   #ffffff;
451
  border-left:   solid #cccccc 1px;
452
  border-right:  solid #cccccc 1px;
453
  border-bottom: solid #cccccc 1px;
454
}
455
456
.text_plain {
457
	  padding: 5px;
458
    color: #666666;
459
    font-weight: normal;
460
    font-size: 12px;
461
}
462
463
.text_plain_smaller {
464
	  padding: 5px;
465
    font-weight: normal;
466
    font-size: 12px;
467
}
468
469
.text_example {
470
	  padding: 5px;
471
    color: #999999;
472
    font-weight: normal;
473
    font-size: 12px;
474
}
475
476
td {
477
		line-height: 1.5;
478
}
479
480
/******************************************************************************/
481
/******************************************************************************/
482
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
483
/******************************************************************************/
484
/******************************************************************************/
485 2433 sgarg
486
487 1929 brooke
.highlight  {
488
    background-color: #dddddd;
489
    font-size: 12px;
490 2433 sgarg
    border: solid #ffffff 1px;
491 3440 bowdish
    text-align: right;
492 3555 bowdish
    vertical-align: text-top;
493 3440 bowdish
    padding-right: 4px;
494
495 1929 brooke
}
496 3555 bowdish
.highlightAttrib {
497
	background-color: #ffffff;
498
	font-size: 12px;
499
	text-align: center;
500
	border-bottom: 2px solid #cccccc;
501
	padding: 1px;
502
503
}
504 1929 brooke
.secondCol {
505
    background-color: #ffffff;
506
    font-size: 12px;
507 3555 bowdish
    padding-left: 2px;
508 1929 brooke
}
509 3555 bowdish
510 1929 brooke
.bordered {
511
    font-size: 12px;
512 3440 bowdish
    vertical-align: text-top;
513 3555 bowdish
    padding: 3px;
514
    width: 350px;
515
    border-bottom: 1px solid #dddddd;
516 1929 brooke
}
517
518
.coleven {
519
    font-size: 12px;
520 3555 bowdish
    border-bottom: 1px solid #dddddd;
521
522 1929 brooke
}
523
524
.colodd {
525
    font-size: 12px;
526 3555 bowdish
    border-bottom: 1px solid #dddddd;
527 1929 brooke
}
528
.innercolodd {
529
    font-size: 10px;
530
    padding-left: 3px;
531
}
532
533
.innercoleven {
534
  font-size: 10px;
535
  padding-left: 3px;
536
}
537
538 3555 bowdish
.emptycolumn {
539
	width: 1px;
540
	border-bottom: 0px none;
541
}