Revision 3444
Added by Matt Jones about 17 years ago
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 © 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 • |
|
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 |
• |
|
192 |
<a |
|
193 |
href="http://www.ucsb.edu/policies/terms-of-use.shtml"> |
|
194 |
Terms of Use |
|
195 |
</a> |
|
196 |
• |
|
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 © ? 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 • (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> • <a |
|
292 |
href="http://www.ucsb.edu/policies/terms-of-use.shtml">Terms of Use</a> • <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
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