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: tao $'
12
  *      '$Date: 2011-01-18 16:38:48 -0800 (Tue, 18 Jan 2011) $'
13
  *  '$Revision: 5813 $'
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
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:   112px;
49
  width:	100%; 
50
  background: #7BB865;
51
  /*
52
  min-width:775px;
53
  width:expression(document.body.clientWidth < 775? "775px": "auto" );
54
  */
55
  border:   0px;
56
  margin-top:	0px;
57
}
58

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

    
69

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

    
80
.iframeleftcolclass  { 
81
    /*height:  100%;*/
82
    height:	880px;  	
83
	width:	175px;
84
}
85

    
86
/**IE hack**/
87
html>body .iframeleftcolclass  { 
88
    height:	100%;
89
    min-height:	880px;
90
}
91

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

    
100
.iframefooterclass2   {
101
  height:   150px; 
102
  width: 100%;
103
  min-width: 623px;
104
  /* margin-left: 20px; */
105
  border:   0px;
106
  background: #124325;
107
  color: #FFFFFF;
108
}
109

    
110
.iframerightcolclass   { 
111
	background: #FFFFFF;
112
}
113

    
114
td.mapColumn {
115
  vertical-align: top;
116
}
117

    
118
.mapFrame { 
119
    /*height: 59em;*/
120
    height: 320px;
121
    width: 600px;
122
	vertical-align: top;
123
	background: #FFFFFF;
124
}
125

    
126
/*body > table td #mapFrame {
127
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
128
    /*width: 290px;*/
129
/*}*/
130

    
131
/**
132
 *  create a left margin for the document
133
 */
134

    
135
/**
136
* These are new classes adapted from sanparks L+F
137
**/
138
body {
139
	margin: 0;
140
	padding: 0;
141
	background: #B6BCB8 url("images/bg_strip.jpg") bottom left fixed repeat-x;
142
	color: #000;
143
	height: 100%;
144
	font-family: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
145
}
146

    
147
#main_wrapper {
148
	padding-left: 20px;
149
	padding-right: 20px;	
150
}
151

    
152
#content_wrapper {
153
	background: #FFFFFF;
154
}
155

    
156
.headertitle {
157
	font-weight: bold; 
158
	font-family: Helvetica, Verdana, Arial, sans-serif; 
159
	font-size: 1.4em; 
160
	color: #124326;
161
	padding-left: 10px;
162
}
163
 
164
.headermenu {
165
	background: #124325;
166
	height: 20px;
167
	color: #FFFFFF;
168
	text-decoration: none;
169
	font-weight: bold;
170
	font-size: 12px;
171
	text-align: center;
172
	padding-left: 10px;
173
}
174

    
175
td.login {
176
	padding-left: 5px;
177
	padding-right: 5px;
178
	padding-top: 5px;
179
}
180
a.login {
181
	font-weight: normal;	
182
}
183
input.login, select.login {
184
	border: 0;
185
	width: 100px;
186
	color: #124325;
187
	
188
}
189

    
190
.leftnav {
191
	width: 175px;
192
	margin: 0px auto;
193
	text-align: center;
194
	/*background: transparent url("images/navstrip.jpg") left 0px repeat-y;*/
195
	color: #FFFFFF;
196
}
197

    
198
h1 {
199
	text-align: left;
200
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
201
	font-size: 1.9em;
202
	padding: 0px 0px 12px 0px;
203
	margin: 0;
204
	padding-top: 6px;
205
	color: #f30;
206
}
207

    
208
h2 {
209
	text-align: left;
210
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
211
	font-size: 1.4em;
212
	padding: 0px 0px 10px 0px;
213
	margin: 0;
214
	color: #f30;
215
}
216

    
217
h3 {
218
	text-align:	left;
219
	color: #124325;
220
	background: #CFE2CF;
221
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
222
	font-size: 1.1em;
223
	border: 1px solid #124325;
224
	display: block;
225
	padding: 3px 10px;
226
	margin:10px 0 10px 0;
227
}
228

    
229
/*****BEGIN SANPARKS NAV*******/
230
#nav {
231
	float: left;
232
	/**width: 175px;*/
233
	color: #fff;
234
	clear: both;
235
}
236
#nav ul.level-1 {
237
	font-weight: bold;
238
	list-style: none;
239
	padding: 6px;
240
	margin: 0;
241
	line-height: 1;
242
}
243

    
244
#nav ul.level-1 li {
245
	font-size: 1.1em;
