Project

General

Profile

1 1976 jones
 /*
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
/*
33
 *  import eml css:
34
 */
35
36 3599 bowdish
@import url(/knb/style/common/eml_xsl.css);
37
@import url(/knb/style/skins/nceas/midnight.css);
38 1976 jones
39
/**
40
 *  set the correct iframe sizes to accomodate the
41
 *  header, footer, left and right areas.
42
 *  NOTE: these styles apply only to each
43
 *  container frame, *NOT* to the document within it!
44
 */
45
.iframeheaderclass {
46
  height:   155px;
47 2886 tyburczy
  width:    98%;
48 1976 jones
  border:   0px;
49
  margin:   0px;
50 3444 jones
  /*margin-left: 10px;*/
51 1976 jones
}
52
53
.iframesearchboxclass { /* not used */ }
54
.iframeleftcolclass  { /* not used */ }
55
.iframerightcolclass { /* not used */ }
56
.iframefooterclass   { /* not used */ }
57
58
/**
59
 *  set the size and alignment etc of the top-level layout table
60
 */
61
.templatetableclass {
62
  width:   100%;
63
  border:   0px;
64
  padding:  0px;
65
  margin:   0px;
66
}
67
68
69
/**
70
 *  set the style of the main content area and its contents
71
 */
72
.templatecontentareaclass {
73
  border:   0px;
74
  padding:  0px;
75
  margin:   0px;
76 3474 walbridge
  /* temporary fix until we remove iframes from NCEAS skin */
77
  background: #fff;
78
79 1976 jones
}
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:   155px;
91
/*
92
  no width allowed - uses same width as table class
93
*/
94
  border:   0px;
95
  padding:  0px;
96
  margin:   0px;
97
}
98
99
100
.templateleftcolclass {
101
  height:   100%;
102
  width:    0px;
103
  border:   0px;
104
  padding:  0px;
105
  margin:   0px;
106
}
107
108
109
.templaterightcolclass {
110
  height:   100%;
111
  width:    0px;
112
  border:   0px;
113
  padding:  0px;
114
  margin:   0px;
115
}
116
117
118
.templatefooterrowclass {
119
  height:   0px;
120
/*
121
  no width allowed - uses same width as table class
122
*/
123
  border:   0px;
124
  padding:  0px;
125
  margin:   0px;
126
}
127
128 3469 walbridge
.style2 {
129
  font-size: 14px
130
}
131 1976 jones
132
/**
133
 *  these override styles imported from eml css
134
 */
135
136 3444 jones
/*
137 1976 jones
body {
138
    padding: 0px;
139
    margin: 0px;
140
    margin-top: 5px;
141
    background-color: #ffffff;
142
    font-weight: normal;
143
    font-size: 12px;
144
    font-family: Verdana,Arial,Helvetica,sans-serif;
145
}
146 3444 jones
*/
147 3616 bowdish
148
 .citation {
149
    text-align: left;
150
}
151
152
.secondCol {
153
    text-align: left;
154
}
155
156 2410 sgarg
.sectionnames{
157
    font-weight: bold;
158
    font-size: 16px;
159
    color: #0040A1;
160
}
161 1976 jones
.title {
162
    font-family: Georgia, Times New Roman, Times, serif;
163
    color:      black;
164
    background: white;
165
    font-size: 24px;
166
    font-weight: bold;
167
}
168
169
.highlight  {
170
    color: #006699;
171
    background-color: #FFFFFF;
172
    font-style: italic;
173
    font-size: 1em;
174
    padding-left: 10px;
175
}
176
177 3577 walbridge
.resultstable {
178 3469 walbridge
    margin-left: 2px;
179
}
180
181
td, th {
182 3599 bowdish
	padding: 2px 5px 0px 5px;
183 3469 walbridge
}
184
185 3599 bowdish
186 1976 jones
.tablehead {
187
    color: #0040A1;
188
    background: #FFFFFF;
189
    text-align: left;
190
    font-size: 14px;
191
    font-weight: bold;
192 3599 bowdish
    border-top: solid #ffffff 10px;
193 1976 jones
    border-bottom: solid #dddddd 1px;
194
    padding-left: 10px;
195
    padding-top: 0px;
196
    padding-bottom: 0px;
197
}
198
199
th.tablehead {
200
201
    text-align: center;
202
    border-bottom: solid #006666 1px;
203
    margin: 0px;
204
    padding: 0px;
205
    height:  21px;
206
}
207
208
.tablehead_lcorner {
209
    background-position: right top;
210
    background-repeat: no-repeat;
211
    padding: 0px;
212
    margin:  0px;
213
    width:   10px;
214
    height:  21px;
215
}
216
217
.tablehead_rcorner {
218
    background-position: left top;
219
    background-repeat: no-repeat;
220
    padding: 0px;
221
    margin:  0px;
222
    width:   10px;
223
    height:  21px;
224
}
225
226 3599 bowdish
#Overview {
227
	text-align: center;
