Project

General

Profile

1 1929 brooke
 /*
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
 *  set the correct iframe sizes to accomodate the
33
 *  header, footer, left and right areas.
34
 *  NOTE: these styles apply only to each
35
 *  container frame, *NOT* to the document within it!
36
 */
37 3440 bowdish
38
.citation   {
39
    color: black;
40
    background-color: #FFFFFF;
41
    font-size: 1.2em
42
    padding-left: 10px;
43
}
44 1929 brooke
45
.iframeheaderclass {
46
    height:   100px;
47
    width:    100%;
48
    border:   0px;
49 3440 bowdish
    margih:   0px;
50 1929 brooke
}
51
52
.iframesearchboxclass {
53 3409 walbridge
    height:   340px;
54 1929 brooke
    width:    100%;
55
    border:   0px;
56
    margin:   0px;
57
}
58
59 2745 costa
.iframeadvancedsearchboxclass {
60
    height:   1250px;
61
    width:    100%;
62
    border:   0px;
63
    margin:   0px;
64
}
65
66 3034 perry
.iframemapclass {
67
    height:   570px;
68
    width:    100%;
69
    border:   0px;
70
    margin:   0px;
71
}
72
73 1929 brooke
.iframeloginboxclass {
74
    height:   250px;
75
    width:    100%;
76
    border:   0px;
77
    margin:   0px;
78
}
79
80
.iframeleftcolclass  { /* not used */ }
81
.iframerightcolclass { /* not used */ }
82
.iframefooterclass   { /* not used */ }
83
84
/**
85
 *  set the size and alignment etc of the top-level layout table
86
 */
87
.templatetableclass {
88
    width:   100%;
89
    border:   0px;
90
    padding:  0px;
91
    margin:   0px;
92
}
93
94
/**
95
 *  set the style of the main content area and its contents
96
 */
97
.templatecontentareaclass {
98
    border:   0px;
99
    padding:  0px;
100
    margin:   0px;
101
}
102
103
/**
104
 *  set the correct <td> sizes to accomodate the
105
 *  header, footer, left and right iframes.
106
 *  NOTE: these styles apply only to each
107
 *  container frame, *NOT* to the document in
108
 *  the iframe within it!
109
 */
110
.templateheaderrowclass {
111
    height:   80px;
112
    /*
113
      no width allowed - uses same width as table class
114
    */
115
    border:   0px;
116
    padding:  0px;
117
    margin:   0px;
118
}
119
120
.templateleftcolclass {
121
    height:   100%;
122
    width:    0px;
123
    border:   0px;
124
    padding:  0px;
125
    margin:   0px;
126
}
127
128
.templaterightcolclass {
129
    height:   100%;
130
    width:    0px;
131
    border:   0px;
132
    padding:  0px;
133
    margin:   0px;
134
}
135
136
.templatefooterrowclass {
137
    height:   0px;
138
    /*
139
      no width allowed - uses same width as
140
      table class
141
    */
142
    border:   0px;
143
    padding:  0px;
144
    margin:   0px;
145
}
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 2439 sgarg
/*    font-size: 1em;
156
    font-weight: bold; */
157
        font-size: 14px;
158
    font-weight: bold;
159
160 1929 brooke
}
161
162
.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
    width: 170px;
492
    text-align: right;
493
    padding-right: 4px;
494
    vertical-align: text-top;
495
496 1929 brooke
}
497 2433 sgarg
498 1929 brooke
.secondCol {
499
    background-color: #ffffff;
500
    font-size: 12px;
501
}
502
.bordered {
503
    background-color: #dddddd;
504
    font-size: 12px;
505 3440 bowdish
    vertical-align: text-top;
506
    padding-left: 3px;
507
    padding-right: 3px;
508
    width: 400px;
509 1929 brooke
}
510
511
.coleven {
512
    background-color: #eeeeee;
513
    font-size: 12px;
514
    padding-left: 3px;
515
    padding-right: 3px;
516
}
517
518
.colodd {
519
    background-color: #ffffff;
520
    font-size: 12px;
521
    padding-left: 3px;
522
    padding-right: 3px;
523
}
524
525
.innercolodd {
526
    font-size: 10px;
527
    padding-left: 3px;
528
}
529
530
.innercoleven {
531
  font-size: 10px;
532
  padding-left: 3px;
533
}