Project

General

Profile

1
 /*
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: costa $'
12
  *      '$Date: 2005-04-15 13:59:52 -0700 (Fri, 15 Apr 2005) $'
13
  *  '$Revision: 2495 $'
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

    
38
.iframeheaderclass {
39
    height:   80px; 
40
    width:    100%;
41
    border:   0px;
42
    margin:   0px;
43
}
44

    
45
.iframesearchboxclass {
46
    height:   510px; 
47
    width:    100%;
48
    border:   0px;
49
    margin:   0px;
50
}
51

    
52
.iframeloginboxclass {
53
    height:   250px; 
54
    width:    100%;
55
    border:   0px;
56
    margin:   0px;
57
}
58

    
59
.iframeleftcolclass  { /* not used */ }
60
.iframerightcolclass { /* not used */ }
61
.iframefooterclass   { /* not used */ }
62

    
63
/**
64
 *  set the size and alignment etc of the top-level layout table
65
 */  
66
.templatetableclass {
67
    width:   100%; 
68
    border:   0px;
69
    padding:  0px;
70
    margin:   0px;
71
}
72

    
73
/**
74
 *  set the style of the main content area and its contents
75
 */ 
76
.templatecontentareaclass {
77
    border:   0px;
78
    padding:  0px;
79
    margin:   0px;
80
}
81

    
82
/**
83
 *  set the correct <td> sizes to accomodate the 
84
 *  header, footer, left and right iframes.
85
 *  NOTE: these styles apply only to each 
86
 *  container frame, *NOT* to the document in
87
 *  the iframe within it!
88
 */  
89
.templateheaderrowclass {
90
    height:   80px; 
91
    /*
92
      no width allowed - uses same width as table class
93
    */
94
    border:   0px;
95
    padding:  0px;
96
    margin:   0px;
97
}
98

    
99
.templateleftcolclass {
100
    height:   100%; 
101
    width:    0px;
102
    border:   0px;
103
    padding:  0px;
104
    margin:   0px;
105
}
106

    
107
.templaterightcolclass {
108
    height:   100%; 
109
    width:    0px;
110
    border:   0px;
111
    padding:  0px;
112
    margin:   0px;
113
}
114

    
115
.templatefooterrowclass {
116
    height:   0px; 
117
    /*
118
      no width allowed - uses same width as
119
      table class
120
    */
121
    border:   0px;
122
    padding:  0px;
123
    margin:   0px;
124
}
125

    
126
.sectioncorner {
127
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
128
}
129

    
130
.sectionheader {
131
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
132
    text-align: center;
133
    color: #0247A8; 
134
/*    font-size: 1em; 
135
    font-weight: bold; */
136
        font-size: 14px; 
137
    font-weight: bold;
138

    
139
}
140
                    
141
.searchcat {
142
    padding-left: 5px;
143
    color: #0247A8;
144
    font-weight: bold;
145
    font-size: 11px; 
146
}
147
                    
148
td.searchsubcat {
149
    padding-left: 15px; 
150
}
151

    
152
a.searchsubcat {
153
    color: #669933; 
154
    font-weight: normal;
155
    font-size: 11px; 
156
}
157
                                        
158
a.searchsubcat:hover {
159
    color: #ff9933;
160
    text-decoration: underline; 
161
}
162
                                                
163

    
164
/**
165
 *  then add any other styles used
166
 *  by your page......
167
 */
168

    
169
body { 
170
  	padding-top: 3px;
171
    color: #333333; 
172
    background-color: #eeeeee;
173
    background-image: url(@style-skins-path@/default/images/bgpattern.gif);
174
    font-weight: normal;
175
    font-size: 12px; 
176
    font-family: Verdana,Arial,Helvetica,sans-serif; 
177
}
178
    
179
a {
180
    color: #669933;
181
    font-weight: bold;
182
    font-size: 12px; 
183
    text-decoration: none; 
184
		text-align: left;
185
}
186
		
