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: leinfelder $'
12
  *      '$Date: 2008-06-23 09:35:40 -0700 (Mon, 23 Jun 2008) $'
13
  *  '$Revision: 4031 $'
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(../../../style/common/eml_xsl.css);
37

    
38
/*
39
 *  import the "external" SAEON css:
40
 */
41
@import url(ploneStyles5796.css);
42

    
43
b {
44
font-weight: bold;
45
}
46

    
47
/**
48
 *  set the correct iframe sizes to accomodate the 
49
 *  header, footer, left and right areas.
50
 *  NOTE: these styles apply only to each 
51
 *  container frame, *NOT* to the document within it!
52
 */  
53
.iframeheaderclass {
54
  height:   300px;
55
  width:	100%; 
56
  background: #FFFFFF;
57
  border:   0px;
58
  margin-top:	0px;
59
}
60

    
61
.iframeloginboxclass {
62
    height:   1150px;
63
    /*width:600px;*/
64
    min-width:600px;
65
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
66
    border:   0px;
67
	vertical-align: top;
68
	text-align: left;
69
}
70

    
71

    
72
.iframesearchboxclass { 
73
	height:   1150px;
74
    /*width:600px;*/
75
    min-width:600px;
76
  	width:expression(document.body.clientWidth < 600? "600px": "auto" );
77
    border:   0px;
78
	vertical-align: top;
79
	text-align: left; 
80
}
81

    
82
.iframeleftcolclass  { 
83
    /*height:  100%;*/
84
    height:	1150px;  	
85
	width:	200px;
86
}
87

    
88
/**IE hack**/
89
html>body .iframeleftcolclass  { 
90
    height:	100%;
91
    min-height:	1150px;
92
}
93

    
94
.iframefooterclass   {
95
  height:   150px; 
96
  width:	100%;
97
  border:   0px;
98
  background: #124325;
99
  color: #FFFFFF;
100
}
101

    
102
.iframerightcolclass   { 
103
	background: #FFFFFF;
104
}
105

    
106
td.mapColumn {
107
  vertical-align: top;
108
}
109

    
110
.mapFrame { 
111
    /*height: 59em;*/
112
    height: 320px;
113
    width: 600px;
114
	vertical-align: top;
115
	background: #FFFFFF;
116
}
117

    
118
/**
119
* These are new classes adapted for saeon L+F
120
**/
121
 
122
/*override the saeon plone css */
123
a {
124
	font-weight: normal;
125
	text-decoration: none;
126
	/*
127
    color: #096B79;
128
    font-size: 12px; 
129
    */
130
}
131
/*    
132
a:hover {
133
    color: #ECCE00;
134
    text-decoration: underline; }
135
*/
136

    
137
.leftnav {
138
	width: 200px;
139
	margin: 0px auto;
140
	text-align: center;
141
}
142

    
143
/*
144
h1 {
145
	text-align: left;
146
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
147
	font-size: 1.9em;
148
	padding: 0px 0px 12px 0px;
149
	margin: 0;
150
	padding-top: 6px;
151
	color: #f30;
152
}
153

    
154
h2 {
155
	text-align: left;
156
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
157
	font-size: 1.4em;
158
	padding: 0px 0px 10px 0px;
159
	margin: 0;
160
	color: #f30;
161
}
162

    
163
h3 {
164
	text-align:	left;
165
	color: #124325;
166
	background: #CFE2CF;
167
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
168
	font-size: 1.1em;
169
	border: 1px solid #124325;
170
	display: block;
171
	padding: 3px 10px;
172
	margin:10px 0 10px 0;
173
}
174
*/
175

    
176

    
177
/**
178
 *  set the size and alignment etc of the top-level layout table
179
 */  
180
.templatetableclass {
181
  width:   100%; 
182
  border:   0px;
183
  padding:  0px;
184
  margin:   0px;
185
}
186

    
187

    
188
/**
189
 *  set the style of the main content area and its contents
190
 */ 
