Project

General

Profile

« Previous | Next » 

Revision 3444

Added by Matt Jones about 17 years ago

Updated the NCEAS skin to reflect the new structure of the NCEAS web site. There is now a new nceas.xsl file that handles the XSLT transforms for both metacat resultsets and for EML documents. This file imports xsl templates from the style/common dir in order to render the results table and EML document within an HTML document that follows the style of the NCEAS website. This required refactoring the original resultset.xsl and eml.xsl files in style/common so that the use of iframes can be easily eliminated.

Items still TODO:
test visual layout fully -- make sure wide tables work
refactor the PERL templates to also use and reflect these style changes

View differences:

lib/style/skins/nceas/nceas.css
34 34
 */
35 35

  
36 36
@import url(@style-common-path@/@eml-css@);
37
@import url(@style-skins-path@/nceas/midnight.css);
37 38

  
38 39
/**
39 40
 *  set the correct iframe sizes to accomodate the 
......
46 47
  width:    98%;
47 48
  border:   0px;
48 49
  margin:   0px;
49
  margin-left: 10px;
50
  /*margin-left: 10px;*/
50 51
}
51 52

  
52 53
.iframesearchboxclass { /* not used */ }
......
126 127
 *  these override styles imported from eml css 
127 128
 */
128 129

  
130
/*
129 131
body {
130 132
    padding: 0px;
131 133
    margin: 0px;
132 134
    margin-top: 5px;
133 135
    background-color: #ffffff;
134
    /*background-image: url(http://www.nceas.ucsb.edu/gifs/toolbar/bg-gradient.gif);*/
135 136
    font-weight: normal;
136 137
    font-size: 12px; 
137 138
    font-family: Verdana,Arial,Helvetica,sans-serif; 
138 139
}
140
*/
139 141
.sectionnames{
140 142
    font-weight: bold;
141 143
    font-size: 16px;
......
145 147
    font-family: Georgia, Times New Roman, Times, serif;
146 148
    color:      black;
147 149
    background: white;
148
    /*background-image: url(http://www.nceas.ucsb.edu/gifs/toolbar/bg-gradient.gif);*/
149 150
    font-size: 24px; 
150 151
    font-weight: bold;
151 152
}
......
198 199
    height:  21px;