246
	/*margin: 0px 0px 5px 0px;*/
247
	margin: 0px 0px 12px 0px;
248
	padding: 0px 0px 0px 0px;
249
	background: none;
250
}
251

    
252
#nav ul.level-2 {
253
	font-weight: normal;
254
	list-style: none;
255
	padding: 0;
256
	font-size: 0.9em;
257
	margin: 5px 0px 0px 0px;
258
}
259
#nav ul.level-3 {
260
	font-weight: normal;
261
	list-style: none;
262
	padding: 0;
263
	font-size: 0.9em;
264
	margin: 0px 0px 0px 0px;
265
}
266
#nav ul.level-2 li {
267
	background: transparent url("images/horns.png") left 1px no-repeat !important;
268
	padding: 0;
269
	margin: 0;
270
	margin: 0px 0px 2px 0px;
271
}
272
#nav ul.level-3 li {
273
	background: transparent  left 1px no-repeat !important;
274
	padding: 0;
275
	margin: 0;
276
}
277

    
278
#nav ul.level-1 li a {
279
	color: #fff;
280
	text-decoration: none;
281
	display: block;
282
	/*height: 1.6em;*/
283
}
284

    
285
#nav ul.level-2 li a {
286
	font-weight: normal;
287
	color: #fff;
288
	text-decoration: none;
289
	display: block;
290
	padding-left: 18px;
291
	height: 100%;
292
}
293

    
294
#nav ul.level-2 li a:hover, ul.level-2 li a:active {
295
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
296
}
297

    
298
#nav  ul.level-1 li a:hover, ul.level-1 li a:active, ul.level-2 li a:hover, ul.level-2 li a:active {
299
/* #nav li a:hover, li a:active { */
300
	color: #F76501;
301
	text-decoration: underline;
302
}
303

    
304
#nav ul li a.current {
305
	background: transparent url(images/nav_bullets_orange.gif) no-repeat left 1px !important;
306
}
307

    
308
#nav ul li.current_cat, #nav ul li a.current_cat {
309
	color: #f30;
310
}
311

    
312
#nav .current_home {
313
	color: #f30;
314
	padding-bottom: 5px;
315
	display: block;
316
	border-bottom: 1px solid #0E321D;
317
	text-decoration: none;
318
	font-size: 1.1em;
319
	font-weight: bold;
320
	margin-bottom: 0px;
321
	margin-left: 5px;
322
	margin-top: 7px;
323
	margin-right: 5px; 
324
}
325

    
326
.home a:link, .home a:visited {
327
	border-bottom: 1px solid #0E321D;
328
	color: #FFFFFF;
329
	display: block;
330
	/*font-size: 1.1em;*/
331
	font-weight: bold;
332
	margin: 7px 5px 0px;
333
	padding-bottom: 5px;
334
	text-decoration: none;
335
}
336
.home a:hover {
337
	color: #FF3300;
338
	text-decoration: underline;
339
}
340

    
341
.underlined {
342
	text-decoration: underline;
343
}
344

    
345
.fake-url {
346
	text-decoration: underline;
347
}
348
/*****END SANPARKS NAV*******/
349

    
350
/**
351
 *  set the size and alignment etc of the top-level layout table
352
 */  
353
.templatetableclass {
354
  width:   95%; 
355
  border:   0px;
356
  padding:  0px;
357
  margin-left:   20px;
358
  margin-right:   20px;
359
}
360

    
361

    
362
/**
363
 *  set the style of the main content area and its contents
364
 */ 
365
.templatecontentareaclass {
366
	vertical-align: top;
367
  	padding: 0px;
368
  	margin: 0px;
369
	background:	#FFFFFF;
370
	color: black;
371
}
372

    
373

    
374
/**
375
 *  set the correct <td> sizes to accomodate the 
376
 *  header, footer, left and right iframes.
377
 *  NOTE: these styles apply only to each 
378
 *  container frame, *NOT* to the document in
379
 *  the iframe within it!
380
 */  
