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: barteau $'
12
  *      '$Date: 2007-05-14 16:08:11 -0700 (Mon, 14 May 2007) $'
13
  *  '$Revision: 3282 $'
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
/*
33
 *  import eml css:
34
 */
35

    
36
@import url(/knp/style/common/eml_xsl.css);
37
b {
38
font-weight: bold;
39
}
40

    
41
/**
42
 *  set the correct iframe sizes to accomodate the 
43
 *  header, footer, left and right areas.
44
 *  NOTE: these styles apply only to each 
45
 *  container frame, *NOT* to the document within it!
46
 */  
47
.iframeheaderclass {
48
  height:   155px; 
49
  width:    98%;
50
  border:   0px;
51
  margin:   0px;
52
  margin-left: 10px;
53
}
54

    
55
.iframeloginboxclass {
56
    height:   500px; 
57
    width:    100%;
58
    border:   0px;
59
    margin:   0px;
60
}
61

    
62

    
63
.iframesearchboxclass { /* not used */ }
64
.iframeleftcolclass  { /* not used */ }
65
.iframefooterclass   { /* not used */ 
66
}
67
.iframerightcolclass   { /* not used */ }
68

    
69
td.mapColumn {
70
  vertical-align: top;
71
}
72

    
73
#mapFrame { 
74
    height: 59em;
75
    border-width: 0px;
76
	vertical-align: top;
77
	/*
78
	position: fixed;
79
    right: 0px;
80
    top: 0px;
81
    width: 35px;
82
	*/
83
}
84

    
85
#mapFrame {
86
	/* IE5.5+/Win */
87
	/*
88
	position: absolute;
89
	right: expression( (0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px');
90
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
91
    width: 80px;
92
		   */
93
}
94

    
95
body > table td #mapFrame {
96
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
97
    width: 290px;
98

    
99

    
100
/*
101
	position: fixed;
102
    right: -3px;
103
    top: 0px;
104
    width: 35px;
105
	*/
106
}
107

    
108

    
109

    
110

    
111

    
112

    
113
/**
114
 *  create a left margin for the document
115
 */
116

    
117
body { margin-left: 70px; }
118

    
119
/**
120
 *  set the size and alignment etc of the top-level layout table
121
 */  
122
.templatetableclass {
123
  width:   100%; 
124
  border:   0px;
125
  padding:  0px;
126
  margin:   0px;
127
}
128

    
129

    
130
/**
131
 *  set the style of the main content area and its contents
132
 */ 
133
.templatecontentareaclass {
134
  border:   0px;
135
  padding:  0px;
136
  margin:   0px;
137
  width: 100%;
138
}
139

    
140

    
141
/**
142
 *  set the correct <td> sizes to accomodate the 
143
 *  header, footer, left and right iframes.
144
 *  NOTE: these styles apply only to each 
145
 *  container frame, *NOT* to the document in
146
 *  the iframe within it!
147
 */  
148
.templateheaderrowclass {
149
  height:   155px; 
150
/*
151
  no width allowed - uses same width as table class
152
*/
153
  border:   0px;
154
  padding:  0px;
155
  margin:   0px;
156
}
157

    
158

    
159
.templateleftcolclass {
160
  height:   100%; 
161
  width:    0px;
162
  border:   0px;
163
  padding:  0px;
164
  margin:   0px;
165
}
166

    
167

    
168
.templaterightcolclass {
169
  height:   100%; 
170
  width:    0px;
171
  border:   0px;
172
  padding:  0px;
173
  margin:   0px;
174
}
175

    
176

    
177
.templatefooterrowclass {
178
  height:   0px; 
179
/*
180
  no width allowed - uses same width as table class
181
*/
182
  border:   0px;
183
  padding:  0px;
184
  margin:   0px;
185
}
186

    
187

    
188
/**
189
 *  these override styles imported from eml css 
190
 */
191

    
192

    
193
	 
194
.sectionnames{
195
    font-weight: bold;
196
    font-size: 16px;
197
    color: #096B79;
198
}
199

    
200
.linkedHeaderStyle{
201
    
202
    background-color: #A3DADA;
203
    padding-left: 16%;
204
 }