199 200
}    
200 201

  
202
/*
201 203
a {
202 204
    color: #0040A1;
203 205
    font-weight: bold;
......
207 209
a:hover {
208 210
    color: #ff9933;
209 211
    text-decoration: underline; }
212
*/
210 213

  
211 214
/**
212 215
 *  these are used only in the metacat pages
lib/style/skins/nceas/nceas.xml
4 4
  <default-style>@systemidserver@@style-common-path@/ascii-treeview.xsl</default-style>
5 5

  
6 6
  <doctype publicid="-//NCEAS//resultset//EN">
7
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-common-path@/resultset.xsl</target>
7
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-skins-path@/nceas/nceas.xsl</target>
8 8
  </doctype>
9 9

  
10 10
<!--
......
26 26
<!-- NOTE these settings are unchanged from the previous version - only the xsl 
27 27
     filename has changed from "eml-dataset-display.xsl" to "eml-dataset-2.0.0beta4.xsl" -->
28 28
  <doctype publicid="eml://ecoinformatics.org/eml-2.0.1">
29
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-common-path@/eml-2.0.1/eml.xsl</target>
29
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-skins-path@/nceas/nceas.xsl</target>
30 30
  </doctype>
31 31
  <doctype publicid="eml://ecoinformatics.org/eml-2.0.0">
32
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-common-path@/eml-2.0.1/eml.xsl</target>
32
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-skins-path@/nceas/nceas.xsl</target>
33 33
  </doctype>
34 34
  <doctype publicid="-//NCEAS//eml-dataset//EN">
35 35
    <target publicid="-//W3C//HTML//EN">@systemidserver@@style-common-path@/eml-2.0.0beta4/eml-dataset-2.0.0beta4.xsl</target>
lib/style/skins/nceas/midnight.css
1
/*** Typography ***/
2

  
3
body {
4
	font-family: Helvetica, Arial, sans-serif;
5
	line-height: 1.5;
6
	word-spacing: 0.1em;
7
	font-size: 87.5%;
8
/*	color: #35618e; */
9
	color: #333;
10
}
11

  
12
p, ul, blockquote, code, pre {
13
	margin-bottom: 0.5em;
14
}
15

  
16
h1, h2, h3 {
17
	font-family: Myriad, "Myriad Pro", Helvetica, Arial, sans-serif;
18
	font-weight: bold;
19
	word-spacing: 0.2em;
20
	color: #000;
21
}
22

  
23
h1 {
24
	font-size: 1.75em;
25
	text-align: center;
26
/*	text-transform: capitalize;*/ 
27
}
28

  
29
h2 {
30
	font-size: 1.25em;
31
	margin-bottom: 0.5em;
32
	line-height: 1em;
33
}
34

  
35
h3 {
36
	font-size: 1.1em;
37
	margin-bottom: 0.33em;
38
	line-height: 1.33em;
39
}
40

  
41
ul {
42
	margin-left: 2em;
43
	margin-right: 2em;
44
}
45

  
46
li {
47
	margin-bottom: 0.5em;
48
	line-height: 1.25;
49
}
50

  
51
blockquote {
52
	margin-left: 3em;
53
	margin-right: 3em;
54
	padding-left: 0.5em;
55
	/*border-left: 5px solid #6cabaa;*/
56
}
57

  
58
pre {
59
	margin-left: 3em;
60
	margin-right: 3em;
61
	padding: 0.75em 1em;
62
	font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace;
63
	border: 1px solid #99c;
64
	background-color: #eae9c3;
65
	overflow: auto;
66
}
67

  
68
code {
69
	background-color: #eae9c3;
70
	font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace;
71
	padding: 0 0.5em;
72
}
73

  
74
/*** Links ***/
75

  
76
a {
77
/*	color: #6cabaa; */
78
/*	color: #4f7e7e; */
79
	color: #339; 
80
	text-decoration: none;
81
/*	border-bottom: 1px solid #6cabaa;*/ 
82
	border-bottom: 1px dotted #339;
83
	line-height: 1.4em;
84
}
85

  
86
a:link {
87
}
88

  
89
a:visited {
90
	color: #336;
91
	border-color: #336;
92
}
93

  
94
a:hover {
95
	/*
96
	color: #cc9;
97
	border-bottom: 1px dotted #cc9;
98
	*/
99
	border-bottom: 1px solid #339;
100
}
101

  
102
a[href ^="mailto:"] {
103
   padding-right: 20px;
104
   background: transparent url(icon_mailto.gif) no-repeat center right;
105
}
106

  
107
a[href $='.pdf'] { 
108
   padding-right: 18px;
109
   background: transparent url(icon_pdf.gif) no-repeat center right;
110
}
111

  
112
a[href $='.doc'] {
113
   padding-right: 18px;
114
   background: transparent url(icon_doc.gif) no-repeat center right;
115
}
116

  
117
a[href $='.dot'] {
118
   padding-right: 18px;
119
   background: transparent url(icon_doc.gif) no-repeat center right;
120
}
121

  
122
h2.title a, h2.title a:hover {
123
	border-bottom: none;
124
}
125

  
126
/*** Breadcrumbs ***/
127

  
128
#breadcrumb {
129
	font-size: 0.85em;
130
}
131

  
132
#breadcrumb a {
133
	border-bottom: none;
134
}
135

  
136
#breadcrumb + h1 {
137
	margin-top: 0.5em;
138
}
139

  
140
/*** Images ***/
141

  
142
img {
143
	/*border: 1px solid #99c;*/
144
	padding: 5px;
145
	/*float: right;*/
146
	margin: 0 10px 10px 10px;
147
}
148

  
149
img.center {
150
	float: none;
151
	display: block;
152
	margin: 10px auto;
153
}
154

  
155
img.left {
156
	float: left;
157
	margin: 0 10px 10px 0;
158
}
159

  
160
.image {
161
	border: 1px solid #99c;
162
	padding: 10px;
163
	margin: 0 0 10px 10px;
164
	float: right;
165
	text-align: center;
166
	font-size: 0.8em;
167
	color: #99c;
168
}
169

  
170
.image img {
171
	border: none;
172
	padding: 0;
173
	margin: 5px auto;
174
	float: none;
175
	display: block;
176
}
177

  
178
div.center {
179
	float: none;
180
	display: block;
181
	margin: 10px auto;
182
	border: none;
183
}
184

  
185
div.left {
186
	margin: 0 10px 10px 0;
187
	float: left;
188
}
189

  
190
/*** Structure ***/
191

  
192
* {
193
	margin: 0;
194
	padding: 0;
195
}
196

  
197
body {
198
	text-align: center;
199
	background-color: #1e293c;
200
}
201

  
202
#main_wrapper {
203
	margin: 10px auto;