381
.templateheaderrowclass {
382
  height:   112px; 
383
/*
384
  no width allowed - uses same width as table class
385
*/
386
  border:   0px;
387
  padding:  0px;
388
  margin:   0px;
389
}
390

    
391

    
392
.templateleftcolclass {
393
  height:   100%; 
394
  width:    175px;
395
  border:   0px;
396
  padding:  0px;
397
  margin:   0px;
398
  vertical-align: top;
399
  background: transparent url("images/navstrip.jpg") left 0px repeat-y;
400
}
401

    
402

    
403
.templaterightcolclass {
404
  height:   100%; 
405
  width:    0px;
406
  border:   0px;
407
  padding:  0px;
408
  margin:   0px;
409
}
410

    
411

    
412
.templatefooterrowclass {
413
  height:   0px; 
414
/*
415
  no width allowed - uses same width as table class
416
*/
417
  border:   0px;
418
  padding:  0px;
419
  margin:   0px;
420
}
421

    
422
/** used in fgdc xsl **/
423
th {
424
	text-align: left;
425
	padding-left: 0px;
426
    border-bottom: solid #dddddd 1px;  		
427
}
428

    
429
/**
430
 *  these override styles imported from eml css 
431
 */	 
432
.sectionnames{
433
    font-weight: bold;
434
    font-size: 16px;
435
    color: #096B79;
436
}
437

    
438
.linkedHeaderStyle{
439
    
440
    background-color: #A3DADA;
441
    padding-left: 16%;
442
 }
443

    
444
.title {
445
    font-family: Verdana, Georgia, "Times New Roman", serif;
446
    font-size: 24px; 
447
    font-weight: bold;
448
    color:black;
449
    background: inherit;
450
}
451

    
452
.secondCol{
453
    background-color: #ffffff; 
454
    font-size: 12px;
455
    padding-left: 5px;
456
}
457

    
458
.highlight  {
459
    color: #124325;
460
    background-color: #FFFFFF;
461
    font-style: italic;    
462
    font-size: 11px; 
463
    padding-left: 10px;
464
}
465

    
466
.citation  {
467
    color: black;
468
    background-color: #FFFFFF;
469
    font-size: 1.2em; 
470
    padding-left: 10px;
471
}
472

    
473
.tablehead {
474
    color: #124325;
475
    background: #FFFFFF;
476
    text-align: left;
477
    font-size: 14px; 
478
    font-weight: bold;
479
    border-top: solid #ffffff 15px;
480
    border-bottom: solid #dddddd 1px;
481
    padding-left: 10px;
482
    padding-top: 0px;
483
    padding-bottom: 0px;
484
}
485

    
486
th.tablehead {
487

    
488
    text-align: center;
489
    border-bottom: solid #006666 1px;
490
    margin: 0px;
491
    padding: 0px;
492
    height:  21px;
493
}
494

    
495
.tablehead_lcorner {
496
    background-position: right top;
497
    background-repeat: no-repeat;
498
    padding: 0px;
499
    margin:  0px;
500
    width:   10px;
501
    height:  21px;
502
}    
503
    
504
.tablehead_rcorner {
505
    background-position: left top;
506
    background-repeat: no-repeat;
507
    padding: 0px;
508
    margin:  0px;
509
    width:   10px;
510
    height:  21px;
511
}    
512

    
513
.lsid {
514
    text-decoration: underline; 
515
}
516

    
517
a {
518
    color: #124325;
519
    font-weight: bold;
520
    font-size: 12px; 
521
    text-decoration: none; }
522
    
523
a:hover {
524
    color: #ECCE00;
525
    text-decoration: underline; }
526

    
527
/**
528
 *  these are used only in the metacat pages
529
 */
530

    
531
p.emphasis {
532

    
533
  font-size: 14px;
534
  color: #dd7744; 
535
  font-weight: bold;
536
  font-style:  normal;
537
}
538

    
539
.searchresultsdivider {
540
    background-color:	#FFFFFF;
541
	border-top:	thin dashed;
542
	color:	#DDDDDD;
543
}
544

    
545
/**
546
 *  these are used only in the registry skins
547
 */
548
 
549
p.searchbox {
550
    color: #096B79;
551
    font-weight: bold;
552
    font-size: 12px; 
553
    text-decoration: none; 
554
}
555

    
556
br {
557
    margin: 0px;
558
    padding: 0px;
559
}
560

    
561

    
562
.headertopmargin {
563
margin-top:    10;
564
}
565

    
566
.intro {
567
        width:   760px;
568
        margin-left:    15px;
569
}
570

    
571
textarea {
572
   width: 80%;
573
}
574

    
575
.required {
576
    font-weight: normal;
577
    font-style: italic;
578
    font-size: 11px;
579
    /*color: #b00000;*/
580
    color: #124325;
581
}
582

    
583
.label {
584
    font-weight: bold;
585
}
586

    
587
.warning-header {
588
	color: red;
589
	font-size: 14px;
590
	margin-bottom: 10px;
591
}
592

    
593

    
594
.emphasis {
595
    font-weight: bold;
596
    font-size: 18px;
597
    color: #000000;
598
}
599

    
600
.colorbold {
601
	font-weight: bold;
602
	color: #096B79;
603
	font-size: 12px;
604
}
605
	