205

    
206
.title {
207
    font-family: Georgia, Times New Roman, Times, serif;
208
    color:      black;
209
    background: white;
210
    font-size: 24px; 
211
    font-weight: bold;
212
}
213

    
214
.secondCol{
215
    background-color: #ffffff; 
216
    font-size: 12px;
217
    padding-left: 5px;
218
}
219

    
220
.highlight  {
221
    color: #096B79;
222
    background-color: #FFFFFF;
223
    font-style: italic;    
224
    font-size: 1em; 
225
    padding-left: 10px;
226
}
227

    
228
.citation  {
229
    color: black;
230
    background-color: #FFFFFF;
231
    font-size: 1.2em; 
232
    padding-left: 10px;
233
}
234

    
235
.tablehead {
236
    color: #096B79;
237
    background: #FFFFFF;
238
    text-align: left;
239
    font-size: 14px; 
240
    font-weight: bold;
241
    border-top: solid #ffffff 15px;
242
    border-bottom: solid #dddddd 1px;
243
    padding-left: 10px;
244
    padding-top: 0px;
245
    padding-bottom: 0px;
246
}
247

    
248
th.tablehead {
249

    
250
    text-align: center;
251
    border-bottom: solid #006666 1px;
252
    margin: 0px;
253
    padding: 0px;
254
    height:  21px;
255
}
256

    
257
.tablehead_lcorner {
258
    background-position: right top;
259
    background-repeat: no-repeat;
260
    padding: 0px;
261
    margin:  0px;
262
    width:   10px;
263
    height:  21px;
264
}    
265
    
266
.tablehead_rcorner {
267
    background-position: left top;
268
    background-repeat: no-repeat;
269
    padding: 0px;
270
    margin:  0px;
271
    width:   10px;
272
    height:  21px;
273
}    
274

    
275
.lsid {
276
    text-decoration: underline; 
277
}
278

    
279
a {
280
    color: #096B79;
281
    font-weight: bold;
282
    font-size: 12px; 
283
    text-decoration: underline; }
284
    
285
a:hover {
286
    color: #ECCE00;
287
    text-decoration: underline; }
288

    
289
/**
290
 *  these are used only in the metacat pages
291
 */
292

    
293
p.emphasis {
294

    
295
  font-size: 18px;
296
  color: #dd7744; 
297
  font-weight: bold;
298
  font-style:  normal;
299
}
300

    
301
.searchresultsdivider {
302
    background-color: #dddddd;   
303
}
304

    
305
/**
306
 *  these are used only in the registry skins
307
 */
308

    
309
 
310
 
311
 
312
p.searchbox {
313
    color: #096B79;
314
    font-weight: bold;
315
    font-size: 12px; 
316
    text-decoration: none; 
317
}
318

    
319
br {
320
    margin: 0px;
321
    padding: 0px;
322
}
323

    
324

    
325
.headertopmargin {
326
margin-top:    10;
327
}
328

    
329
.intro {
330
        width:   760px;
331
        margin-left:    15px;
332
}
333

    
334
textarea {
335
   width: 80%;
336
}
337

    
338
.required {
339
    font-weight: bold;
340
    color: #b00000;
341
}
342

    
343
.label {
344
    font-weight: bold;
345
}
346

    
347

    
348
.emphasis {
349
    font-weight: bold;
350
    font-size: 18px;
351
    color: #000000;
352
}
353

    
354
.colorbold {
355
	font-weight: bold;
356
	color: #096B79;
357
	font-size: 12px;
358
}
359
	
360
.boldlink {
361
	font-weight: bold;
362
	font-size: 12px;
363
}
364

    
365

    
366
.redbold {
367
	font-weight: bold;
368
	color: #b00000;
369
	font-size: 12px;
370
}
371

    
372
.greenbold {
373
	font-weight: bold;
374
	color: #096B79;
375
	font-size: 12px;
376
}
377

    
378
.smalltext {
379
	font-weight: bold;
380
	font-size: 10px;
381
	vertical-align: super;
382
}
383

    
384
.largetext {
385
	font-weight: bold;
386
	font-size: 16px;
387
} 
388

    
389
.italicized {
390
	font-style: italic;
391
	font-size: 12px;
392
}
393

    
394
.regtext {
395
	font-weight: normal;
396
	font-size: 12px;
397
}
398
.sectbody {
399
	background: #DEF1F1;
400
	font-size: 12px;
401
        font-weight: bold;}
402

    
403
.sectheader {
404
	background: #A3DADA;
405
	font-size: 12px;
406
        font-weight: bold;}
407

    
408
.tables {
409
        width:   760px;
410
        margin-left:      20px;
411
        border-top: solid black 1px;
412
        border-left: solid black 1px;
413
        border-right: solid black 1px;      
414
      }
415

    
416
.hide {
417
      display:none;
418
  }
419

    
420
.showLink {
421
      cursor: pointer;
422
      cursor: hand;
423
      display:empty;
424
  }
425

    
426
.bordertop {
427
        border-top: solid black 1px;
428
      }
429
      
430
.borderbottom {
431
        border-bottom: 1px solid black;}
432
	
433
.topbottom {
434
	border-top: 1px solid black;
435
	border-bottom: 1px solid black; 
436
	}
437

    
438
.longwidth {
439
	width: 80%;
440
	}
441

    
442
.shortwidth {
443
	width: 40%;
444
	}
445
	
446
.rightCol {
447
       width:  24%;
448
       text-align: right;
449
    }
(7-7/10)