187
a:hover {
188
    color: #ff9933;
189
    text-decoration: underline; 
190
}
191

    
192
.pagetitle {
193
    font-family: Georgia, Times New Roman, Times, serif;
194
    background: #0247A8;
195
    margin-left: 0.25em; 
196
}
197
    
198
.pagesub {
199
    font-family: Verdana,Arial,Helvetica,sans-serif;
200
    font-size: 1em;
201
    font-weight: bold;
202
    color: #339933;
203
    margin-left: 3em;
204
    margin-top: 0.5em;
205
    margin-bottom: 2em; 
206
}
207

    
208
.title {
209
    font-family: Georgia, Times New Roman, Times, serif;
210
    color:      #eeeeee;
211
    background: #0247A8;
212
    font-size: 24px; 
213
    font-weight: bold;
214
}
215

    
216
p.title {
217
  padding-left: 15px;
218
}
219

    
220
.subtitle {
221
    font-family: Verdana,Arial,Helvetica,sans-serif;
222
    font-size: 12px;
223
    font-weight: bold;
224
    color: #666666; 
225
    margin-left: 3em;
226
    margin-top: 0.5em;
227
    margin-bottom: 2em;
228
    font-weight: normal; 
229
}
230
    
231
a.toollink {
232
    color: #225522;
233
		text-align: left;
234
    font-size: 14px; 
235
    text-decoration: none; 
236
}
237
    
238
a.toollink:hover {
239
    color: #ff9933;
240
    text-decoration: underline; 
241
}
242
    
243
a.sitelink {
244
    color: #339933;
245
    text-decoration: none; 
246
    font-size: 12px; 
247
    font-weight: bold; 
248
}
249

    
250
a.sitelink:hover {
251
    color: #ff9933;
252
    text-decoration: underline; 
253
}
254

    
255
h3 {
256
	  font-size: 18px;
257
	  font-family: Georgia, Times New Roman, Times, serif;
258
	  text-align: left;
259
}
260

    
261
b {
262
	  font-size: 12px;
263
	  font-weight: bold;
264
	  text-align: left;
265
}
266
	
267
.tabledefault {
268
    background: white;
269
    color: #555555;
270
		width: 790px; 
271
		width: 100%; 
272
    font-size: 12px; 
273
		line-height: 1.2;
274
    /*padding-left: 5px;
275
    padding-right: 5px;*/ 
276
}
277

    
278
.tablepanel {
279
    background: #eeeeee;
280
    color: #555555;
281
    font-size: 12px; 
282
    padding-left: 5px;
283
    padding-right: 5px; 
284
}
285

    
286
.tablehead {
287
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
288
    color: #0040A1; 
289
    text-align: left;
290
    font-size: 14px; 
291
    font-weight: bold;
292
    border-top: solid #ffffff 2px;
293
    border-bottom: solid #ffffff 2px;
294
    padding-left: 15%;
295
    padding-top: 0px;
296
    padding-bottom: 0px;
297
}
298

    
299
th.tablehead {
300

    
301
    text-align: center;
302
    border: 0px;
303
    margin: 0px;
304
    padding: 0px;
305
    height:  21px;
306
}
307

    
308
.tablehead_lcorner {
309
    background-image: url(@style-skins-path@/default/images/panelhead_bg_lcorner.gif);
310
    background-position: right top;
311
    background-repeat: no-repeat;
312
    padding: 0px;
313
    margin:  0px;
314
    width:   10px;
315
    height:  21px;
316
}    
317
    
318
.tablehead_rcorner {
319
    background-image: url(@style-skins-path@/default/images/panelhead_bg_rcorner.gif);
320
    background-position: left top;
321
    background-repeat: no-repeat;
322
    padding: 0px;
323
    margin:  0px;
324
    width:   10px;
325
    height:  21px;
326
} 
327
   
