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: walbridge $'
12
  *      '$Date: 2007-09-10 10:41:56 -0700 (Mon, 10 Sep 2007) $'
13
  *  '$Revision: 3409 $'
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:   100px; 
40
    width:    100%;
41
    border:   0px;
42
    margin:   0px;
43
}
44

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

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

    
59
.iframemapclass {
60
    height:   570px; 
61
    width:    100%;
62
    border:   0px;
63
    margin:   0px;
64
}
65

    
66
.iframeloginboxclass {
67
    height:   250px; 
68
    width:    100%;
69
    border:   0px;
70
    margin:   0px;
71
}
72

    
73
.iframeleftcolclass  { /* not used */ }
74
.iframerightcolclass { /* not used */ }
75
.iframefooterclass   { /* not used */ }
76

    
77
/**
78
 *  set the size and alignment etc of the top-level layout table
79
 */  
80
.templatetableclass {
81
    width:   100%; 
82
    border:   0px;
83
    padding:  0px;
84
    margin:   0px;
85
}
86

    
87
/**
88
 *  set the style of the main content area and its contents
89
 */ 
90
.templatecontentareaclass {
91
    border:   0px;
92
    padding:  0px;
93
    margin:   0px;
94
}
95

    
96
/**
97
 *  set the correct <td> sizes to accomodate the 
98
 *  header, footer, left and right iframes.
99
 *  NOTE: these styles apply only to each 
100
 *  container frame, *NOT* to the document in
101
 *  the iframe within it!
102
 */  
103
.templateheaderrowclass {
104
    height:   80px; 
105
    /*
106
      no width allowed - uses same width as table class
107
    */
108
    border:   0px;
109
    padding:  0px;
110
    margin:   0px;
111
}
112

    
113
.templateleftcolclass {
114
    height:   100%; 
115
    width:    0px;
116
    border:   0px;
117
    padding:  0px;
118
    margin:   0px;
119
}
120

    
121
.templaterightcolclass {
122
    height:   100%; 
123
    width:    0px;
124
    border:   0px;
125
    padding:  0px;
126
    margin:   0px;
127
}
128

    
129
.templatefooterrowclass {
130
    height:   0px; 
131
    /*
132
      no width allowed - uses same width as
133
      table class
134
    */
135
    border:   0px;
136
    padding:  0px;
137
    margin:   0px;
138
}
139

    
140
.sectioncorner {
141
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
142
}
143

    
144
.sectionheader {
145
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
146
    text-align: center;
147
    color: #0247A8; 
148
/*    font-size: 1em; 
149
    font-weight: bold; */
150
        font-size: 14px; 
151
    font-weight: bold;
152

    
153
}
154
                    
155
.searchcat {
156
    padding-left: 5px;
157
    color: #0247A8;
158
    font-weight: bold;
159
    font-size: 11px; 
160
}
161
                    
162
td.searchsubcat {
163
    padding-left: 15px; 
164
}
165

    
166
a.searchsubcat {
167
    color: #669933; 
168
    font-weight: normal;
169
    font-size: 11px; 
170
}
171
                                        
172
a.searchsubcat:hover {
173
    color: #ff9933;
174
    text-decoration: underline; 
175
}
176
                                                
177

    
178
/**
179
 *  then add any other styles used
180
 *  by your page......
181
 */
182

    
183
body { 
184
  	padding-top: 3px;
185
    color: #333333; 
186
    background-color: #eeeeee;
187
    background-image: url(@style-skins-path@/default/images/bgpattern.gif);
188
    font-weight: normal;
189
    font-size: 12px; 
190
    font-family: Verdana,Arial,Helvetica,sans-serif; 
191
}
192
    
193
a {
194
    color: #669933;
195
    font-weight: bold;
196
    font-size: 12px; 
197
    text-decoration: none; 
198
		text-align: left;
199
}
200
		