606
.boldlink {
607
	font-weight: bold;
608
	font-size: 12px;
609
}
610

    
611

    
612
.redbold {
613
	font-weight: bold;
614
	color: #b00000;
615
	font-size: 12px;
616
}
617

    
618
.greenbold {
619
	font-weight: bold;
620
    background: inherit; 
621
	color: green;
622
	font-size: 12px;
623
}
624

    
625
.smalltext {
626
	font-weight: bold;
627
	font-size: 10px;
628
	vertical-align: super;
629
}
630

    
631
.largetext {
632
	font-weight: bold;
633
	font-size: 16px;
634
} 
635

    
636
.italicized {
637
	font-style: italic;
638
	font-size: 12px;
639
}
640

    
641
.regtext {
642
	font-weight: normal;
643
	font-size: 12px;
644
}
645
.sectbody {
646
	background: #FFFFFF;
647
	font-size: 12px;
648
        font-weight: bold;}
649

    
650
.sectheader {
651
	background: #CFE2CF;
652
	font-size: 12px;
653
        font-weight: bold;}
654

    
655
.tables {
656
        width:   760px;
657
        margin-left:      20px;
658
        border-top: solid black 1px;
659
        border-left: solid black 1px;
660
        border-right: solid black 1px;      
661
      }
662

    
663
.hide {
664
      display:none;
665
  }
666

    
667
.showLink {
668
      cursor: pointer;
669
      cursor: hand;
670
      display:empty;
671
  }
672

    
673
.bordertop {
674
        border-top: solid black 1px;
675
      }
676
      
677
.borderbottom {
678
        border-bottom: 1px solid black;}
679
	
680
.topbottom {
681
	border-top: 1px solid black;
682
	border-bottom: 1px solid black; 
683
	}
684

    
685
.longwidth {
686
	width: 80%;
687
	}
688

    
689
.shortwidth {
690
	width: 40%;
691
	}
692
	
693
.rightCol {
694
       width:  24%;
695
       text-align: right;
696
    }
697

    
698
.centerContentBorder {
699
        padding: 0px;
700
        width: 98%;
701
        background: #FFFFFF;
702
        color: #FFFFFF;
703
}
704

    
705
.footerContent {
706
        background: #124325;
707
        color: #FFFFFF;
708
}
709

    
710
.footerContent a {
711
        color: #FFFFFF;
712
}
713

    
714
/********************************************************************** 
715
 * content section settings
716
 **********************************************************************/
717
 
718
.main-section {
719
	background: #B6BCB8 url(images/bg_strip.jpg) repeat-x fixed left bottom;
720
}
721
 
722
.content-section {
723
	margin: 0px 20px 0px 20px;
724
	padding-top: 20px;
725
	background: #FFFFFF;
726
	height: 820px;
727
	width: 95%;
728
	min-width: 1050px;
729
}
730

    
731
.content-section-header {
732
	padding: 20px 0px 10px 200px;
733
	color: #7BB865;
734
	font-size: 18px;
735
}
736

    
737
.content-subsection {
738
	vertical-align: middle;
739
	margin: 0px 0px 0px 195px;
740
	width: 820px;
741
}
742

    
743
.content-subsection-header {
744
	padding: 0px 0px 10px 0px;
745
	color: #7BB865;
746
	font-size: 16px;
747
}
748

    
749
.content-subsection-header-emphasis {
750
	font-size: 16px;
751
	color: #DD7744;
752
	margin-bottom: 5px;
753
}
754

    
755
/********************************************************************** 
756
 * form field settings
757
 **********************************************************************/