328

    
329
.tableheadcontrast {
330
    background: #dddddd;
331
    vertical-align: baseline;
332
    color: #666666;
333
    font-size: 16px; 
334
    font-weight: bold; 
335
}
336

    
337
.instright { 
338
    color: #333333; 
339
    text-align: right;
340
    vertical-align: middle;
341
    padding: 1em;
342
    font-size: 1em; 
343
    font-weight: bold; 
344
}
345

    
346
.instleft { 
347
    color: #333333; 
348
    text-align: left;
349
    vertical-align: middle;
350
    padding: 1em;
351
    font-size: 1em; 
352
    font-weight: bold; 
353
}
354

    
355
p { 
356
    margin: 0px; 
357
}
358

    
359
.required { 
360
    color: red; 
361
}
362

    
363
.emphasis { 
364
    color: red;
365
}
366

    
367
p.label { 
368
    color: #333333; 
369
    font-weight: bold; 
370
}
371

    
372
p.contact { 
373
    color: #333333; 
374
    padding: 1em;
375
    font-size: 0.75em; 
376
    font-weight: normal;
377
    font-style: italic; 
378
}
379

    
380
p.header {
381
    color: #333333; 
382
    padding: 5px;
383
    font-size: 12px; 
384
    font-weight: bold; 
385
}
386

    
387
p.emphasis {
388
  font-size: 18px;
389
  color: #dd7744; 
390
  font-weight: bold;
391
  font-style:  normal;
392
}
393

    
394
.roweven {
395
    background: white; 
396
}
397

    
398
.rowodd {
399
    background: white; 
400
}
401

    
402
.plaintext {
403
    color: #555555;
404
    font-weight: normal;
405
    font-size: 12px;
406
}
407

    
408
.boldtext {
409
    color: #333333;
410
    font-weight: bold;
411
    font-size: 12px;
412
}
413

    
414
.searchresultsdivider {
415
    background-color: #dddddd;   
416
}
417

    
418
.maintable {
419
    background: #ffffff;
420
}
421

    
422
.subpanel {
423
  background:   #ffffff;
424
  border-left:   solid #cccccc 1px;
425
  border-right:  solid #cccccc 1px;
426
  border-bottom: solid #cccccc 1px;
427
}
428

    
429
.text_plain { 
430
	  padding: 5px;
431
    color: #666666;
432
    font-weight: normal;
433
    font-size: 12px; 
434
}
435

    
436
.text_plain_smaller { 
437
	  padding: 5px;
438
    font-weight: normal;
439
    font-size: 12px; 
440
}
441

    
442
.text_example { 
443
	  padding: 5px;
444
    color: #999999;
445
    font-weight: normal;
446
    font-size: 12px; 
447
}
448

    
449
td {
450
		line-height: 1.5;
451
}		
452

    
453
/******************************************************************************/  
454
/******************************************************************************/  
455
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
456
/******************************************************************************/  
457
/******************************************************************************/  
458

    
459

    
460
.highlight  {
461
    background-color: #dddddd; 
462
    font-size: 12px;
463
    border: solid #ffffff 1px;
464
}
465

    
466
.secondCol {
467
    background-color: #ffffff; 
468
    font-size: 12px; 
469
}
470
.bordered {
471
    background-color: #dddddd; 
472
    font-size: 12px; 
473
}
474

    
475
.coleven {
476
    background-color: #eeeeee; 
477
    font-size: 12px;
478
    padding-left: 3px;
479
    padding-right: 3px;
480
}
481

    
482
.colodd {
483
    background-color: #ffffff; 
484
    font-size: 12px;
485
    padding-left: 3px;
486
    padding-right: 3px;
487
}
488

    
489
.innercolodd {
490
    font-size: 10px;
491
    padding-left: 3px;
492
}
493

    
494
.innercoleven {
495
  font-size: 10px; 
496
  padding-left: 3px;
497
}    
498

    
(5-5/9)