|
1 |
/************************************************************************
|
|
2 |
Name: style.css
|
|
3 |
Version: $Revision: 1.15 $
|
|
4 |
Date: $Date: 2006/07/27 22:54:53 $
|
|
5 |
***********************************************************************
|
|
6 |
Copyright (c) 2002-2005, Hewlett-Packard Company and Massachusetts
|
|
7 |
Institute of Technology. All rights reserved.
|
|
8 |
***********************************************************************
|
|
9 |
Redistribution and use in source and binary forms, with or without
|
|
10 |
modification, are permitted provided that the following conditions are
|
|
11 |
met:
|
|
12 |
- Redistributions of source code must retain the above copyright
|
|
13 |
notice, this list of conditions and the following disclaimer.
|
|
14 |
- Redistributions in binary form must reproduce the above copyright
|
|
15 |
notice, this list of conditions and the following disclaimer in the
|
|
16 |
documentation and/or other materials provided with the distribution.
|
|
17 |
- Neither the name of the Hewlett-Packard Company nor the name of the
|
|
18 |
Massachusetts Institute of Technology nor the names of their
|
|
19 |
contributors may be used to endorse or promote products derived from
|
|
20 |
this software without specific prior written permission.
|
|
21 |
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
|
22 |
``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
|
23 |
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
|
24 |
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
|
25 |
HOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
|
|
26 |
INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
|
|
27 |
BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS
|
|
28 |
OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
|
29 |
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
|
|
30 |
TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE
|
|
31 |
USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
|
|
32 |
DAMAGE.
|
|
33 |
***********************************************************************/
|
|
34 |
* {
|
|
35 |
margin: 0;
|
|
36 |
padding: 0;
|
|
37 |
}
|
|
38 |
body {
|
|
39 |
background: white;
|
|
40 |
margin: 0;
|
|
41 |
padding: 0;
|
|
42 |
font-family: "Arial", verdana, Helvetica, sans-serif;
|
|
43 |
font-size: 10pt;
|
|
44 |
font-style: normal;
|
|
45 |
height: 100%;
|
|
46 |
}
|
|
47 |
/*
|
|
48 |
******************************
|
|
49 |
***** General elements *****
|
|
50 |
******************************
|
|
51 |
*/
|
|
52 |
a {
|
|
53 |
color: rgb(49, 102, 22);
|
|
54 |
text-decoration: none;
|
|
55 |
}
|
|
56 |
a:hover {
|
|
57 |
text-decoration: underline;
|
|
58 |
}
|
|
59 |
ul {
|
|
60 |
margin-top: 10px;
|
|
61 |
margin-bottom: 10px;
|
|
62 |
list-style-type: none;
|
|
63 |
}
|
|
64 |
ul li {
|
|
65 |
color: rgb(99,0,0);
|
|
66 |
margin-left: 15px;
|
|
67 |
}
|
|
68 |
ol li {
|
|
69 |
margin-top: 10px;
|
|
70 |
margin-left: 35px;
|
|
71 |
}
|
|
72 |
p {
|
|
73 |
margin-top: 10px;
|
|
74 |
margin-bottom: 10px;
|
|
75 |
margin-left: 15px;
|
|
76 |
margin-right: 60px;
|
|
77 |
}
|
|
78 |
h1, h2, h3, h4, h5 {
|
|
79 |
color: #555555;
|
|
80 |
}
|
|
81 |
blockquote {
|
|
82 |
margin-left: 50px;
|
|
83 |
margin-right: 70px;
|
|
84 |
margin-top: 10px;
|
|
85 |
margin-bottom: 10px;
|
|
86 |
}
|
|
87 |
span.bold {
|
|
88 |
font-weight: bolder;
|
|
89 |
}
|
|
90 |
span.italics,span.italic {
|
|
91 |
font-style: italic;
|
|
92 |
}
|
|
93 |
span.underline {
|
|
94 |
text-decoration: underline;
|
|
95 |
}
|
|
96 |
span.fade {
|
|
97 |
color: blue;
|
|
98 |
font-size: 90%;
|
|
99 |
}
|
|
100 |
span.fade a {
|
|
101 |
color: black;
|
|
102 |
text-decoration: none;
|
|
103 |
}
|
|
104 |
span.fade a:hover {
|
|
105 |
color: blue;
|
|
106 |
text-decoration: underline;
|
|
107 |
}
|
|
108 |
span.warn, p.warning {
|
|
109 |
color: red;
|
|
110 |
font-weight: bolder;
|
|
111 |
}
|
|
112 |
p.hidden, span.hidden {
|
|
113 |
display: none;
|
|
114 |
}
|
|
115 |
img {
|
|
116 |
-ms-interpolation-mode: bicubic;
|
|
117 |
border-style: none;
|
|
118 |
}
|
|
119 |
/*
|
|
120 |
******************************
|
|
121 |
***** Major components *****
|
|
122 |
******************************
|
|
123 |
*/
|
|
124 |
ul#ds-trail {
|
|
125 |
margin: 5px 0 10px 190px;
|
|
126 |
}
|
|
127 |
div#ds-main {
|
|
128 |
height: 100%;
|
|
129 |
}
|
|
130 |
div#ds-body {
|
|
131 |
margin: 5px 0 10px 265px;
|
|
132 |
padding-right: 10px;
|
|
133 |
top: 155px;
|
|
134 |
}
|
|
135 |
/* amol's additon */
|
|
136 |
div#ds-header {
|
|
137 |
top: 0px;
|
|
138 |
height: 119px;
|
|
139 |
background-color: rgb(152, 187, 143);
|
|
140 |
}
|
|
141 |
div#ds-options {
|
|
142 |
padding: 0px 0px;
|
|
143 |
position: absolute;
|
|
144 |
top: 119px;
|
|
145 |
left: 0;
|
|
146 |
width: 251px;
|
|
147 |
overflow: hidden;
|
|
148 |
background: #FEFECD;
|
|
149 |
/* height: 100%; */
|
|
150 |
}
|
|
151 |
div#ds-footer {
|
|
152 |
clear: both;
|
|
153 |
margin: 106px 0px 0px 265px;
|
|
154 |
top: 476px;
|
|
155 |
}
|
|
156 |
/*
|
|
157 |
******************************
|
|
158 |
********** Header **********
|
|
159 |
******************************
|
|
160 |
*/
|
|
161 |
div#ds-header {
|
|
162 |
/* background-color: #40841F; */
|
|
163 |
}
|
|
164 |
div#ds-header span.ds-trail {
|
|
165 |
position: relative;
|
|
166 |
top: -38px;
|
|
167 |
left: 256px;
|
|
168 |
color: rgb(255, 255, 255)
|
|
169 |
}
|
|
170 |
div#ds-header span.ds-header-name {
|
|
171 |
font-size: 5em;
|
|
172 |
top: 25px;
|
|
173 |
position: absolute;
|
|
174 |
left: 230px;
|
|
175 |
text-align: right;
|
|
176 |
color: white;
|
|
177 |
}
|
|
178 |
div#ds-header a img#ds-header-logo {
|
|
179 |
border: 0;
|
|
180 |
width: 251px;
|
|
181 |
height: 119px;
|
|
182 |
left: 9px;
|
|
183 |
float: left;
|
|
184 |
background-repeat: no-repeat;
|
|
185 |
background: #868E72;
|
|
186 |
}
|
|
187 |
div#ds-header a {
|
|
188 |
text-decoration: none;
|
|
189 |
color: rgb(255, 255, 255);
|
|
190 |
}
|
|
191 |
div#ds-header h1 {
|
|
192 |
display: none;
|
|
193 |
}
|
|
194 |
div#ds-header h2 {
|
|
195 |
clear: both;
|
|
196 |
height: 15px;
|
|
197 |
/* visibility: none; */
|
|
198 |
font-size: 0.001em;
|
|
199 |
/* yeah it's still there but not really visible */
|
|
200 |
}
|
|
201 |
/* User box (login / profile) */
|
|
202 |
div#ds-user-box {
|
|
203 |
position: absolute;
|
|
204 |
top: 35px;
|
|
205 |
right: 20px;
|
|
206 |
}
|
|
207 |
div#ds-user-box p {
|
|
208 |
color: gray;
|
|
209 |
}
|
|
210 |
div#ds-user-box a {
|
|
211 |
text-decoration: none;
|
|
212 |
color: gray;
|
|
213 |
}
|
|
214 |
div#ds-user-box a:hover {
|
|
215 |
text-decoration: underline;
|
|
216 |
}
|
|
217 |
/* Trail */
|
|
218 |
ul#ds-trail li.ds-trail-link {
|
|
219 |
top: 10px;
|
|
220 |
left: 50px;
|
|
221 |
list-style: none;
|
|
222 |
margin-left:0px;
|
|
223 |
}
|
|
224 |
ul#ds-trail li.ds-trail-link a:hover {
|
|
225 |
text-decoration: underline;
|
|
226 |
}
|
|
227 |
ul#ds-trail li.ds-trail-link:after {
|
|
228 |
content: " > ";
|
|
229 |
}
|
|
230 |
/*
|
|
231 |
******************************
|
|
232 |
******* Options list *******
|
|
233 |
******************************
|
|
234 |
*/
|
|
235 |
div#ds-options h3 {
|
|
236 |
color: black;
|
|
237 |
font-size: 1em;
|
|
238 |
}
|
|
239 |
div#ds-options h4 {
|
|
240 |
color: black;
|
|
241 |
font-size: 10pt;
|
|
242 |
margin-top: 10px;
|
|
243 |
}
|
|
244 |
div#ds-options li {
|
|
245 |
margin-top: 5px;
|
|
246 |
margin-bottom: 5px;
|
|
247 |
font-size: 10pt;
|
|
248 |
margin-left: 25px;
|
|
249 |
}
|
|
250 |
div#ds-options div#artifactbrowser_Navigation_list_browse li {
|
|
251 |
list-style: none;
|
|
252 |
margin-left: 0px;
|
|
253 |
}
|
|
254 |
div#ds-options div#artifactbrowser_Navigation_list_browse ul ul li {
|
|
255 |
list-style-image: url(../images/arrow.gif);
|
|
256 |
margin-left: 25px;
|
|
257 |
}
|
|
258 |
div#ds-options div#artifactbrowser_Navigation_list_account ul li {
|
|
259 |
list-style-image: url(../images/arrow.gif);
|
|
260 |
margin-left: 25px;
|
|
261 |
}
|
|
262 |
div#ds-options div#artifactbrowser_Navigation_list_context ul li {
|
|
263 |
list-style-image: url(../images/arrow.gif);
|
|
264 |
margin-left: 25px;
|
|
265 |
}
|
|
266 |
div.ds-option-set {
|
|
267 |
margin-bottom: 30px;
|
|
268 |
}
|
|
269 |
/* search box, in the option list */
|
|
270 |
#ds-search-option-head {
|
|
271 |
background-color: rgb(207, 189, 106);
|
|
272 |
padding-left: 4px;
|
|
273 |
}
|
|
274 |
div#ds-search-option {
|
|
275 |
background-color: #fefecd;
|
|
276 |
}
|
|
277 |
form#ds-search-form fieldset {
|
|
278 |
border: none;
|
|
279 |
padding-left: 25px;
|
|
280 |
padding-top: 10px;
|
|
281 |
padding-bottom: 10px;
|
|
282 |
}
|
|
283 |
div#ds-search-option input.ds-text-field {
|
|
284 |
width: 110px;
|
|
285 |
font-size: 1em;
|
|
286 |
}
|
|
287 |
div#ds-search-option label {
|
|
288 |
display: none;
|
|
289 |
}
|
|
290 |
div#ds-search-option a {
|
|
291 |
font-weight: bold;
|
|
292 |
font-size: .9em;
|
|
293 |
padding-left: 25px;
|
|
294 |
}
|
|
295 |
/*
|
|
296 |
******************************
|
|
297 |
********** Footer **********
|
|
298 |
******************************
|
|
299 |
*/
|
|
300 |
div#ds-footer div#ds-footer-links div#ds-footer-credit {
|
|
301 |
position: relative;
|
|
302 |
right: 0px;
|
|
303 |
margin: 5px 0 10px 15px;
|
|
304 |
}
|
|
305 |
div#ds-footer span.ds-footer-msg {
|
|
306 |
position: absolute;
|
|
307 |
right: 40px;
|
|
308 |
}
|
|
309 |
div#ds-footer a {
|
|
310 |
text-decoration: none;
|
|
311 |
}
|
|
312 |
div#ds-footer-links {
|
|
313 |
border-top: 1px solid gray;
|
|
314 |
}
|
|
315 |
div#ds-footer a:hover {
|
|
316 |
text-decoration: underline;
|
|
317 |
}
|
|
318 |
|
|
319 |
/*
|
|
320 |
******************************
|
|
321 |
******** pagination ********
|
|
322 |
******************************
|
|
323 |
*/
|
|
324 |
div.pagination {
|
|
325 |
position: relative;
|
|
326 |
text-align: center;
|
|
327 |
width: 95%;
|
|
328 |
}
|
|
329 |
div.pagination-masked.top {
|
|
330 |
position: relative;
|
|
331 |
margin: 0px 60px 0px 0px;
|
|
332 |
padding: 0px;
|
|
333 |
text-align: right;
|
|
334 |
}
|
|
335 |
div.pagination-masked.bottom {
|
|
336 |
position: relative;
|
|
337 |
margin: 0px 60px 0px 0px;
|
|
338 |
padding: 0px;
|
|
339 |
text-align: center;
|
|
340 |
}
|
|
341 |
a.previous-page-link {
|
|
342 |
font-weight: bolder;
|
|
343 |
font-size: larger;
|
|
344 |
margin: 0px;
|
|
345 |
padding: 0px;
|
|
346 |
}
|
|
347 |
a.next-page-link {
|
|
348 |
font-weight: bolder;
|
|
349 |
font-size: larger;
|
|
350 |
margin: 0px;
|
|
351 |
padding: 0px;
|
|
352 |
}
|
|
353 |
p.pagination-info {
|
|
354 |
position: relative;
|
|
355 |
margin: 0px;
|
|
356 |
padding: 0px;
|
|
357 |
}
|
|
358 |
span.pagination-info {
|
|
359 |
padding-right: 20px;
|
|
360 |
padding-left: 20px;
|
|
361 |
}
|
|
362 |
ul.pagination-links {
|
|
363 |
position: relative;
|
|
364 |
margin: 0px;
|
|
365 |
padding: 0px;
|
|
366 |
}
|
|
367 |
*.pagination-links li {
|
|
368 |
list-style: none;
|
|
369 |
display: inline;
|
|
370 |
margin-right: 5px;
|
|
371 |
font-size: 90%;
|
|
372 |
}
|
|
373 |
/*
|
|
374 |
******************************
|
|
375 |
****** Progress Lists ******
|
|
376 |
******************************
|
|
377 |
*/
|
|
378 |
ul.ds-progress-list {
|
|
379 |
margin: 0px;
|
|
380 |
padding-top: 2px;
|
|
381 |
padding-bottom: 2px;
|
|
382 |
text-align: center;
|
|
383 |
}
|
|
384 |
ul.ds-progress-list li {
|
|
385 |
font-family: Arial, Helvetica, sans-serif;
|
|
386 |
font-weight: bold;
|
|
387 |
color: gray;
|
|
388 |
overflow: hidden;
|
|
389 |
display: inline;
|
|
390 |
line-height: 20px;
|
|
391 |
}
|
|
392 |
ul.ds-progress-list li.current {
|
|
393 |
color: black;
|
|
394 |
}
|
|
395 |
ul.ds-progress-list li.arrow {
|
|
396 |
font-size: 200%;
|
|
397 |
font-weight: bold;
|
|
398 |
position: relative;
|
|
399 |
top: 6px;
|
|
400 |
}
|
|
401 |
/*
|
|
402 |
******************************
|
|
403 |
******* Artifact List ******
|
|
404 |
******************************
|
|
405 |
*/
|
|
406 |
ul.ds-artifact-list {
|
|
407 |
border: 1px solid gray;
|
|
408 |
list-style-type: none;
|
|
409 |
width: 95%;
|
|
410 |
}
|
|
411 |
ul.ds-artifact-list li.odd {
|
|
412 |
background-color: rgb(255, 255, 255);
|
|
413 |
}
|
|
414 |
ul.ds-artifact-list li.even {
|
|
415 |
background-color: rgb(238, 238, 238);
|
|
416 |
}
|
|
417 |
ul.ds-artifact-list li {
|
|
418 |
position: relative;
|
|
419 |
padding-bottom: 3px;
|
|
420 |
padding-top: 3px;
|
|
421 |
margin: 0 0 0 0;
|
|
422 |
padding: 2px 5px 2px 5px;
|
|
423 |
}
|
|
424 |
ul.ds-artifact-list li div.artifact-description {
|
|
425 |
width: 80%;
|
|
426 |
}
|
|
427 |
ul.ds-artifact-list li div.artifact-preview {
|
|
428 |
margin: -30px 0px 0 auto;
|
|
429 |
width: 15%;
|
|
430 |
}
|
|
431 |
ul.ds-artifact-list li div.artifact-info {
|
|
432 |
font-size: 90%;
|
|
433 |
padding-left: 25px;
|
|
434 |
}
|
|
435 |
ul.ds-artifact-list li div.artifact-title {
|
|
436 |
font-family: Arial, Helvetica, sans-serif;
|
|
437 |
font-size: 100%;
|
|
438 |
font-weight: bolder;
|
|
439 |
}
|
|
440 |
span.date {
|
|
441 |
font-style: italic;
|
|
442 |
}
|
|
443 |
/*
|
|
444 |
******************************
|
|
445 |
********* Tables ***********
|
|
446 |
******************************
|
|
447 |
*/
|
|
448 |
table {
|
|
449 |
clear: both;
|
|
450 |
border-spacing: 0px;
|
|
451 |
/* border: 1px solid gray; */
|
|
452 |
margin-top: 5px;
|
|
453 |
width: 95%;
|
|
454 |
}
|
|
455 |
tr.ds-table-header-row {
|
|
456 |
color: inherit;
|
|
457 |
background-color: rgb(218, 218, 218);
|
|
458 |
}
|
|
459 |
tr.ds-table-header-row.subheader {
|
|
460 |
background-color: rgb(250, 250, 214);
|
|
461 |
}
|
|
462 |
th {
|
|
463 |
padding: 4px 10px;
|
|
464 |
}
|
|
465 |
.subheader th {
|
|
466 |
padding-left: 5px;
|
|
467 |
font-weight: 100;
|
|
468 |
}
|
|
469 |
tr.ds-table-row.odd {
|
|
470 |
color: inherit;
|
|
471 |
background-color: rgb(238, 238, 238);
|
|
472 |
}
|
|
473 |
tr.ds-table-row.even {
|
|
474 |
color: inherit;
|
|
475 |
background-color: rgb(255, 255, 255);
|
|
476 |
}
|
|
477 |
td {
|
|
478 |
padding: 3px 10px 5px 10px;
|
|
479 |
border: none;
|
|
480 |
font-size: inherit;
|
|
481 |
background-color: inherit;
|
|
482 |
color: inherit;
|
|
483 |
vertical-align: top;
|
|
484 |
}
|
|
485 |
*.first-cell {
|
|
486 |
vertical-align: middle;
|
|
487 |
text-align: center;
|
|
488 |
}
|
|
489 |
.indent {
|
|
490 |
padding-left: 35px;
|
|
491 |
padding-right: 0;
|
|
492 |
}
|
|
493 |
.doubleIndent {
|
|
494 |
padding-left: 55px;
|
|
495 |
padding-right: 0;
|
|
496 |
}
|
|
497 |
th.indent {
|
|
498 |
padding-left: 30px;
|
|
499 |
padding-right: 0;
|
|
500 |
}
|
|
501 |
th.doubleIndent {
|
|
502 |
padding-left: 50px;
|
|
503 |
padding-right: 0;
|
|
504 |
}
|
|
505 |
/*
|
|
506 |
******************************
|
|
507 |
*********** forms **********
|
|
508 |
******************************
|
|
509 |
*/
|
|
510 |
form.ds-interactive-div {
|
|
511 |
width: 95%;
|
|
512 |
}
|
|
513 |
form.ds-interactive-div li.ds-form-item {
|
|
514 |
/* display: block; */
|
|
515 |
padding: 2px 0;
|
|
516 |
width: 100%;
|
|
517 |
}
|
|
518 |
form.ds-interactive-div li {
|
|
519 |
margin: 0;
|
|
520 |
}
|
|
521 |
form.ds-interactive-div li.odd {
|
|
522 |
background-color: rgb(238, 238, 238);
|
|
523 |
}
|
|
524 |
form.ds-interactive-div li.even {
|
|
525 |
background-color: rgb(255, 255, 255);
|
|
526 |
}
|
|
527 |
form.ds-interactive-div li.last {
|
|
528 |
|
|
529 |
}
|
|
530 |
li.ds-form-item {
|
|
531 |
float: left;
|
|
532 |
clear: both;
|
|
533 |
width: 100%;
|
|
534 |
}
|
|
535 |
div.ds-form-content {
|
|
536 |
float: left;
|
|
537 |
clear: right;
|
|
538 |
display: block;
|
|
539 |
padding: 7px;
|
|
540 |
width: 600px;
|
|
541 |
}
|
|
542 |
span.ds-form-label,label.ds-form-label {
|
|
543 |
display: block;
|
|
544 |
float: left;
|
|
545 |
clear: left;
|
|
546 |
padding: 5px 20px 5px 10px;
|
|
547 |
/*width: 200px;*/
|
|
548 |
font-weight: bold;
|
|
549 |
vertical-align: middle;
|
|
550 |
overflow: hidden;
|
|
551 |
}
|
|
552 |
/* Help, error, & in-line labels */
|
|
553 |
label.ds-composite-component {
|
|
554 |
display: block;
|
|
555 |
float: left;
|
|
556 |
padding: 0px 5px 0 0px;
|
|
557 |
font-size: 80%;
|
|
558 |
color: black;
|
|
559 |
background-color: inherit;
|
|
560 |
text-align: left;
|
|
561 |
}
|
|
562 |
span.error {
|
|
563 |
display: block;
|
|
564 |
font-size: 100%;
|
|
565 |
color: red;
|
|
566 |
background-color: inherit;
|
|
567 |
margin: 0;
|
|
568 |
}
|
|
569 |
span.field-help {
|
|
570 |
display: block;
|
|
571 |
margin-left: 5px;
|
|
572 |
font-size: 90%;
|
|
573 |
color: gray;
|
|
574 |
background-color: inherit;
|
|
575 |
}
|
|
576 |
input.error,textarea.error,select.error {
|
|
577 |
color: inherit;
|
|
578 |
background-color: rgb(255, 245, 245);
|
|
579 |
border-color: red;
|
|
580 |
}
|
|
581 |
span.composite-help {
|
|
582 |
display: block;
|
|
583 |
font-size: 90%;
|
|
584 |
color: gray;
|
|
585 |
background-color: inherit;
|
|
586 |
text-align: left;
|
|
587 |
}
|
|
588 |
span.composite-help {
|
|
589 |
display: block;
|
|
590 |
font-size: 80%;
|
|
591 |
color: black;
|
|
592 |
background-color: inherit;
|
|
593 |
text-align: left;
|
|
594 |
}
|
|
595 |
div.spacer {
|
|
596 |
margin: 0;
|
|
597 |
padding: 0;
|
|
598 |
line-height: 0px;
|
|
599 |
clear: both;
|
|
600 |
}
|
|
601 |
/* The composite field */
|
|
602 |
span.ds-composite-field {
|
|
603 |
display: table-row;
|
|
604 |
padding: 2px;
|
|
605 |
}
|
|
606 |
*.ds-composite-field.ds-composite-component {
|
|
607 |
display: table-cell;
|
|
608 |
text-align: left;
|
|
609 |
width: auto;
|
|
610 |
padding-right: 10px;
|
|
611 |
}
|
|
612 |
*.ds-composite-field input,*.ds-composite-field textarea,*.ds-composite-field select {
|
|
613 |
margin-right: 5px;
|
|
614 |
margin-bottom: -2px;
|
|
615 |
}
|
|
616 |
/* Checkboxes and Radio buttons */
|
|
617 |
fieldset.ds-checkbox-field,fieldset.ds-radio-field {
|
|
618 |
border: none;
|
|
619 |
margin: 0;
|
|
620 |
padding: 0;
|
|
621 |
}
|
|
622 |
fieldset.ds-checkbox-field legend,fieldset.ds-radio-field legend {
|
|
623 |
display: none;
|
|
624 |
}
|
|
625 |
fieldset.ds-checkbox-field label,fieldset.ds-radio-field label {
|
|
626 |
display: block;
|
|
627 |
}
|
|
628 |
/* Sub sections within a form */
|
|
629 |
fieldset.ds-form-list {
|
|
630 |
border: 2px solid gray;
|
|
631 |
padding: 0;
|
|
632 |
margin-left: 0;
|
|
633 |
margin-right: 0;
|
|
634 |
}
|
|
635 |
fieldset.ds-form-list ol {
|
|
636 |
padding: 0;
|
|
637 |
margin: 0;
|
|
638 |
width: 100%;
|
|
639 |
list-style-type: none;
|
|
640 |
}
|
|
641 |
fieldset.ds-form-list legend {
|
|
642 |
color: #336699;
|
|
643 |
background-color: inherit;
|
|
644 |
font-size: 115%;
|
|
645 |
font-weight: bolder;
|
|
646 |
margin-left: 10px;
|
|
647 |
}
|
|
648 |
/*fieldset.thick legend {
|
|
649 |
color: #336699;
|
|
650 |
padding-left: 10px;
|
|
651 |
padding-right: 30px;
|
|
652 |
}*/
|
|
653 |
fieldset.ds-form-sublist {
|
|
654 |
border: 1px solid rgb(238, 238, 238);
|
|
655 |
padding: 0;
|
|
656 |
margin: 5px;
|
|
657 |
}
|
|
658 |
/*
|
|
659 |
***********************************
|
|
660 |
****** Bulleted Text Lists ******
|
|
661 |
***********************************
|
|
662 |
*/
|
|
663 |
ul.text-list {
|
|
664 |
list-style-type: circle;
|
|
665 |
margin-left: 25px;
|
|
666 |
}
|
|
667 |
ul.text-list li {
|
|
668 |
margin-left: 50px;
|
|
669 |
}
|
|
670 |
/*
|
|
671 |
******************************
|
|
672 |
****** Numbered Lists ******
|
|
673 |
******************************
|
|
674 |
*/
|
|
675 |
ol.number-list {
|
|
676 |
list-style-type: decimal;
|
|
677 |
}
|
|
678 |
ol.text-list {
|
|
679 |
margin-left: 25px;
|
|
680 |
}
|
|
681 |
ol.ds-ordered-list {
|
|
682 |
margin-left: 25px;
|
|
683 |
}
|
|
684 |
ol.text-list li {
|
|
685 |
margin-left: 50px;
|
|
686 |
}
|
|
687 |
ol.ds-ordered-list li {
|
|
688 |
margin-left: 50px;
|
|
689 |
}
|
|
690 |
/*
|
|
691 |
******************************
|
|
692 |
****** Alphabet Lists ******
|
|
693 |
******************************
|
|
694 |
*/
|
|
695 |
ul.alphabet {
|
|
696 |
text-align: center;
|
|
697 |
}
|
|
698 |
ul.alphabet li {
|
|
699 |
list-style: none;
|
|
700 |
display: inline;
|
|
701 |
margin: 0 5px 0 5px;
|
|
702 |
font-weight: bolder;
|
|
703 |
}
|
|
704 |
ul.alphabet a:hover {
|
|
705 |
color: black;
|
|
706 |
}
|
|
707 |
/*
|
|
708 |
******************************
|
|
709 |
* Rules for specific pages *
|
|
710 |
******************************
|
|
711 |
*/
|
|
712 |
/* Navigation bar for browse-by pages */
|
|
713 |
form.navigation {
|
|
714 |
max-width: 750px;
|
|
715 |
margin: 0 auto 0 auto;
|
|
716 |
border: 1px solid gray;
|
|
717 |
background-color: rgb(238, 238, 238);
|
|
718 |
}
|
|
719 |
form.navigation p {
|
|
720 |
text-align: center;
|
|
721 |
}
|
|
722 |
/* System wide alerts */
|
|
723 |
div#ds-system-wide-alert {
|
|
724 |
background-color: rgb(255,240,220);
|
|
725 |
border: 2px solid rgb(213,80,40);
|
|
726 |
padding: 6px;
|
|
727 |
margin: 10px 30px 10px 30px;
|
|
728 |
color: rgb(213, 80, 40);
|
|
729 |
}
|
|
730 |
/* License text, used during submission to show a license */
|
|
731 |
div.license-text {
|
|
732 |
border: 1px solid #666;
|
|
733 |
background-color: #EEE;
|
|
734 |
padding: 20px;
|
|
735 |
margin: 20px;
|
|
736 |
margin-top: 5px;
|
|
737 |
font-family: monospace;
|
|
738 |
font-size: 125%;
|
|
739 |
}
|
|
740 |
/*
|
|
741 |
System generated notices, typicaly these follow any action in the
|
|
742 |
administrative section, or validation errors in the submission
|
|
743 |
system.
|
|
744 |
*/
|
|
745 |
div.notice {
|
|
746 |
background-color: rgb(238, 238, 238);
|
|
747 |
border: 2px solid gray;
|
|
748 |
padding: 6px;
|
|
749 |
text-align: center;
|
|
750 |
margin: 10px 30px 10px 30px;
|
|
751 |
}
|
|
752 |
div.validation-error {
|
|
753 |
background-color: rgb(255,240,220);
|
|
754 |
border: 2px solid rgb(213,80,40);
|
|
755 |
padding: 6px;
|
|
756 |
margin-top:10px;
|
|
757 |
margin-bottom:10px;
|
|
758 |
margin-right: 46px;
|
|
759 |
color: rgb(213, 80, 40);
|
|
760 |
}
|
|
761 |
li.error-text {
|
|
762 |
color: rgb(213, 80, 40);
|
|
763 |
}
|
|
764 |
/* Community & Collection homepage */
|
|
765 |
div.search-browse {
|
|
766 |
border: 2px solid gray;
|
|
767 |
background-color: rgb(238,238,238);
|
|
768 |
padding: 0px 5px 0px 10px;
|
|
769 |
width: 350px;
|
|
770 |
}
|
|
771 |
div.detail-view div.ds-logo-wrapper {
|
|
772 |
text-align: right;
|
|
773 |
margin-right: 30px;
|
|
774 |
margin: -150px 30px 0px auto;
|
|
775 |
}
|
|
776 |
div.detail-view p {
|
|
777 |
clear: both;
|
|
778 |
}
|
|
779 |
p.copyright-text {
|
|
780 |
margin-top: 30px;
|
|
781 |
width: 90%;
|
|
782 |
font-style: italic;
|
|
783 |
text-align: center;
|
|
784 |
margin: 30px auto 0px auto;
|
|
785 |
}
|
|
786 |
/*
|
|
787 |
*************************
|
|
788 |
*** Amol's new addons ***
|
|
789 |
*************************
|
|
790 |
*/
|
|
791 |
h3.ds-option-set-head {
|
|
792 |
background-color: rgb(207, 189, 106);
|
|
793 |
padding-left: 4px;
|
|
794 |
}
|
|
795 |
p#ds-button-field {
|
|
796 |
background-color: #cfbd69;
|
|
797 |
}
|
|
798 |
|
|
799 |
/*
|
|
800 |
************************
|
|
801 |
*** @Mire's additions **
|
|
802 |
************************
|
|
803 |
*/
|
|
804 |
div.publication {
|
|
805 |
}
|
|
806 |
div.dataset {
|
|
807 |
padding-left:50px;
|
|
808 |
}
|
|
809 |
/* Reduce heeding sizes */
|
|
810 |
div#ds-body h1 {
|
|
811 |
font-size: 1.5em;
|
|
812 |
margin-top: 10px;
|
|
813 |
margin-bottom: 5px;
|
|
814 |
}
|
|
815 |
div#ds-body h2 {
|
|
816 |
font-size: 1.3em;
|
|
817 |
margin-bottom: 0px;
|
|
818 |
margin-top: 20px;
|
|
819 |
background-color: inherit;
|
|
820 |
}
|
|
821 |
div#ds-body h3 {
|
|
822 |
margin-bottom: 15px;
|
|
823 |
}
|
|
824 |
/* DryadSubmit styles */
|
|
825 |
div#aspect_submission_Navigation_list_submitNow {
|
|
826 |
padding: 20px 10px 20px 10px;
|
|
827 |
margin: 0px;
|
|
828 |
background-color: #FEFECD;
|
|
829 |
border: 0px;
|
|
830 |
}
|
|
831 |
div#aspect_submission_Navigation_list_submitNow ul {
|
|
832 |
list-style-type:none;
|
|
833 |
}
|
|
834 |
div#aspect_submission_Navigation_list_submitNow ul li {
|
|
835 |
margin: 6px 0px 0px 0px;
|
|
836 |
}
|
|
837 |
div#aspect_submission_Navigation_list_submitNow ul li a {
|
|
838 |
margin-right: 60px;
|
|
839 |
margin-left: 60px;
|
|
840 |
}
|
|
841 |
div#aspect_submission_Navigation_list_submitNow ul li a.button-link {
|
|
842 |
/* Background right image */
|
|
843 |
background: transparent url('../images/dryadsubmit-right.jpg') no-repeat scroll top right;
|
|
844 |
display: block;
|
|
845 |
padding-right: 12px;
|
|
846 |
/* Change this value according to right image width */
|
|
847 |
margin-right: 15px;
|
|
848 |
margin-left: 15px;
|
|
849 |
/* Font properties */
|
|
850 |
text-decoration: none;
|
|
851 |
color: #fff;
|
|
852 |
font-family: Arial, Helvetica, sans-serif;
|
|
853 |
font-size:14px;
|
|
854 |
font-weight:bold;
|
|
855 |
}
|
|
856 |
div#aspect_submission_Navigation_list_submitNow ul li a.button-link span {
|
|
857 |
/* Background left image */
|
|
858 |
background: transparent url('../images/dryadsubmit-left.jpg') no-repeat;
|
|
859 |
display: block;
|
|
860 |
line-height: 16px;
|
|
861 |
/* Change this value according to button height */
|
|
862 |
padding: 10px 0px 10px 38px;
|
|
863 |
}
|
|
864 |
div#aspect_dryadsubmit_Navigation_list_DryadSubmit ul li a:hover span {
|
|
865 |
text-decoration:underline;
|
|
866 |
}
|
|
867 |
table.componentTable {
|
|
868 |
border: none;
|
|
869 |
width: auto;
|
|
870 |
}
|
|
871 |
table.componentTable td {
|
|
872 |
vertical-align: top;
|
|
873 |
}
|
|
874 |
ul#aspect_submission_StepTransformer_list_submit-progress li.last {
|
|
875 |
background-color:#FFFFFF;
|
|
876 |
border: none;
|
|
877 |
}
|
|
878 |
/* last revised */
|
|
879 |
div.lastmodified {
|
|
880 |
font-style: italic;
|
|
881 |
/* text-align: center; */
|
|
882 |
font-size: small;
|
|
883 |
/* below, a hack until dri namespace coming out in footer is removed */
|
|
884 |
margin-bottom: -100px;
|
|
885 |
padding-top: 10px;
|
|
886 |
}
|
|
887 |
div#embargo_notice {
|
|
888 |
margin-bottom: 35px;
|
|
889 |
margin-top: 10px;
|
|
890 |
padding: 10px;
|
|
891 |
border: solid 1px;
|
|
892 |
border-color: #ddd;
|
|
893 |
background-color: #FEFECD;
|
|
894 |
font-weight: bold;
|
|
895 |
font-size: larger;
|
|
896 |
color: #555;
|
|
897 |
}
|
|
898 |
div.citation-view {
|
|
899 |
border: solid 1px;
|
|
900 |
border-color: #ddd;
|
|
901 |
background-color: #FEFECD;
|
|
902 |
}
|
|
903 |
blockquote a {
|
|
904 |
white-space: nowrap;
|
|
905 |
}
|
|
906 |
td.inlineRow {
|
|
907 |
padding-left: 25px;
|
|
908 |
}
|
|
909 |
div#aspect_submission_submit_OverviewStep_div_submit-completed-overview {
|
|
910 |
border: 2px solid gray;
|
|
911 |
}
|
|
912 |
div#aspect_submission_submit_OverviewStep_div_submit-completed-overview div.odd {
|
|
913 |
background-color:#EEEEEE;
|
|
914 |
}
|
|
915 |
.bold {
|
|
916 |
font-weight: bold;
|
|
917 |
}
|
|
918 |
div#aspect_submission_submit_OverviewStep_div_submit-completed-overview p {
|
|
919 |
margin: 0;
|
|
920 |
padding: 5px 0;
|
|
921 |
}
|
|
922 |
div#aspect_submission_submit_OverviewStep_div_submit-completed-overview div.subdiv {
|
|
923 |
padding-left: 5px;
|
|
924 |
}
|
|
925 |
ul#aspect_submission_submit_OverviewStep_list_datasets li {
|
|
926 |
padding: 2px;
|
|
927 |
}
|
|
928 |
ul#aspect_submission_StepTransformer_list_journal-select-sublist label {
|
|
929 |
width: 140px;
|
|
930 |
}
|
|
931 |
li.journalerror div {
|
|
932 |
color:red;
|
|
933 |
float:none;
|
|
934 |
}
|
|
935 |
form#aspect_submission_StepTransformer_div_submit-preview-journal li.last {
|
|
936 |
border-top: none;
|
|
937 |
}
|
|
938 |
form#aspect_submission_StepTransformer_div_submit-preview-journal h2,
|
|
939 |
form#aspect_submission_StepTransformer_div_submit-preview-journal table.file-list {
|
|
940 |
display: none;
|
|
941 |
}
|
|
942 |
table.submittable td,
|
|
943 |
table.submittable th {
|
|
944 |
padding-left: 0;
|
|
945 |
text-align: left;
|
|
946 |
}
|
|
947 |
table.selectPubSubmitTable {
|
|
948 |
width: auto;
|
|
949 |
}
|
|
950 |
table.selectPubSubmitTable td {
|
|
951 |
padding: 3px;
|
|
952 |
}
|
|
953 |
table.selectPubSubmitTable td label {
|
|
954 |
padding: 0;
|
|
955 |
width: auto;
|
|
956 |
}
|
|
957 |
table.datafiletable {
|
|
958 |
width: auto;
|
|
959 |
}
|
|
960 |
table.datafiletable td {
|
|
961 |
padding: 10px;
|
|
962 |
}
|
|
963 |
input.inputhint {
|
|
964 |
color: #777777;
|
|
965 |
}
|
|
966 |
.hidden {
|
|
967 |
display: none;
|
|
968 |
}
|
|
969 |
input#aspect_submission_StepTransformer_field_datafile_identifier {
|
|
970 |
width: 220px;
|
|
971 |
}
|
|
972 |
#tooltip {
|
|
973 |
position: absolute;
|
|
974 |
z-index: 3000;
|
|
975 |
border: 1px solid #000000;
|
|
976 |
background-color: #FEFECD;
|
|
977 |
padding: 5px;
|
|
978 |
/* opacity: 0.85; */
|
|
979 |
width: 500px;
|
|
980 |
font-size: 90%;
|
|
981 |
}
|
|
982 |
#tooltip h3, #tooltip div {
|
|
983 |
margin: 0;
|
|
984 |
}
|
|
985 |
div#aspect_discovery_SiteRecentSubmissions_div_site-home {
|
|
986 |
margin-top: 50px;
|
|
987 |
}
|
|
988 |
div#dryad_blog {
|
|
989 |
float: right;
|
|
990 |
margin-left: 40px;
|
|
991 |
margin-top: -10px;
|
|
992 |
margin-right: -10px;
|
|
993 |
width: 300px;
|
|
994 |
padding: 10px 20px 10px 20px;
|
|
995 |
background-color: rgb(238, 238, 238);
|
|
996 |
}
|
|
997 |
div#dryad_blog h3 {
|
|
998 |
text-align: center;
|
|
999 |
}
|
|
1000 |
div#dryad_blog ul {
|
|
1001 |
list-style-type: circle;
|
|
1002 |
}
|
|
1003 |
div#dryad_blog ul li {
|
|
1004 |
padding: 2px;
|
|
1005 |
}
|
|
1006 |
li.current-page-link {
|
|
1007 |
font-weight: bolder;
|
|
1008 |
font-size: larger;
|
|
1009 |
padding-bottom: 5px;
|
|
1010 |
}
|
|
1011 |
|
|
1012 |
ul#aspect_submission_submit_OverviewStep_list_upload-external-list fieldset{
|
|
1013 |
display: inline;
|
|
1014 |
}
|
|
1015 |
|
|
1016 |
.center {
|
|
1017 |
display: block;
|
|
1018 |
text-align: center;
|
|
1019 |
margin-left: auto;
|
|
1020 |
margin-right: auto;
|
|
1021 |
}
|
|
1022 |
|
|
1023 |
.vcenter {
|
|
1024 |
position: absolute;
|
|
1025 |
top: 50%;
|
|
1026 |
display: table-cell;
|
|
1027 |
vertical-align: middle;
|
|
1028 |
}
|
|
1029 |
|
|
1030 |
/*
|
|
1031 |
***************************
|
|
1032 |
SEARCH TABS
|
|
1033 |
***************************
|
|
1034 |
*/
|
|
1035 |
#searchTabs ul {
|
|
1036 |
list-style: none;
|
|
1037 |
padding: 0px;
|
|
1038 |
/*margin: 0px 0px -7px 0px;*/
|
|
1039 |
margin: 0px 0px -.55em 0px;
|
|
1040 |
}
|
|
1041 |
#searchTabs li {
|
|
1042 |
display: inline;
|
|
1043 |
border: solid gray;
|
|
1044 |
border-width: 1px;
|
|
1045 |
margin: 0 0.5em 0 0;
|
|
1046 |
background-color: rgb(238, 238, 238);
|
|
1047 |
/* padding: 3px;*/
|
|
1048 |
padding: .25em;
|
|
1049 |
}
|
|
1050 |
#searchTabs li a {
|
|
1051 |
padding: 0 1em;
|
|
1052 |
}
|
|
1053 |
#searchTabs #selected {
|
|
1054 |
background: white;
|
|
1055 |
border-width: 1px 1px 0px 1px;
|
|
1056 |
/*padding-bottom: 4px;*/
|
|
1057 |
padding-bottom: .5em;
|
|
1058 |
}
|
|
1059 |
/*
|
|
1060 |
***************************
|
|
1061 |
Login-Registration Page
|
|
1062 |
***************************
|
|
1063 |
*/
|
|
1064 |
#aspect_eperson_PasswordLogin_div_register, #aspect_eperson_PasswordLogin_div_login {
|
|
1065 |
padding: 10px;
|
|
1066 |
width: auto;
|
|
1067 |
float: left;
|
|
1068 |
background: white;
|
|
1069 |
background: #eee;
|
|
1070 |
border: 2px solid gray;
|
|
1071 |
}
|
|
1072 |
#aspect_eperson_PasswordLogin_div_login {
|
|
1073 |
margin: 20px 0px 40px 15px; /* top right bottom left */
|
|
1074 |
}
|
|
1075 |
#aspect_eperson_PasswordLogin_div_register {
|
|
1076 |
margin: 20px 5px 20px 15px;
|
|
1077 |
}
|
|
1078 |
#aspect_eperson_PasswordLogin_div_register h3, #aspect_eperson_PasswordLogin_div_login h3 {
|
|
1079 |
color: #3c8219;
|
|
1080 |
}
|
|
1081 |
#aspect_eperson_PasswordLogin_table_register.ds-table {
|
|
1082 |
padding-bottom: 58px; /* 4.3em */
|
|
1083 |
}
|
|
1084 |
#aspect_eperson_PasswordLogin_div_register table tr td, #aspect_eperson_PasswordLogin_div_login table tr td {
|
|
1085 |
background: #eee;
|
|
1086 |
padding: 5px;
|
|
1087 |
}
|
|
1088 |
#aspect_eperson_PasswordLogin_div_login p {
|
|
1089 |
width: 100%;
|
|
1090 |
margin: 10px 0px 0px 0px;
|
|
1091 |
}
|
|
1092 |
#aspect_eperson_PasswordLogin_div_reglogin-header p.ds-paragraph {
|
|
1093 |
font-size: x-large;
|
|
1094 |
color: gray;
|
|
1095 |
font-weight: bolder;
|
|
1096 |
padding-top: 10px;
|
|
1097 |
}
|
|
1098 |
#cc-label {
|
|
1099 |
margin-left: 15px;
|
|
1100 |
}
|
new files for mets style