204
	width: 888px;
205
	text-align: left;
206
	border: 1px solid #99c;
207
	position: relative;
208
	background-color: #fff;
209
}
210

  
211
#header {
212
	width: 888px;
213
}
214

  
215
#content_wrapper {
216
	width: 878px;
217
	margin: 0 5px;
218
	clear: both;
219
	background: #fff url(content_background.jpg) repeat-y;
220
}
221

  
222
#main_content {
223
	padding-right: 64px;
224
	float: right;
225
	width: 635px;
226
}
227

  
228
#secondary_content {
229
	float: left;
230
	display: inline;
231
	width: 158px;
232
	padding-top: 5em;
233
	padding-left: 1px;
234
}
235

  
236
#footer {
237
	clear: both;
238
	width: 878px;
239
}
240

  
241
#header p, #navigation p {
242
	position: absolute;
243
	left: -999em;
244
	width: 99em;
245
	margin: 0;
246
}
247

  
248
/*** Navigation ***/
249

  
250
#navigation {
251
	font-size: 0.8em;
252
	word-spacing: 0;
253
	float:left;
254
	text-align: center;
255
	background: #254462 url(navigation_background.jpg) bottom no-repeat;
256
	padding: 0 5px 25px;
257
	width: 878px;
258
	line-height: 1.0;
259
}
260

  
261
#navigation ul {
262
	list-style-type: none;
263
	float: left;
264
	margin: 0;
265
	z-index: 20;
266
}
267

  
268
#navigation #main_nav {
269
	margin: 0 auto;
270
	display: table;
271
	float: none;
272
	border-left: 1px solid #99c;
273
}
274

  
275
#main_nav a {
276
	display: block;
277
	color: #fff;
278
	border-bottom: none;
279
	padding: 4px 6px;
280
}
281

  
282
#main_nav a:hover {
283
	background-color: #cc9;
284
	color: #336;
285
}
286

  
287
#main_nav li {
288
	float: left;
289
	width: 145px;
290
	height: 1.9em;
291
	background-color: #336;
292
	border: 1px solid #99c;
293
	border-left: none;
294
	border-top: none;
295
	margin: 0;
296
	letter-spacing: 0.05em;
297
	z-index: 50;
298
}
299

  
300
#main_nav li.expanded {
301
	background: #336 url(midnight_images/nav_downarrow.png) right center no-repeat;
302
	text-align: left;
303
}
304

  
305
#main_nav li li.expanded, #main_nav li li.expanded a:hover {
306
	background-image: none;
307
}
308

  
309
#main_nav li.expanded a:hover {
310
	background: #cc9 url(midnight_images/nav_downarrow_hover.png) right center no-repeat;
311
}
312

  
313
#main_nav li.expanded ul a:hover {
314
	background-image: none;
315
}
316

  
317
#main_nav li.expanded li.expanded ul {
318
	display: none;
319
	visibility: hidden;
320
}
321

  
322
#main_nav li ul {
323
	position: absolute;
324
	width: 145px;
325
	left: -999em;
326
	border: 1px solid #99c;
327
	border-top: none;
328
}
329

  
330
#main_nav li ul li {
331
	text-align: left;
332
	border-left: none;
333
	border-right: none;
334
	border-bottom: none;
335
	height: auto;
336
}
337

  
338
#main_nav li:hover ul, #main_nav li.sfhover ul {
339
	left: auto;
340
	margin-left: -1px;
341
	text-align: left;
342
}
343

  
344

  
345
/*** Banner ***/
346

  
347
#header {
348
	background-color: #254462;
349
}
350

  
351
#header h1 {
352
	width: 888px;
353
	height: 163px;
354
	position: relative;
355
	border-bottom: 1px solid #99c;
356
	text-align: left;
357
	padding: 0;
358
}
359

  
360
#header h1 span {
361
	background: url(banner_background.jpg) no-repeat;
362
	position: absolute;
363
	top: 0;
364
	left: 0;
365
	width: 888px;
366
	height: 163px;
367
}
368

  
369
/*** Footer ***/
370

  
371
#footer {
372
	text-align: center;