201
a:hover {
202
    color: #ff9933;
203
    text-decoration: underline; 
204
}
205

    
206
.pagetitle {
207
    font-family: Georgia, Times New Roman, Times, serif;
208
    background: #0247A8;
209
    margin-left: 0.25em; 
210
}
211
    
212
.pagesub {
213
    font-family: Verdana,Arial,Helvetica,sans-serif;
214
    font-size: 1em;
215
    font-weight: bold;
216
    color: #339933;
217
    margin-left: 3em;
218
    margin-top: 0.5em;
219
    margin-bottom: 2em; 
220
}
221

    
222
.title {
223
    font-family: Georgia, Times New Roman, Times, serif;
224
    color:      #eeeeee;
225
    background: #0247A8;
226
    font-size: 24px; 
227
    font-weight: bold;
228
}
229

    
230
p.title {
231
  padding-left: 15px;
232
}
233

    
234
.subtitle {
235
    font-family: Verdana,Arial,Helvetica,sans-serif;
236
    font-size: 12px;
237
    font-weight: bold;
238
    color: #666666; 
239
    margin-left: 3em;
240
    margin-top: 0.5em;
241
    margin-bottom: 2em;
242
    font-weight: normal; 
243
}
244
    
245
a.toollink {
246
    color: #225522;
247
		text-align: left;
248
    font-size: 14px; 
249
    text-decoration: none; 
250
}
251
    
252
a.toollink:hover {
253
    color: #ff9933;
254
    text-decoration: underline; 
255
}
256
    
257
a.sitelink {
258
    color: #339933;
259
    text-decoration: none; 
260
    font-size: 12px; 
261
    font-weight: bold; 
262
}
263

    
264
a.sitelink:hover {
265
    color: #ff9933;
266
    text-decoration: underline; 
267
}
268

    
269
h3 {
270
	  font-size: 18px;
271
	  font-family: Georgia, Times New Roman, Times, serif;
272
	  text-align: left;
273
}
274

    
275
b {
276
	  font-size: 12px;
277
	  font-weight: bold;
278
	  text-align: left;
279
}
280
	
281
.tabledefault {
282
    background: white;
283
    color: #555555;
284
		width: 790px; 
285
		width: 100%; 
286
    font-size: 12px; 
287
		line-height: 1.2;
288
    /*padding-left: 5px;
289
    padding-right: 5px;*/ 
290
}
291

    
292
.tablepanel {
293
    background: #eeeeee;
294
    color: #555555;
295
    font-size: 12px; 
296
    padding-left: 5px;
297
    padding-right: 5px; 
298
}
299

    
300
.tablehead {
301
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
302
    color: #0040A1; 
303
    text-align: left;
304
    font-size: 14px; 
305
    font-weight: bold;
306
    border-top: solid #ffffff 2px;
307
    border-bottom: solid #ffffff 2px;
308
    padding-left: 15%;
309
    padding-top: 0px;
310
    padding-bottom: 0px;
311
}
312

    
313
th.tablehead {
314

    
315
    text-align: center;
316
    border: 0px;
317
    margin: 0px;
318
    padding: 0px;
319
    height:  21px;
320
}
321

    
322
.tablehead_lcorner {
323
    background-image: url(@style-skins-path@/default/images/panelhead_bg_lcorner.gif);
324
    background-position: right top;
325
    background-repeat: no-repeat;
326
    padding: 0px;
327
    margin:  0px;
328
    width:   10px;
329
    height:  21px;
330
}    
331
    
332
.tablehead_rcorner {
333
    background-image: url(@style-skins-path@/default/images/panelhead_bg_rcorner.gif);
334
    background-position: left top;
335
    background-repeat: no-repeat;
336
    padding: 0px;
337
    margin:  0px;
338
    width:   10px;
339
    height:  21px;
340
} 
341
   