758

    
759
.field-label {
760
	display: inline;
761
	margin: 30px 7px 0px 0px;
762
	color: #000000;
763
	font-size: 14px;
764
}
765

    
766
.text-input {
767
	margin: 0px 5px 0px 0px;
768
	padding-left: 4px;
769
	font-size: 12px;
770
	color: #000000;
771
	width: 250px;
772
}
773

    
774
.dropdown-input {
775
	margin: 0px 10px 0px 0px;
776
	width: 150px;
777
}
778

    
779
dropdown-long-input {
780
  margin: 0px 10px 0px 0px;
781
  width: 215px;
782
}
783

    
784
.submit-button {
785
	margin: 20px 0px 10px 300px;
786
	width: 150px;
787
}
788

    
789
/********************************************************************** 
790
 * search result specific settings
791
 **********************************************************************/
792

    
793
.result-header-section {
794
	margin: 20px 0px 10px 0px;
795
	font-size: 16px;
796
	font-weight: bold;
797
}
798

    
799
.result-header {
800
	color: #255333;
801
	font-style: normal;
802
	display: inline;
803
	float: left;
804
	margin-right: 10px;
805
}
806

    
807
.result-header-emphasis {
808
	color: #DD7744; 
809
}
810

    
811
.row {
812
	color: #255333;
813
	height: 20px;
814
	border-left: 1px solid #A9A9A9;
815
	border-bottom: 1px solid #A9A9A9;
816
	border-right: 1px solid #A9A9A9;
817
}
818

    
819
.row-header {
820
	background-color: #255333;
821
	border-top: 1px solid #A9A9A9;
822
	font-weight: bold;
823
	font-size: 12px;
824
	color: #FFFFFF;
825
}
826

    
827
.row-even {
828
	background-color: #EBEBEB;
829
}
830

    
831
.row-odd {
832
	background-color: #D5D5D5;
833
}
834

    
835
.col {
836
	padding: 1px 0px 0px 15px;
837
	overflow: hidden;
838
	display: inline;
839
	float: left;
840
	width: 100px;
841
	height: 19px;
842
	border-right: 1px solid #D5D5D5;
843
	text-align: center;
844
}
845

    
846
.col1 {
847
	width: 100px;
848
}
849

    
850
.col2 {
851
	width: 100px;
852
}
853

    
854
.col3 {	
855
	width: 100px;
856
}
857

    
858
.col4 {	
859
	width: 100px;
860
}
861

    
862
/********************************************************************** 
863
 * change access specific settings
864
 **********************************************************************/
865

    
866
.change-access-header {
867
	color: #255333;
868
	font-size: 16px;
869
	font-style: normal;
870
	font-weight: bold;
871
	margin-left: 10px;
872
}
873

    
874
.change-access-header-emphasis {
875
	color: #DD7744; 
876
	font-size: 16px;
877
	display: inline;
878
	float: left;
879
	margin-left: 10px;
880
}
881

    
882
.change-access-header-workflow {
883
	font-size: 16px;
884
	margin-left:10px;
885
	display: inline;
886
	float: left;
887
}
888

    
889
.change-access-indent-emphasis {
890
	color: #DD7744; 
891
	font-size: 16px;
892
	font-weight: normal;
893
	display: inline;
894
	float: left;
895
	margin-left: 30px;
896
}
897

    
898
.change-access-row {
899
	display: block;
900
	margin-bottom: 5px;
901
}
902

    
903
.col_label {
904
	color: #255333;
905
	font-size: 14px;
906
}
907

    
908
.access_info_text {
909
	font-size: 14px;	
910
}
911

    
912
.access_order_col {
913
	width: 95px;
914
	font-size: 14px;
915
}
916
.access_type_col {
917
	width: 85px;
918
	font-size: 14px;
919

    
920
}
921

    
922
.principal_col {
923
	width: 400px;
924
	font-size: 14px;
925
}
926

    
927
.permissions_col {	
928
	width: 234px;
929
}
930

    
931
.permission_element {	
932
	display: inline;
933
	font-size: 14px;
934
}
935

    
936
.change_access_order_col {
937
	width: 95px;
938
	margin-left: 10px;
939
	display: inline;
940
	float: left;
941
}
942

    
943
.change_access_type_col {
944
	width: 85px;
945
	margin-left: 10px;
946
	display: inline;
947
	float: left;
948
}
949

    
950
.change_principal_col {
951
	width: 400px;
952
	margin-left: 10px;
953
	display: inline;
954
	float: left;
955
}
956

    
957
.change_permissions_col {	
958
	width: 234px;
959
	margin-left: 10px;
960
	display: inline;
961
}
962

    
963
.access-submit-button {
964
	margin: 20px 0px 10px 300px;
965
	width: 150px;
966
}
967

    
(21-21/38)