373
	background: #fff url(footer_background.jpg) top center no-repeat;
374
	padding: 10px 0 5px;
375
	margin: 0;
376
}
377

  
378
#footer_logos img {
379
	border: 0;
380
	margin: 0;
381
	padding: 0;
382
	float: none;
383
}
384

  
385
#footer_logos a {
386
	border-bottom: 0px;
387
}
388

  
389
#footer_logos a:hover {
390
  border: 0;
391
}
392

  
393
#footer_contact {
394
	font-size: 0.8em;
395
}
396

  
397
#footer_contact span {
398
	padding: 0 5px;
399
	display: block;
400
}
401

  
402
#footer_contact .contact_name {
403
	color: #8eafb8;
404
	text-transform: uppercase;
405
	letter-spacing: 0.28em;
406
}
407

  
408
#footer_contact .contact_address {
409
	color: #8eafb8;
410
	letter-spacing: 0.1em;
411
}
412

  
413
#footer_contact .copyright {
414
	color: #999;
415
	letter-spacing: 0.1em;
416
}
417

  
418
#footer_contact .copyright a {
419
	color: #999;
420
	letter-spacing: 0.1em;
421
	border-bottom: 0px;
422
}
423

  
424
#footer_contact .copyright a:hover {
425
	color: #999;
426
	letter-spacing: 0.1em;
427
	border-bottom: 1px solid;
428
}
429

  
430
/*** Sidebar ***/
431

  
432
#secondary_content {
433
	line-height: 1.67;
434
	text-align: center;
435
	color: #777;
436
	/*background: url(midnight_images/boy_on_hill.jpg) center top no-repeat;
437
	padding-top: 48px;*/
438
	font-size: 0.9em;
439
}
440

  
441
#secondary_content h2 {
442
	background-color: #cc9;
443
	color: #fff;
444
	font-size: 1.1em;
445
	text-align: right;
446
	padding: 6px 8px;
447
	margin: 0.5em 0 0.5em;
448
}
449

  
450
#secondary_content ul, #secondary_content p {
451
	margin: 0 8px 1.5em;
452
	text-align: left;
453
}
454

  
455
#secondary_content ul {
456
	list-style-type: none;
457
}
458

  
459
#secondary_content li {
460
	margin: 0 0 0.5em;
461
}
462

  
463
#secondary_content ul.linklist {
464
	text-align: right;
465
}
466

  
467
#secondary_content ul.linklist li {
468
	padding-right: 8px;
469
}
470

  
471
#secondary_content ul.linklist a {
472
	border-bottom: none;
473
}
474

  
475
/*
476
#secondary_content ul.linklist a:visited {
477
	color: #6cabaa;
478
}
479
*/
480

  
481
#secondary_content ul.linklist li.current {
482
	background: url(right_arrow.gif) center right no-repeat;
483
}
484

  
485
#secondary_content img {
486
	margin: 0 auto 1em;
487
	border: none;
488
	padding: 5px;
489
	/*float: none;*/
490
}
491

  
492
/*** Search ***/
493

  
494
 #search_box {
495
	position: absolute;
496
	top: 0px;
497
	right: 0px;
498
	width: 229px;
499
	height: 17px;
500
	background: #000;
501
	font-size: 0.8em;
502
}
503

  
504
#search_box input {
505
/*	display: inline; */
506
	height: 17px;
507
	float: left;
508
}
509

  
510
#search_box #edit-keys {
511
	width: 163px;
512
	float: right;
513
	border: none;
514
	font-size: 11px;
515
}
516

  
517
#search_box #search_button {
518
	width: 60px;
519
}
520

  
521
#search_results {
522
	list-style-type: none;
523
}
524

  
525
#search_results p {
526
	margin-bottom: 0.5em;
527
}
528

  
529
#search_results li {
530
	margin-bottom: 1.5em;
531
}
532

  
533
#search_results p.search_info {
534
	font-size: 0.8em;
535
}
536

  
537
/*** Drupal admin tabs ***/
538

  
539
#tabs_primary, #tabs_secondary {
540
	list-style-type: none;
541
	border-bottom: 1px solid #336;
542
	padding-left: 10px;
543
	margin: 0 0 1.5em;
544
}
545

  
546
#tabs_primary li, #tabs_secondary li {
547
	display: inline;
548
	padding: 3px 2em;
