Project

General

Profile

1 2471 costa
 /*
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:   80px;
40
    width:    100%;
41
    border:   0px;
42
    margin:   0px;
43
}
44
45
.iframesearchboxclass {
46
    height:   500px;
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
}