228
}
229
230 3444 jones
/*
231 1976 jones
a {
232
    color: #0040A1;
233
    font-weight: bold;
234
    font-size: 12px;
235 2410 sgarg
    text-decoration: underline; }
236 1976 jones
237
a:hover {
238
    color: #ff9933;
239
    text-decoration: underline; }
240 3444 jones
*/
241 1976 jones
242
/**
243
 *  these are used only in the metacat pages
244
 */
245
246
p.emphasis {
247
248
  font-size: 18px;
249
  color: #dd7744;
250
  font-weight: bold;
251
  font-style:  normal;
252
}
253
254
.searchresultsdivider {
255 3583 walbridge
    background-color: transparent;
256 3469 walbridge
    border-bottom: 1px solid #ddd;
257
    margin-bottom: 10px;
258 1976 jones
}
259
260 3469 walbridge
.searchresultsdividerPale {
261
    margin: 4px 4px;
262 2812 bowdish
}
263
264 3469 walbridge
.text_plain {
265
    padding-top: 5px;
266 3599 bowdish
    text-align: left;
267 2812 bowdish
}
268
269 3469 walbridge
pre {
270 3587 bowdish
/**    margin-right: 8em;
271 3469 walbridge
    padding: .4em .75em;
272 3587 bowdish
    */
273
    font-size: 10px;
274 3469 walbridge
}
275
276 1976 jones
/**
277
 *  these are used only in the registry skins
278
 */
279
p.searchbox {
280
    color: #0040A1;
281
    font-weight: bold;
282
    font-size: 12px;
283
    text-decoration: none;
284
}
285
286 3469 walbridge
td.templatecontentareaclass a {
287
    border: none;
288
}
289
290 1976 jones
br {
291
    margin: 0px;
292
    padding: 0px;
293
}
294
295 2410 sgarg
.intro {
296 3469 walbridge
    width: 760px;
297 3599 bowdish
    margin: 0 auto;
298
    text-align: left;
299
300 2410 sgarg
}
301
302 1982 jones
textarea {
303
   width: 80%;
304
}
305
306
.required {
307
    font-weight: bold;
308 2142 sgarg
    color: #b00000;
309 1982 jones
}
310
311
.label {
312
    font-weight: bold;
313
}
314 2034 sgarg
315 2350 sgarg
316
.emphasis {
317
    font-weight: bold;
318 2410 sgarg
    font-size: 18px;
319
    color: #000000;
320 2350 sgarg
}
321
322
.boldlink {
323
	font-weight: bold;
324
	font-size: 12px;
325
}
326
327 2410 sgarg
.colorbold {
328
	font-weight: bold;
329
	color: #0040A1;
330
	font-size: 12px;
331
}
332 2350 sgarg
333
.redbold {
334
	font-weight: bold;
335
	color: #b00000;
336
	font-size: 12px;
337
}
338
339
.greenbold {
340
	font-weight: bold;
341
	color: #008000;
342
	font-size: 12px;
343
}
344
345
.smalltext {
346
	font-weight: bold;
347
	font-size: 10px;
348 2410 sgarg
	vertical-align: super;
349 2350 sgarg
}
350
351 2410 sgarg
.largetext {
352
	font-weight: bold;
353
	font-size: 16px;
354
}
355
356 2350 sgarg
.italicized {
357
	font-style: italic;
358
	font-size: 12px;
359
}
360
361
.regtext {
362 2410 sgarg
	font-weight: normal;
363 2350 sgarg
	font-size: 12px;
364
}
365 2410 sgarg
.sectbody {
366
	background: #e8eef7;
367
	font-size: 12px;
368 3599 bowdish
        font-weight: bold;
369
        text-align: left;
370
}
371 2410 sgarg
372
.sectheader {
373
	background: #B7C9E3;
374
	font-size: 12px;
375
        font-weight: bold;}
376
377
.tables {
378 3474 walbridge
    width: 760px;
379 3599 bowdish
    margin: 0 auto;
380 3474 walbridge
    border: solid black 1px;
381
    border-bottom: none;
382
}
383 2350 sgarg
384 2410 sgarg
.hide {
385
      display:none;
386
  }
387
388
.bordertop {
389
        border-top: solid black 1px;
390
      }
391 2350 sgarg
392 2410 sgarg
.borderbottom {
393
        border-bottom: solid black 1px;
394
      }
395
396
.topbottom {
397
	border-top: 1px solid black;
398
	border-bottom: 1px solid black;
399
	}
400 2350 sgarg
401 2410 sgarg
.longwidth {
402
	width: 80%;
403
	}
404
405
.shortwidth {
406
	width: 35%;
407
	}
408
409
.rightCol {
410
       width:  24%;
411
       text-align: right;
412
    }
413
414 2034 sgarg
/**
415
 *  This is add to overload the p+p function defined in eml.css.
416
 *  Refer to bug# 1306 for further details.
417
 */
418
419 2035 sgarg
p + p {
420
    text-indent: 0em;
421 2350 sgarg
422 2034 sgarg
}
423 2350 sgarg
424