549
	border: 1px solid #336;
550
	background-color: #eee;
551
}
552

  
553
#tabs_primary li.active, #tabs_secondary li.active {
554
	border-bottom: 1px solid #fff;
555
	background-color: #fff;
556
}
557

  
558
#tabs_primary a, #tabs_secondary a {
559
	border-bottom: none;
560
}
561

  
562

  
563
/*** Drupal admin menus ***/
564

  
565
#secondary_content ul.menu {
566
	list-style-type: none;
567
	text-align:left;
568
}
569
#secondary_content ul.menu li {
570
	margin-left: 1.5em;
571
}
572

  
573
#secondary_content ul.menu li.expanded {
574
	list-style-type: circle;
575
}
576
#secondary_content ul.menu li.collapsed {
577
	list-style-type: disc;
578
}
579
#secondary_content ul.menu li.leaf {
580
	list-style-type: square;
581
}
582
#secondary_content ul.menu li a.active {
583
	color: #000;
584
}
585
#secondary_content .menu-disabled {
586
	background-color: #ccc;
587
}
588

  
589
/*** Tables ***/
590

  
591
table {
592
	margin-top: 1em;
593
	margin-bottom: 1em;
594
}
595

  
596
td, th {
597
	padding: 0.25em 0.5em;
598
}
599

  
600
thead tr, tr.even {
601
	background-color: #eee;
602
}
603

  
604
/*** Forms ***/
605

  
606
fieldset {
607
	padding: 1em;
608
	margin-bottom: 1.5em;
609
	border: 1px solid #99c;
610
}
611

  
612
/*** Drupal miscellaneous ***/
613

  
614
.help {
615
	margin-bottom: 1.5em;
616
}
617

  
618
.node {
619
	margin-bottom: 3em;
620
}
621

  
622
.title {
623
	padding-bottom: 0.25em;
624
	border-bottom: 1px solid #99c;
625
}
626

  
627
#secondary_content .title {
628
	border-bottom: none;
629
}
630

  
631
.title a {
632
	border-bottom: none;
633
}
634

  
635
div.messages {
636
	border: 1px solid #933;
637
	background-color: #ffb4b4;
638
	padding: 0.25em 0.5em;
639
	margin: 1em 0;
640
}
641

  
642
thead img, .watchdog-error img {
643
	border: none;
644
	padding: 0;
645
}
646

  
647
#pager a, #pager strong {
648
	margin-right: 0.5em;
649
}
650

  
651
div.metadata {
652
	font-size: 0.8em;
653
}
654

  
655
/*** Drupal admin forms ***/
656

  
657
.form-item {
658
	margin: 1em 0;
659
}
660

  
661
.form-item .form-item {
662
	margin: 0 1em;
663
	display: inline;
664
}
665

  
666
.form-item .form-item label {
667
	display: inline;
668
}
669

  
670
.form-item label {
671
	display: block;
672
	font-weight: bold;
673
}
674

  
675
.form-item img {
676
/*	border: 1px solid #99c;*/
677
	padding: 0px;
678
	/*float: right;*/
679
	margin: 0 0 0px 0px;
680
}
681

  
682
dl.multiselect .form-item {
683
	display: inline;
684
	margin: 0 1em 0 0;
685
}
686

  
687
dl.multiselect .form-item label {
688
	display: inline;
689
}
690

  
691
dl.multiselect dt {
692
	margin: 0.5em 0;
693
}
694

  
695
#node-admin-buttons {
696
	margin: 0.5em 0;
697
}
698

  
699
fieldset {
700
	margin: 1em 0;
701
	padding: 0.5em;
702
}
703

  
704
fieldset ul {
705
	margin-bottom: 0;
706
}
707

  
708
.form-text, .form-textarea {
709
width: 95%;
710
}
711

  
712
.resizable-textarea {
713
width: 100%;
714
}
0 715

  
lib/style/skins/nceas/nceas.xsl
1
<?xml version="1.0"?>
2
<!--
3
	*  '$RCSfile$'
4
	*      Authors: Matt Jones, Chad Berkley
5
	*    Copyright: 2000-2007 Regents of the University of California and the
6
	*               National Center for Ecological Analysis and Synthesis
7
	*  For Details: http://www.nceas.ucsb.edu/
8
	*
9
	*   '$Author$'
10
	*     '$Date$'
11
	* '$Revision$'
12
	*