342

    
343
.tableheadcontrast {
344
    background: #dddddd;
345
    vertical-align: baseline;
346
    color: #666666;
347
    font-size: 16px; 
348
    font-weight: bold; 
349
}
350

    
351
.instright { 
352
    color: #333333; 
353
    text-align: right;
354
    vertical-align: middle;
355
    padding: 1em;
356
    font-size: 1em; 
357
    font-weight: bold; 
358
}
359

    
360
.instleft { 
361
    color: #333333; 
362
    text-align: left;
363
    vertical-align: middle;
364
    padding: 1em;
365
    font-size: 1em; 
366
    font-weight: bold; 
367
}
368

    
369
p { 
370
    margin: 0px; 
371
}
372

    
373
.required { 
374
    color: red; 
375
}
376

    
377
.emphasis { 
378
    color: red;
379
}
380

    
381
p.label { 
382
    color: #333333; 
383
    font-weight: bold; 
384
}
385

    
386
p.contact { 
387
    color: #333333; 
388
    padding: 1em;
389
    font-size: 0.75em; 
390
    font-weight: normal;
391
    font-style: italic; 
392
}
393

    
394
p.header {
395
    color: #333333; 
396
    padding: 5px;
397
    font-size: 12px; 
398
    font-weight: bold; 
399
}
400

    
401
p.emphasis {
402
  font-size: 18px;
403
  color: #dd7744; 
404
  font-weight: bold;
405
  font-style:  normal;
406
}
407

    
408
.roweven {
409
    background: white; 
410
}
411

    
412
.rowodd {
413
    background: white; 
414
}
415

    
416
.plaintext {
417
    color: #555555;
418
    font-weight: normal;
419
    font-size: 12px;
420
}
421

    
422
.boldtext {
423
    color: #333333;
424
    font-weight: bold;
425
    font-size: 12px;
426
}
427

    
428
.searchresultsdivider {
429
    background-color: #dddddd;   
430
}
431

    
432
.maintable {
433
    background: #ffffff;
434
}
435

    
436
.subpanel {
437
  background:   #ffffff;
438
  border-left:   solid #cccccc 1px;
439
  border-right:  solid #cccccc 1px;
440
  border-bottom: solid #cccccc 1px;
441
}
442

    
443
.text_plain { 
444
	  padding: 5px;
445
    color: #666666;
446
    font-weight: normal;
447
    font-size: 12px; 
448
}
449

    
450
.text_plain_smaller { 
451
	  padding: 5px;
452
    font-weight: normal;
453
    font-size: 12px; 
454
}
455

    
456
.text_example { 
457
	  padding: 5px;
458
    color: #999999;
459
    font-weight: normal;
460
    font-size: 12px; 
461
}
462

    
463
td {
464
		line-height: 1.5;
465
}		
466

    
467
/******************************************************************************/  
468
/******************************************************************************/  
469
/**  USED BY EML STYLESHEETS ONLY - NO OTHERS                                **/
470
/******************************************************************************/  
471
/******************************************************************************/  
472

    
473

    
474
.highlight  {
475
    background-color: #dddddd; 
476
    font-size: 12px;
477
    border: solid #ffffff 1px;
478
}
479

    
480
.secondCol {
481
    background-color: #ffffff; 
482
    font-size: 12px; 
483
}
484
.bordered {
485
    background-color: #dddddd; 
486
    font-size: 12px; 
487
}
488

    
489
.coleven {
490
    background-color: #eeeeee; 
491
    font-size: 12px;
492
    padding-left: 3px;
493
    padding-right: 3px;
494
}
495

    
496
.colodd {
497
    background-color: #ffffff; 
498
    font-size: 12px;
499
    padding-left: 3px;
500
    padding-right: 3px;
501
}
502

    
503
.innercolodd {
504
    font-size: 10px;
505
    padding-left: 3px;
506
}
507

    
508
.innercoleven {
509
  font-size: 10px; 
510
  padding-left: 3px;
511
}    
512

    
(3-3/14)