191
.templatecontentareaclass {
192
	vertical-align: top;
193
  	padding: 0px;
194
  	margin: 0px;
195
	background:	#FFFFFF;
196
	color: black;
197
}
198

    
199

    
200
/**
201
 *  set the correct <td> sizes to accomodate the 
202
 *  header, footer, left and right iframes.
203
 *  NOTE: these styles apply only to each 
204
 *  container frame, *NOT* to the document in
205
 *  the iframe within it!
206
 */  
207
.templateheaderrowclass {
208
  height:   112px; 
209
/*
210
  no width allowed - uses same width as table class
211
*/
212
  border:   0px;
213
  padding:  0px;
214
  margin:   0px;
215
}
216

    
217

    
218
.templateleftcolclass {
219
  height:   100%; 
220
  width:    200px;
221
  border:   0px;
222
  padding:  0px;
223
  margin:   0px;
224
  vertical-align: top;
225
}
226

    
227

    
228
.templaterightcolclass {
229
  height:   100%; 
230
  width:    0px;
231
  border:   0px;
232
  padding:  0px;
233
  margin:   0px;
234
}
235

    
236

    
237
.templatefooterrowclass {
238
  height:   0px; 
239
/*
240
  no width allowed - uses same width as table class
241
*/
242
  border:   0px;
243
  padding:  0px;
244
  margin:   0px;
245
}
246

    
247
/** used in fgdc xsl **/
248
th {
249
	text-align: left;
250
	padding-left: 0px;
251
    border-bottom: solid #dddddd 1px;  		
252
}
253

    
254
/**
255
 *  these override styles imported from eml css 
256
 */	 
257
.sectionnames{
258
    font-weight: bold;
259
    font-size: 16px;
260
    color: #096B79;
261
}
262

    
263
.linkedHeaderStyle{
264
    
265
    background-color: #A3DADA;
266
    padding-left: 16%;
267
 }
268

    
269
.title {
270
    font-family: Verdana, Georgia, "Times New Roman", serif;
271
    font-size: 24px; 
272
    font-weight: bold;
273
    color:black;
274
    background: inherit;
275
}
276

    
277
.secondCol{
278
    background-color: #ffffff; 
279
    font-size: 12px;
280
    padding-left: 5px;
281
}
282

    
283
.highlight  {
284
    color: #666633;
285
    background-color: #FFFFFF;
286
    font-style: italic;    
287
    font-size: 11px; 
288
    padding-left: 10px;
289
}
290

    
291
.citation  {
292
    color: black;
293
    background-color: #FFFFFF;
294
    font-size: 1.2em; 
295
    padding-left: 10px;
296
}
297

    
298
.tablehead {
299
    color: #555522;
300
    background: #FFFFFF;
301
    text-align: left;
302
    font-size: 14px; 
303
    font-weight: bold;
304
    border-top: solid #ffffff 15px;
305
    border-bottom: solid #dddddd 1px;
306
    padding-left: 10px;
307
    padding-top: 0px;
308
    padding-bottom: 0px;
309
}
310

    
311
th.tablehead {
312

    
313
    text-align: center;
314
    border-bottom: solid #006666 1px;
315
    margin: 0px;
316
    padding: 0px;
317
    height:  21px;
318
}
319

    
320
.tablehead_lcorner {
321
	border-bottom: none;
322
    background-position: right top;
323
    background-repeat: no-repeat;
324
    padding: 0px;
325
    margin:  0px;
326
    width:   10px;
327
    height:  21px;
328
}    
329
    
330
.tablehead_rcorner {
331
	border-bottom: none;
332
    background-position: left top;
333
    background-repeat: no-repeat;
334
    padding: 0px;
335
    margin:  0px;
336
    width:   10px;
337
    height:  21px;
338
}    
339

    
340
.lsid {
341
    text-decoration: underline; 
342
}
343

    
344
/**
345
 *  these are used only in the metacat pages
346
 */