13
	* This program is free software; you can redistribute it and/or modify
14
	* it under the terms of the GNU General Public License as published by
15
	* the Free Software Foundation; either version 2 of the License, or
16
	* (at your option) any later version.
17
	*
18
	* This program is distributed in the hope that it will be useful,
19
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
20
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
21
	* GNU General Public License for more details.
22
	*
23
	* You should have received a copy of the GNU General Public License
24
	* along with this program; if not, write to the Free Software
25
	* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
26
	*
27
	* This is an XSLT (http://www.w3.org/TR/xslt) stylesheet designed to
28
	* convert an XML file showing the resultset of a query
29
	* into an HTML format suitable for rendering with modern web browsers.
30
-->
31
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
32
                xmlns:eml="eml://ecoinformatics.org/eml-2.0.1" 
33
	            version="1.0">
34
    <xsl:import href="@systemidserver@@style-common-path@/resultset-table.xsl"/>
35
    <xsl:import href="@systemidserver@@style-common-path@/eml-2.0.1/emlroot.xsl"/>
36

  
37
	<xsl:output method="html" />
38
	<xsl:param name="sessid" />
39
	<xsl:param name="qformat">default</xsl:param>
40
	<xsl:param name="enableediting">false</xsl:param>
41
	
42
	<xsl:template match="/">
43
		<html>
44
		
45
			<xsl:call-template name="documenthead"/>
46
			
47
			<body id="Overview">
48
				<div id="main_wrapper">
49
					
50
				    <xsl:call-template name="bodyheader"/>
51
				    
52
					<div id="content_wrapper">
53
					                        
54
                   		<xsl:if test="*[local-name()='eml']">     	
55
                            <xsl:call-template name="emldocument"/>
56
                        </xsl:if>
57
                        
58
                        <xsl:if test="*[local-name()='resultset']">     	
59
                            <xsl:call-template name="resultstable"/>
60
                        </xsl:if>
61
                        
62
						<xsl:call-template name="bodyfooter"/>
63
						
64
					</div><!-- id="content_wrapper"-->
65
					
66
				</div><!-- id="main_wraper"-->
67
				
68
			</body>
69
			
70
		</html>
71
	</xsl:template>
72
	
73
	<xsl:template name="documenthead">
74
		<head>
75
			<title>NCEAS Data Repository
76
			<xsl:if test="*[local-name()='eml']">     	
77
            	<xsl:text>: </xsl:text><xsl:value-of select="/eml:eml/dataset/title"/>
78
            </xsl:if>
79
            </title>
80
                        
81
			<link rel="stylesheet" type="text/css"
82
				href="@systemidserver@@style-skins-path@/{$qformat}/midnight.css" />
83
			<script language="Javascript" type="text/JavaScript"
84
				src="@systemidserver@@style-skins-path@/{$qformat}/{$qformat}.js" />
85
			<script language="Javascript" type="text/JavaScript"
86
				src="@systemidserver@@style-common-path@/branding.js" />
87
			<script type="text/javascript"
88
				src="@systemidserver@@style-skins-path@/nceas/navigation.js">
89
			</script>
90
			<link rel="stylesheet" type="text/css"
91
				href="@systemidserver@@style-skins-path@/{$qformat}/{$qformat}.css" />
92

  
93
			<script language="JavaScript">
94
				<![CDATA[
95
         		function submitform(action,form_ref) {
96
             		form_ref.action.value=action;
97
             		form_ref.sessionid.value="]]><xsl:value-of select="$sessid" /><![CDATA[";
98
             		form_ref.qformat.value="]]><xsl:value-of select="$qformat" /><![CDATA[";
99
		            form_ref.submit();
100
         		}
101
				]]>
102
			</script>
103
		</head>
104
	</xsl:template>
105
	
106
	<xsl:template name="bodyheader">
107
		<div id="header">
108
			<p>Skip to <a href="#navigation">navigation</a>,
109
				<a href="#main_content">main content</a>,
110
				<a href="#secondary_content">secondary content</a>
111
				or to <a href="#search">search</a>.
112
			</p>
113
			<h1>
114
				<span></span>
115
				<a href="/">NCEAS</a>
116
			</h1>
117
		</div>
118
		<div id="navigation">
119
			<ul id="main_nav">
120

  
121
				<ul class="menu">
122
					<li class="collapsed">
123
						<a href="http://www.nceas.ucsb.edu">Home
124
						</a>
125
					</li>
126
					<li class="collapsed">
127
						<a href="http://data.nceas.ucsb.edu">
128
						   Repository</a>
129
					</li>
130
					<li class="collapsed">
131
						<a href="@cgi-prefix@/register-dataset.cgi?cfg=nceas">
132
						   Register</a>
133
					</li>
134
				</ul>
135
			</ul>
136
		</div><!-- navigation -->
137
	</xsl:template>
138
    
139
    <xsl:template name="emldocument">
140
    	<table xsl:use-attribute-sets="cellspacing" width="100%"
141
               class="{$mainContainerTableStyle}">
142
            <xsl:apply-templates select="*[local-name()='eml']"/>
143
        </table>
144
    </xsl:template>
145

  
146
	<xsl:template name="bodyfooter">
147
		<div id="footer">
148
			<div id="footer_logos">
149
				<a href="http://www.msi.ucsb.edu/">
150
					<img src="@systemidserver@@style-skins-path@/{$qformat}/logo_msi.jpg"
151
						alt="MSI: Marine Science Institute" height="66" width="132"/></a>
152
				<a href="http://www.nsf.gov/">
153
					<img src="@systemidserver@@style-skins-path@/{$qformat}/logo_nsf.jpg"
154
						alt="NSF: National Science Foundation" height="66"
155
						width="70"/></a>
156
				<a href="http://www.ucsb.edu/">
157
					<img src="@systemidserver@@style-skins-path@/{$qformat}/logo_ucsb.jpg"
158
						alt="UCSB: University of California at Santa Barbara"
159
						height="66" width="132"/></a>
160
			</div><!-- footer_logos -->
161
			<div id="footer_contact">
162
				<span class="contact_name">
163
					National Center for Ecological
164
					Analysis and Synthesis
165
				</span>
166

  
167
				<span class="contact_address">
168
					735 State Street, Suite 300, Santa
169
					Barbara, CA 93101
170
				</span>
171
				<span class="copyright">
172
					Copyright &#169; 2007 The Regents of
173
									the University of California, All
174
									Rights Reserved
175
								</span>
176
								<span class="copyright">
177
									<a href="http://www.ucsb.edu/"
178
										title="Visit the
179
UCSB website">
180
										UC Santa Barbara
181
									</a>
182
									, Santa Barbara CA 93106 &#149;
183
					(805) 893-8000
184
				</span>
185
				<span class="copyright">
186
					<a
187
						href="mailto:webmaster@nceas.ucsb.edu"
188
						title="E-mail the NCEAS webmaster">
189
						Contact
190
					</a>
191
					&#149;
192
					<a
193
						href="http://www.ucsb.edu/policies/terms-of-use.shtml">
194
						Terms of Use
195
					</a>
196
					&#149;
197
					<a href="http://www.nceas.ucsb.edu/accessibility"
198
						title="NCEAS is committed to the accessibility of its products for all users">
199
						Accessibility</a>
200
				</span>
201

  
202
				<span class="copyright">
203
					Last Modified July 10, 2007
204
				</span>
205
			</div><!-- footer_contact -->
206
		</div>
207
	</xsl:template>
208

  
209
</xsl:stylesheet>
0 210

  
lib/style/skins/nceas/index.html
29 29
<html>
30 30
<head>
31 31
<title>NCEAS Data Repository</title>
32
<link rel="stylesheet" href="@html-path@/style/default.css" type="text/css">
33 32
  <link rel="stylesheet" type="text/css" 
34
        href="@systemidserver@@style-skins-path@/nceas/nceas.css">
33
        href="@systemidserver@@style-skins-path@/nceas/midnight.css">
35 34
  <script language="JavaScript" type="text/JavaScript"
36 35
          src="@systemidserver@@style-skins-path@/nceas/nceas.js"></script>
37 36
  <script language="JavaScript" type="text/JavaScript"
38 37
          src="@systemidserver@@style-common-path@/branding.js"></script>
38
  <script type="text/javascript" 
39
          src="@systemidserver@@style-skins-path@/nceas/navigation.js"></script>
39 40
  <script language="Javascript">
40 41
        function trim(stringToTrim) {
41 42
                return stringToTrim.replace(/^\s*/, '').replace(/\s*$/,'');
......
165 166
-->
166 167
  </style>
167 168
</head>
168
<body>
169
      <script language="JavaScript">
170
          insertTemplateOpening();
171
          insertSearchBox();
172
      </script>
173
	  
174
<table width="760" border="0" cellspacing="0" cellpadding="0"><!--DWLayoutTable-->
175
  <tr><td colspan="5">
169
<body id="Overview">
170
    <div id="main_wrapper">
171

  
172
    <div id="header">
173
        <p>Skip to <a href="#navigation">navigation</a>, <a href="#main_content">main
174
        content</a>, <a href="#secondary_content">secondary content</a> or to <a
175
        href="#search">search</a>.</p> <h1><span></span><a href="/">NCEAS</a></h1>
176
    </div>
177
    <div id="navigation">
178
        <ul id="main_nav">
179

  
180
                    <ul class="menu">
181
                        <li class="collapsed"><a href="http://www.nceas.ucsb.edu">Home</a></li>
182
                        <li class="collapsed"><a href="http://data.nceas.ucsb.edu">Repository</a></li>
183
                        <li class="collapsed"><a href="@cgi-prefix@/register-dataset.cgi?cfg=nceas">Register</a></li>
184
                    </ul>
185
        </ul>
186
     </div> <!-- navigation --> 
187

  
188
    <div id="content_wrapper">
189
        <h1>NCEAS Data Repository</h1>
190

  
176 191
<p class ="intro">Welcome to the NCEAS Data Repository. This repository contains information 
177 192
about the research data sets collected and collated as part of NCEAS' funded activities. 
178 193
Information in the NCEAS Data Repository is concurrently available through the <a href="http://knb.ecoinformatics.org/index.jsp">Knowledge Network for Biocomplexity (KNB)</a>, an international data repository. </span></p>
......
253 268
Language (EML)</a>.
254 269
</p>
255 270

  
256
    </td></tr>
257
</table>
271
<div id="footer">
272
    <div id="footer_logos">
273
                <a href="http://www.msi.ucsb.edu/"><img
274
src="logo_msi.jpg" alt="MSI: Marine Science Institute" height="66"
275
width="132"></a><a href="http://www.nsf.gov/"><img src="logo_nsf.jpg"
276
alt="NSF: National Science 
277
Foundation" height="66" width="70"></a><a href="http://www.ucsb.edu/"><img
278
src="logo_ucsb.jpg" alt="UCSB: University of California at Santa Barbara"
279
height="66" width="132"></a>
280
    </div> <!-- footer_logos -->
281
    <div id="footer_contact">
282
        <span class="contact_name">National Center for Ecological Analysis and Synthesis</span>
258 283

  
284
        <span class="contact_address">735 State Street, Suite 300, Santa Barbara, CA 93101</span>
285
        <span class="copyright">Copyright &copy; ? 2007 The Regents of the
286
University of California, All Rights Reserved</span>
287
        <span class="copyright"><a href="http://www.ucsb.edu/" title="Visit the
288
UCSB website">UC Santa Barbara</a>, Santa Barbara CA 93106 &bull; (805)
289
893-8000</span>
290
        <span class="copyright"><a href="mailto:webmaster@nceas.ucsb.edu"
291
title="E-mail the NCEAS webmaster">Contact</a> &bull; <a
292
href="http://www.ucsb.edu/policies/terms-of-use.shtml">Terms of Use</a> &bull; <a
293
href="http://www.nceas.ucsb.edu/accessibility" title="NCEAS is committed to the
294
accessibility of its products for all users">Accessibility</a></span>
295

  
296
        <span class="copyright">Last Modified July 10, 2007</span>
297
    </div> <!-- footer_contact -->
298
</div>
299

  
300
</div> <!-- id="content_wrapper"-->
301

  
259 302
<script language="JavaScript">          
260 303
    insertTemplateClosing();
261 304
</script>
305
    </div>
262 306
</body>
263 307
</html>
lib/style/skins/nceas/navigation.js
1
sfHover = function() {
2
	var sfEls = document.getElementById("main_nav").getElementsByTagName("li");
3
	
4
	for (var i=0; i<sfEls.length; i++) {
5
		sfEls[i].onmouseover=function() {
6
			this.className+=" sfhover";
7
		}
8
		sfEls[i].onmouseout=function() {
9
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
10
		}
11
	}
12
}
13

  
14
if (window.attachEvent) window.attachEvent("onload", sfHover);
0 15

  

Also available in: Unified diff