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
38
.iframeheaderclass {
39
    height:   100px;
40
    width:    100%;
41
    border:   0px;
42
    margin:   0px;
43
}
44
45
.iframesearchboxclass {
46 3409 walbridge
    height:   340px;
47 1929 brooke
    width:    100%;
48
    border:   0px;
49
    margin:   0px;
50
}
51
52 2745 costa
.iframeadvancedsearchboxclass {
53
    height:   1250px;
54
    width:    100%;
55
    border:   0px;
56
    margin:   0px;
57
}
58
59 3034 perry
.iframemapclass {
60
    height:   570px;
61
    width:    100%;
62
    border:   0px;
63
    margin:   0px;
64
}
65
66 1929 brooke
.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 2439 sgarg
/*    font-size: 1em;
149
    font-weight: bold; */
150
        font-size: 14px;
151
    font-weight: bold;
152
153 1929 brooke
}
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 2433 sgarg
	  text-align: left;
273 1929 brooke
}
274
275
b {
276
	  font-size: 12px;
277
	  font-weight: bold;
278
	  text-align: left;
279
}
280
281 2439 sgarg
.tabledefault {
282 1929 brooke
    background: white;
283
    color: #555555;
284 2433 sgarg
		width: 790px;
285 1929 brooke
		width: 100%;
286
    font-size: 12px;
287
		line-height: 1.2;
288 2439 sgarg
    /*padding-left: 5px;
289
    padding-right: 5px;*/
290
}
291 1929 brooke
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 2439 sgarg
    background-image: url(@style-skins-path@/default/images/panelhead_bg.gif);
302 1929 brooke
    color: #0040A1;
303 2439 sgarg
    text-align: left;
304 1929 brooke
    font-size: 14px;
305 2439 sgarg
    font-weight: bold;
306
    border-top: solid #ffffff 2px;
307 2433 sgarg
    border-bottom: solid #ffffff 2px;
308
    padding-left: 15%;
309
    padding-top: 0px;
310
    padding-bottom: 0px;
311 1929 brooke
}
312 2433 sgarg
313 2439 sgarg
th.tablehead {
314 2433 sgarg
315 2439 sgarg
    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 1929 brooke
.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 2433 sgarg
    margin: 0px;
371 1929 brooke
}
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 2433 sgarg
473
474 1929 brooke
.highlight  {
475
    background-color: #dddddd;
476
    font-size: 12px;
477 2433 sgarg
    border: solid #ffffff 1px;
478 1929 brooke
}
479 2433 sgarg
480 1929 brooke
.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
}