347

    
348
p.emphasis {
349

    
350
  font-size: 14px;
351
  color: #dd7744; 
352
  font-weight: bold;
353
  font-style:  normal;
354
}
355

    
356
.searchresultsdivider {
357
    background-color:	#FFFFFF;
358
	border-top:	thin dashed;
359
	color:	#DDDDDD;
360
}
361

    
362
/**
363
 *  these are used only in the registry skins
364
 */
365
 
366
p.searchbox {
367
    color: #096B79;
368
    font-weight: bold;
369
    font-size: 12px; 
370
    text-decoration: none; 
371
}
372

    
373
br {
374
    margin: 0px;
375
    padding: 0px;
376
}
377

    
378

    
379
.headertopmargin {
380
margin-top:    10;
381
}
382

    
383
.intro {
384
        width:   760px;
385
        margin-left:    15px;
386
}
387

    
388
textarea {
389
   width: 80%;
390
}
391

    
392
.required {
393
    font-weight: normal;
394
    font-style: italic;
395
    font-size: 11px;
396
    /*color: #b00000;*/
397
    color: #124325;
398
}
399

    
400
.label {
401
    font-weight: bold;
402
}
403

    
404

    
405
.emphasis {
406
    font-weight: bold;
407
    font-size: 18px;
408
    color: #000000;
409
}
410

    
411
.colorbold {
412
	font-weight: bold;
413
	color: #096B79;
414
	font-size: 12px;
415
}
416
	
417
.boldlink {
418
	font-weight: bold;
419
	font-size: 12px;
420
}
421

    
422

    
423
.redbold {
424
	font-weight: bold;
425
	color: #b00000;
426
	font-size: 12px;
427
}
428

    
429
.greenbold {
430
	font-weight: bold;
431
    background: inherit; 
432
	color: #666633;
433
	font-size: 12px;
434
}
435

    
436
.smalltext {
437
	font-weight: bold;
438
	font-size: 10px;
439
	vertical-align: super;
440
}
441

    
442
.largetext {
443
	font-weight: bold;
444
	font-size: 16px;
445
} 
446

    
447
.italicized {
448
	font-style: italic;
449
	font-size: 12px;
450
}
451

    
452
.regtext {
453
	font-weight: normal;
454
	font-size: 12px;
455
}
456
.sectbody {
457
	background: #FFFFFF;
458
	font-size: 12px;
459
        font-weight: bold;}
460

    
461
.sectheader {
462
	background: #A6C2A5;
463
	font-size: 12px;
464
        font-weight: bold;}
465

    
466
.tables {
467
        width:   760px;
468
        margin-left:      20px;
469
        border-top: solid black 1px;
470
        border-left: solid black 1px;
471
        border-right: solid black 1px;      
472
      }
473

    
474
.hide {
475
      display:none;
476
  }
477

    
478
.showLink {
479
      cursor: pointer;
480
      cursor: hand;
481
      display:empty;
482
  }
483

    
484
.bordertop {
485
        border-top: solid black 1px;
486
      }
487
      
488
.borderbottom {
489
        border-bottom: 1px solid black;}
490
	
491
.topbottom {
492
	border-top: 1px solid black;
493
	border-bottom: 1px solid black; 
494
	}
495

    
496
.longwidth {
497
	width: 80%;
498
	}
499

    
500
.shortwidth {
501
	width: 40%;
502
	}
503
	
504
.rightCol {
505
       width:  24%;
506
       text-align: right;
507
    }
508

    
509
.centerContentBorder {
510
        padding: 0px;
511
        width: 98%;
512
        background: #FFFFFF;
513
        color: #FFFFFF;
514
}
515

    
516
.footerContent {
517
        background: #124325;
518
        color: #FFFFFF;
519
}
520

    
521
.footerContent a {
522
        color: #FFFFFF;
523
}
(13-13/20)