Project

General

Profile

1
 
2
*
3
  *   '$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: leinfelder $'
13
  *      '$Date: 2010-06-11 17:00:05 -0700 (Fri, 11 Jun 2010) $'
14
  *  '$Revision: 5385 $'
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
 
39
.citation   {
40
    color: black;
41
    background-color: #FFFFFF;
42
    font-size: 1.2em
43
    padding-left: 10px;
44
}    
45

    
46
.iframeheaderclass {
47
    height:   100px; 
48
    width:    100%;
49
    border:   0px;
50
    margih:   0px;
51
}
52

    
53
.iframesearchboxclass {
54
    height:   340px; 
55
    width:    100%;
56
    border:   0px;
57
    margin:   0px;
58
}
59

    
60
.iframeadvancedsearchboxclass {
61
    height:   1250px; 
62
    width:    100%;
63
    border:   0px;
64
    margin:   0px;
65
}
66

    
67
.iframemapclass {
68
    height:   570px; 
69
    width:    100%;
70
    border:   0px;
71
    margin:   0px;
72
}
73

    
74
.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
    background-image: url(images/panelhead_bg.gif);
149
}
150

    
151
.sectionheader {
152
    background-image: url(images/panelhead_bg.gif);
153
    text-align: center;
154
    color: #0247A8; 
155
    /*    font-size: 1em; 
156
     *        font-weight: bold; */
157
    font-size: 14px; 
158
    font-weight: bold;
159
     }
160

    
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
 *  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
    background-image: url(images/bgpattern.gif);
194
    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
	  text-align: left;
279
}
280

    
281
b {
282
	  font-size: 12px;
283
	  font-weight: bold;
284
	  text-align: left;
285
}
286
	
287
.tabledefault {
288
    background: white;
289
    color: #555555;
290
		width: 790px; 
291
		width: 100%; 
292
    font-size: 12px; 
293
		line-height: 1.2;
294
    /*padding-left: 5px;
295
    padding-right: 5px;*/ 
296
}
297

    
298
.div {
299
    background: white;
300
    color: #555555
301
		width: 100%
302
     }	    	
303

    
304
.tablepanel {
305
    background: #eeeeee;
306
    color: #555555;
307
    font-size: 12px; 
308
    padding-left: 5px;
309
    padding-right: 5px; 
310
}
311

    
312
.tablehead {
313
    background-image: url(images/panelhead_bg.gif);
314
    color: #0040A1; 
315
    text-align: left;
316
    font-size: 14px; 
317
    font-weight: bold;
318
    border-top: solid #ffffff 2px;
319
    border-bottom: solid #ffffff 2px;
320
    padding-left: 10px;
321
    padding-top: 0px;
322
    padding-bottom: 0px;
323
}
324

    
325
th.tablehead {
326

    
327
    text-align: center;
328
    border: 0px;
329
    margin: 0px;
330
    padding: 0px;
331
    height:  21px;
332
}
333

    
334
.tablehead_lcorner {
335
    background-image: url(images/panelhead_bg_lcorner.gif);
336
    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
    background-image: url(images/panelhead_bg_rcorner.gif);
346
    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
.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
    margin: 0px; 
383
}
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
.searchresultslead {
441
    background-color: #fff;
442
}
443

    
444
.searchresultsdivider {
445
    background-color: #fff;
446
    border-bottom: 1px solid #ccc;
447
    margin-bottom: 10px;
448
}
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
	  padding: 5px 5px 0px 5px;
463
    color: #666666;
464
    font-weight: normal;
465
    font-size: 12px; 
466
}
467

    
468
.text_plain_smaller { 
469
	  padding: 5px 5px 0px 5px;
470
    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

    
491

    
492
.highlight  {
493
    background-color: #dddddd; 
494
    font-size: 12px;
495
    border: solid #ffffff 1px;
496
    text-align: right;
497
    vertical-align: text-top;
498
    padding-right: 4px;
499

    
500
}
501
.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
.secondCol {
510
    background-color: #ffffff; 
511
    font-size: 12px; 
512
    padding-left: 2px;
513
}
514

    
515
.bordered {
516
    font-size: 12px; 
517
    vertical-align: text-top;
518
    padding: 3px;
519
    width: 350px;
520
    border-bottom: 1px solid #dddddd;
521
}
522

    
523
.coleven {
524
    font-size: 12px;
525
    border-bottom: 1px solid #dddddd;
526
    
527
}
528

    
529
.colodd {
530
    font-size: 12px;
531
    border-bottom: 1px solid #dddddd;
532
}
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
.emptycolumn {
544
	width: 1px;
545
	border-bottom: 0px none;
546
}
(10-10/16)