1 | * { |
---|
2 | margin: 0; |
---|
3 | /* padding: 0; */ |
---|
4 | } |
---|
5 | |
---|
6 | html { |
---|
7 | overflow-y: scroll |
---|
8 | } |
---|
9 | |
---|
10 | html, body { |
---|
11 | font-family: Verdana, sans-serif; |
---|
12 | font-size: 12px; |
---|
13 | margin: 0 auto; |
---|
14 | padding: 0; |
---|
15 | line-height: 1; |
---|
16 | height: 100%; |
---|
17 | color: #000000; |
---|
18 | /* background-color: #E9EEFA; */ |
---|
19 | width: 990px; |
---|
20 | min-width: 990px; |
---|
21 | height: 100%; |
---|
22 | } |
---|
23 | |
---|
24 | noscript { |
---|
25 | margin: 0 auto; |
---|
26 | padding: 0; |
---|
27 | width: 1024px; |
---|
28 | } |
---|
29 | |
---|
30 | #noscript-warning { |
---|
31 | color: #FFFFFF; |
---|
32 | background-color: #AE0000; |
---|
33 | font-size: 13px; |
---|
34 | font-weight: bold; |
---|
35 | text-align: center; |
---|
36 | line-height: 24px; |
---|
37 | margin: 0 auto; |
---|
38 | padding: 0; |
---|
39 | text-align: center; |
---|
40 | vertical-align: middle; |
---|
41 | position: fixed; |
---|
42 | top: 0; |
---|
43 | left: 0; |
---|
44 | width: 100%; |
---|
45 | z-index: 101; |
---|
46 | } |
---|
47 | |
---|
48 | #header { |
---|
49 | border-top: 2px solid #D4DEEF; |
---|
50 | } |
---|
51 | |
---|
52 | #header-logo { |
---|
53 | margin: 0; |
---|
54 | padding: 5px; |
---|
55 | height: 70px; |
---|
56 | color: #004071; |
---|
57 | background-color: #E9EEF7; |
---|
58 | } |
---|
59 | |
---|
60 | #header-logo #clarin-logo { |
---|
61 | background: transparent url('../images/clarin-logo.png') no-repeat; |
---|
62 | float: left; |
---|
63 | width: 298px; |
---|
64 | height: 70px; |
---|
65 | } |
---|
66 | |
---|
67 | #header-logo #ids-logo { |
---|
68 | background: transparent url('../images/ids-logo.png') no-repeat; |
---|
69 | float: right; |
---|
70 | width: 55px; |
---|
71 | height: 70px; |
---|
72 | } |
---|
73 | |
---|
74 | #header-logo h1 { |
---|
75 | margin: 0 55px 0 298px; |
---|
76 | padding: 0 32px 0 32px; |
---|
77 | height: 70px; |
---|
78 | line-height: 70px; |
---|
79 | font-size: 34px; |
---|
80 | font-weight: bold; |
---|
81 | font-variant: small-caps; |
---|
82 | } |
---|
83 | |
---|
84 | #navigation { |
---|
85 | margin: 0; |
---|
86 | padding: 0; |
---|
87 | height: 20px; |
---|
88 | clear: both; |
---|
89 | color: #000000; |
---|
90 | background-color: #D4DEEF; |
---|
91 | font-size: 12px; |
---|
92 | line-height: 12px; |
---|
93 | vertical-align: middle; |
---|
94 | } |
---|
95 | |
---|
96 | #menu { |
---|
97 | margin: 0 100px 0 0; |
---|
98 | } |
---|
99 | |
---|
100 | #menu ul { |
---|
101 | list-style-type: none; |
---|
102 | margin: 0; |
---|
103 | padding: 0; |
---|
104 | } |
---|
105 | |
---|
106 | #menu li { |
---|
107 | float: left; |
---|
108 | margin-left: 4px; |
---|
109 | } |
---|
110 | |
---|
111 | #menu a, #menu span.active { |
---|
112 | display: block; |
---|
113 | margin: 0; |
---|
114 | padding: 4px 8px; |
---|
115 | width: auto; |
---|
116 | height: 12px; |
---|
117 | text-align: center; |
---|
118 | text-decoration: none; |
---|
119 | font-weight: bold; |
---|
120 | } |
---|
121 | |
---|
122 | #menu ul li + #menu ul li { |
---|
123 | border-left: 1px solid black; |
---|
124 | } |
---|
125 | |
---|
126 | #menu a, #menu a:active, #menu a:visited { |
---|
127 | color: #000000; |
---|
128 | background-color: inherit; |
---|
129 | } |
---|
130 | |
---|
131 | #menu a:hover { |
---|
132 | color: #AE0000; |
---|
133 | background-color: #E9EEF7; |
---|
134 | } |
---|
135 | |
---|
136 | #menu span.active { |
---|
137 | font-style: italic; |
---|
138 | } |
---|
139 | |
---|
140 | #login { |
---|
141 | float: right; |
---|
142 | padding: 4px 4px 4px 4px; |
---|
143 | width: auto; |
---|
144 | } |
---|
145 | |
---|
146 | #container { |
---|
147 | min-height: 100%; |
---|
148 | height: auto !important; |
---|
149 | height: 100%; |
---|
150 | margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */ |
---|
151 | color: #000000; |
---|
152 | background-color: #FFFFFF; |
---|
153 | border-left: 2px solid #D4DEEF; |
---|
154 | border-right: 2px solid #D4DEEF; |
---|
155 | } |
---|
156 | |
---|
157 | #content { |
---|
158 | margin: 0; |
---|
159 | padding: 0; |
---|
160 | } |
---|
161 | |
---|
162 | #container .push { |
---|
163 | height: 20px; |
---|
164 | width: auto; |
---|
165 | } |
---|
166 | |
---|
167 | #footer { |
---|
168 | padding: 0 4px; |
---|
169 | margin: 0 auto; |
---|
170 | height: 18px; |
---|
171 | line-height: 18px; |
---|
172 | text-align: right; |
---|
173 | color: #004071; |
---|
174 | background-color: #D4DEEF; |
---|
175 | border-left: 2px solid #D4DEEF; |
---|
176 | border-right: 2px solid #D4DEEF; |
---|
177 | border-bottom: 2px solid #D4DEEF; |
---|
178 | } |
---|
179 | |
---|
180 | /* general */ |
---|
181 | input, select, textarea { |
---|
182 | font-family: Verdana, sans-serif; |
---|
183 | font-size: 100%; |
---|
184 | border: 1px solid #000000; |
---|
185 | } |
---|
186 | |
---|
187 | /* |
---|
188 | * wizard |
---|
189 | */ |
---|
190 | div.wizard .wicketExtensionsWizardHeaderTitle { |
---|
191 | padding: 0px 10px; |
---|
192 | font-size: 16px; |
---|
193 | font-weight: bold; |
---|
194 | } |
---|
195 | |
---|
196 | div.wizard .wicketExtensionsWizardHeaderSummary { |
---|
197 | padding: 5px 10px 0 10px; |
---|
198 | font-style: italics; |
---|
199 | } |
---|
200 | |
---|
201 | div.wizard .wizardHeader { |
---|
202 | border-bottom: 1px solid #000000; |
---|
203 | margin: 0 0 10px 0; |
---|
204 | padding: 0 0 10px 0; |
---|
205 | } |
---|
206 | |
---|
207 | form.wizard { |
---|
208 | margin: 5px 4px; |
---|
209 | padding: 0; |
---|
210 | font-size: 100%; |
---|
211 | width: 978px; |
---|
212 | min-width: 978px; |
---|
213 | } |
---|
214 | |
---|
215 | form.wizard fieldset, |
---|
216 | div.wizard div.fieldset { |
---|
217 | clear: both; |
---|
218 | font-size: 100%; |
---|
219 | border: none; |
---|
220 | padding: 0 10px 0 10px; |
---|
221 | margin: 0 0 0 0; |
---|
222 | } |
---|
223 | |
---|
224 | /* |
---|
225 | form.wizard fieldset legend { |
---|
226 | font-size: 150%; |
---|
227 | font-weight: normal; |
---|
228 | color: #000000; |
---|
229 | margin: 0 0 0 0; |
---|
230 | padding: 0 5px; |
---|
231 | } |
---|
232 | |
---|
233 | div.wizard label { |
---|
234 | font-size: 100%; |
---|
235 | } |
---|
236 | |
---|
237 | div.wizard label u { |
---|
238 | font-style: normal; |
---|
239 | text-decoration: underline; |
---|
240 | } |
---|
241 | |
---|
242 | div.wizard input, div.wizard select, div.wizard textarea { |
---|
243 | font-family: Tahoma, Arial, sans-serif; |
---|
244 | font-size: 100%; |
---|
245 | color: #000000; |
---|
246 | } |
---|
247 | |
---|
248 | div.wizard textarea { |
---|
249 | overflow: auto; |
---|
250 | } |
---|
251 | */ |
---|
252 | |
---|
253 | form.wizard div, |
---|
254 | div.editDialog div { |
---|
255 | clear: left; |
---|
256 | display: block; |
---|
257 | /* width: 354px; |
---|
258 | zoom: 1; |
---|
259 | margin: 5px 0 0 0; |
---|
260 | padding: 1px 3px; |
---|
261 | */ |
---|
262 | } |
---|
263 | |
---|
264 | form.wizard .extrainfo { |
---|
265 | margin-left: 50px; |
---|
266 | } |
---|
267 | |
---|
268 | form.wizard .extrainfo a.extrainfotoggle { |
---|
269 | display: inline-block; |
---|
270 | float: right; |
---|
271 | vertical-align: top; |
---|
272 | width: 16px; |
---|
273 | height: 16px; |
---|
274 | background-image: url(help-128.png); /* from http://www.iconsdb.com/ */ |
---|
275 | background-size: 16px 16px; |
---|
276 | background-repeat: no-repeat; |
---|
277 | } |
---|
278 | |
---|
279 | form.wizard .extrainfo a.extrainfotoggle span { |
---|
280 | display: none; |
---|
281 | } |
---|
282 | |
---|
283 | form.wizard div.notes, form.wizard div.sidenotes { |
---|
284 | display: inline-block; |
---|
285 | height: auto; |
---|
286 | padding: 5px; |
---|
287 | border: 1px solid #666666; |
---|
288 | background-color: #ffffe1; |
---|
289 | color: #666666; |
---|
290 | } |
---|
291 | |
---|
292 | form.wizard div.notes { |
---|
293 | width: 80%; |
---|
294 | margin: 0 0 10px 70px; |
---|
295 | } |
---|
296 | |
---|
297 | form.wizard div.sidenotes { |
---|
298 | float: right; |
---|
299 | width: 198px; |
---|
300 | margin: 0 0 10px 10px; |
---|
301 | } |
---|
302 | |
---|
303 | form.wizard div.notes h4 { |
---|
304 | /* |
---|
305 | background-image: url(/images/icon_info.gif); |
---|
306 | background-repeat: no-repeat; |
---|
307 | background-position: top left; |
---|
308 | */ |
---|
309 | text-align: center; |
---|
310 | padding: 3px 0 3px 0; /*27px; */ |
---|
311 | margin: 0 0 3px 0; |
---|
312 | border-width: 0 0 1px 0; |
---|
313 | border-style: solid; |
---|
314 | border-color: #666666; |
---|
315 | color: #666666; |
---|
316 | font-size: 100%; |
---|
317 | } |
---|
318 | |
---|
319 | form.wizard div.notes p { |
---|
320 | margin: 0em 0em 0.5em 0em; |
---|
321 | color: #666666; |
---|
322 | font-size: 80%; |
---|
323 | } |
---|
324 | |
---|
325 | form.wizard div.notes p.last { |
---|
326 | margin: 0em; |
---|
327 | } |
---|
328 | |
---|
329 | form.wizard div label { |
---|
330 | display: block; |
---|
331 | float: left; |
---|
332 | width: 140px; |
---|
333 | padding: 3px 5px; |
---|
334 | margin: 0 0 5px 0; |
---|
335 | text-align: right; |
---|
336 | font-weight: normal; |
---|
337 | } |
---|
338 | |
---|
339 | div.required label, |
---|
340 | label.required { |
---|
341 | font-weight: bold !important; |
---|
342 | } |
---|
343 | |
---|
344 | /* |
---|
345 | div.optional label:after { |
---|
346 | content: ':'; |
---|
347 | } |
---|
348 | |
---|
349 | div.required label:after { |
---|
350 | content: ':'; |
---|
351 | } |
---|
352 | */ |
---|
353 | |
---|
354 | form.wizard textarea { |
---|
355 | font-family: Verdana, sans-serif; |
---|
356 | font-size: 100%; |
---|
357 | width: 570px; |
---|
358 | overflow: auto; |
---|
359 | margin-bottom: 5px; |
---|
360 | } |
---|
361 | |
---|
362 | #feedback ul { |
---|
363 | padding-left: 0px; |
---|
364 | } |
---|
365 | |
---|
366 | #feedback ul li { |
---|
367 | font-weight: bold; |
---|
368 | padding: 5px; |
---|
369 | list-style: none; |
---|
370 | } |
---|
371 | |
---|
372 | #feedback ul li.feedbackPanelERROR { |
---|
373 | background: red; |
---|
374 | } |
---|
375 | |
---|
376 | /* |
---|
377 | form.wizard div label.labelCheckbox, form div label.labelRadio { |
---|
378 | float: none; |
---|
379 | display: block; |
---|
380 | width: 200px; |
---|
381 | zoom: 1; |
---|
382 | padding: 0; |
---|
383 | margin: 0 0 5px 142px; |
---|
384 | text-align: left; |
---|
385 | } |
---|
386 | |
---|
387 | form.wizard div fieldset label.labelCheckbox, form div fieldset label.labelRadio { |
---|
388 | margin: 0 0 5px 0; |
---|
389 | width: 170px; |
---|
390 | } |
---|
391 | |
---|
392 | form.wizard div img { |
---|
393 | float: left; |
---|
394 | border: 1px solid #000000; |
---|
395 | margin: 0 0 5px 0; |
---|
396 | } |
---|
397 | |
---|
398 | p.error { |
---|
399 | background-color: #ff0000; |
---|
400 | background-image: url(/images/icon_error.gif); |
---|
401 | background-repeat: no-repeat; |
---|
402 | background-position: 3px 3px; |
---|
403 | color: #ffffff; |
---|
404 | padding: 3px 3px 5px 27px; |
---|
405 | border: 1px solid #000000; |
---|
406 | margin: auto 100px; |
---|
407 | } |
---|
408 | |
---|
409 | form.wizard div.error { |
---|
410 | background-color: #ffffe1; |
---|
411 | background-image: url(/images/required_bg.gif); |
---|
412 | background-repeat: no-repeat; |
---|
413 | background-position: top left; |
---|
414 | color: #666666; |
---|
415 | border: 1px solid #ff0000; |
---|
416 | } |
---|
417 | |
---|
418 | form.wizard div.error p.error { |
---|
419 | background-image: url(/images/icon_error.gif); |
---|
420 | background-position: top left; |
---|
421 | background-color: transparent; |
---|
422 | border-style: none; |
---|
423 | font-size: 88%; |
---|
424 | font-weight: bold; |
---|
425 | margin: 0 0 0 118px; |
---|
426 | width: 200px; |
---|
427 | color: #ff0000; |
---|
428 | } |
---|
429 | |
---|
430 | form.wizard div select, form div textarea { |
---|
431 | width: 200px; |
---|
432 | padding: 1px 3px; |
---|
433 | margin: 0 0 0 0; |
---|
434 | } |
---|
435 | |
---|
436 | form.wizard div input.inputText, form div input.inputPassword { |
---|
437 | width: 200px; |
---|
438 | padding: 1px 3px; |
---|
439 | margin: 0 0 0 0; |
---|
440 | } |
---|
441 | |
---|
442 | form.wizard div input.inputFile { |
---|
443 | width: 211px; |
---|
444 | } |
---|
445 | |
---|
446 | form.wizard div select.selectOne, form div select.selectMultiple { |
---|
447 | width: 211px; |
---|
448 | padding: 1px 3px; |
---|
449 | } |
---|
450 | |
---|
451 | form.wizard div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio { |
---|
452 | display: inline; |
---|
453 | height: auto; |
---|
454 | width: auto; |
---|
455 | background-color: transparent; |
---|
456 | border-width: 0; |
---|
457 | padding: 0; |
---|
458 | margin: 0 0 0 140px; |
---|
459 | } |
---|
460 | |
---|
461 | form.wizard div.submit { |
---|
462 | width: 214px; |
---|
463 | padding: 0 0 0 146px; |
---|
464 | } |
---|
465 | |
---|
466 | form.wizard div.submit div { |
---|
467 | display: inline; |
---|
468 | float: left; |
---|
469 | text-align: left; |
---|
470 | width: auto; |
---|
471 | padding: 0; |
---|
472 | margin: 0; |
---|
473 | } |
---|
474 | |
---|
475 | form.wizard div input.inputSubmit, |
---|
476 | form div input.inputButton, input.inputSubmit, input.inputButton { |
---|
477 | background-color: #cccccc; |
---|
478 | color: #000000; |
---|
479 | width: auto; |
---|
480 | padding: 0 6px; |
---|
481 | margin: 0; |
---|
482 | } |
---|
483 | |
---|
484 | form.wizard div.submit div input.inputSubmit, |
---|
485 | form div.submit div input.inputButton { |
---|
486 | float: right; |
---|
487 | margin: 0 0 0 5px; |
---|
488 | } |
---|
489 | |
---|
490 | form.wizard div small { |
---|
491 | display: block; |
---|
492 | margin: 0 0 5px 142px; |
---|
493 | padding: 1px 3px; |
---|
494 | font-size: 88%; |
---|
495 | zoom: 1; |
---|
496 | } |
---|
497 | */ |
---|
498 | |
---|
499 | form.wizard .wizardButtons { |
---|
500 | border-top: 1px solid #000000; |
---|
501 | margin: 10px 0 0 0; |
---|
502 | clear: both; |
---|
503 | } |
---|
504 | |
---|
505 | form.wizard .buttonbar { |
---|
506 | margin: 10px 220px 0 0; |
---|
507 | padding: 0 10px 0 0; |
---|
508 | text-align: right; |
---|
509 | } |
---|
510 | |
---|
511 | /* |
---|
512 | form.wizard .buttonbar input.button, |
---|
513 | div.modalDialog div.modalDialogButtons input.button |
---|
514 | */ |
---|
515 | input.button { |
---|
516 | padding: 1px 4px; |
---|
517 | margin: 0 2px; |
---|
518 | color: #000000; |
---|
519 | background-color: #E9EEF7; |
---|
520 | border: 2px solid #D4DEEF; |
---|
521 | border-radius: 4px; |
---|
522 | -moz-border-radius: 4px; |
---|
523 | } |
---|
524 | |
---|
525 | form.wizard .buttonbar input.button:hover, |
---|
526 | div.modalDialog div.modalDialogButtons input.button:hover { |
---|
527 | color: #AE0000; |
---|
528 | background-color: #E9EEF7; |
---|
529 | } |
---|
530 | |
---|
531 | form.wizard .buttonbar input.button[disabled], |
---|
532 | form.wizard .buttonbar input.button[disabled]:hover, |
---|
533 | div.modalDialog div.modalDialogButtons input.button[disabled], |
---|
534 | div.modalDialog div.modalDialogButtons input.button[disabled]:hover { |
---|
535 | color: #AFAFAF; |
---|
536 | border-color: #EFEFEF; |
---|
537 | } |
---|
538 | |
---|
539 | |
---|
540 | /* |
---|
541 | * modal dialog |
---|
542 | */ |
---|
543 | div.modalDialog { |
---|
544 | margin: 0; |
---|
545 | padding: 0; |
---|
546 | } |
---|
547 | |
---|
548 | div.modalDialog div.modalDialogContent { |
---|
549 | margin: 10px; |
---|
550 | } |
---|
551 | |
---|
552 | div.modalDialog div.modalDialogContent p { |
---|
553 | margin: 1em; |
---|
554 | } |
---|
555 | |
---|
556 | div.modalDialog div.modalDialogButtons { |
---|
557 | border-top: 1px solid #BBBBBB; |
---|
558 | margin: 0 5px 5px 5px; |
---|
559 | padding: 5px 0 0 0; |
---|
560 | text-align: center; |
---|
561 | } |
---|
562 | |
---|
563 | div.confirmationDialog { |
---|
564 | text-align: center; |
---|
565 | } |
---|
566 | |
---|
567 | div.longConfirmationDialog { |
---|
568 | text-align: left; |
---|
569 | } |
---|
570 | |
---|
571 | div.editDialog fieldset { |
---|
572 | border: none; |
---|
573 | margin: 0; |
---|
574 | padding: 0; |
---|
575 | } |
---|
576 | |
---|
577 | div.editDialog fieldset label { |
---|
578 | display: block; |
---|
579 | float: left; |
---|
580 | /* width: 100px; */ |
---|
581 | padding: 3px 5px 3px 0; |
---|
582 | margin: 0 0 5px 0; |
---|
583 | text-align: right; |
---|
584 | } |
---|
585 | |
---|
586 | |
---|
587 | /* |
---|
588 | * dialog customizations |
---|
589 | */ |
---|
590 | div.editCreatorDialog fieldset label { |
---|
591 | width: 90px; |
---|
592 | } |
---|
593 | |
---|
594 | div.editCreatorDialog fieldset input, |
---|
595 | div.editCreatorDialog fieldset textarea { |
---|
596 | width: 255px; |
---|
597 | } |
---|
598 | |
---|
599 | div.editResourceDialog fieldset label { |
---|
600 | width: 70px; |
---|
601 | } |
---|
602 | |
---|
603 | div.editResourceDialog fieldset input, |
---|
604 | div.editResourceDialog fieldset textarea { |
---|
605 | width: 475px; |
---|
606 | } |
---|
607 | |
---|
608 | div.addResourcesDialog fieldset label { |
---|
609 | width: 85px; |
---|
610 | } |
---|
611 | |
---|
612 | div.addResourcesDialog fieldset input, |
---|
613 | div.addResourcesDialog fieldset textarea { |
---|
614 | width: 460px; |
---|
615 | } |
---|
616 | |
---|
617 | div.addKeywordDialog fieldset input { |
---|
618 | width: 285px; |
---|
619 | } |
---|
620 | |
---|
621 | /* |
---|
622 | * create virtual collection wizard |
---|
623 | */ |
---|
624 | div.wizard a { |
---|
625 | font-weight: normal; |
---|
626 | } |
---|
627 | |
---|
628 | |
---|
629 | table { |
---|
630 | font-size: 100%; |
---|
631 | border-collapse: collapse; |
---|
632 | } |
---|
633 | |
---|
634 | table th, |
---|
635 | table td { |
---|
636 | padding: 2px; |
---|
637 | text-align: left; |
---|
638 | vertical-align: top; |
---|
639 | } |
---|
640 | |
---|
641 | table thead, |
---|
642 | table tfoot { |
---|
643 | color: inherit; |
---|
644 | background-color: #D4DEEF; |
---|
645 | border-top: 1px solid #000000; |
---|
646 | border-bottom: 1px solid #000000; |
---|
647 | } |
---|
648 | |
---|
649 | table td.action { |
---|
650 | width: 8em; |
---|
651 | text-align: right; |
---|
652 | } |
---|
653 | |
---|
654 | table.resourcesTable td.move { |
---|
655 | width: 5em; |
---|
656 | } |
---|
657 | |
---|
658 | table.resourcesTable tr.moving { |
---|
659 | background: #ccc; |
---|
660 | } |
---|
661 | |
---|
662 | table.moving tr:hover td { |
---|
663 | border-top: 6px solid #ccc; |
---|
664 | } |
---|
665 | |
---|
666 | table.moving tr.moving:hover td { |
---|
667 | border-top: 0px; |
---|
668 | } |
---|
669 | |
---|
670 | table.resourcesTable tr.moving td, table.resourcesTable tr.moving td a { |
---|
671 | color: #333; |
---|
672 | } |
---|
673 | |
---|
674 | a { |
---|
675 | color: #AE0000; |
---|
676 | background-color: inherit; |
---|
677 | text-decoration: none; |
---|
678 | } |
---|
679 | |
---|
680 | table tbody { |
---|
681 | border-bottom: 1px solid #000000; |
---|
682 | } |
---|
683 | |
---|
684 | table tr.even { |
---|
685 | color: inherit; |
---|
686 | background-color: #FFFFFF; |
---|
687 | } |
---|
688 | |
---|
689 | table tr.odd { |
---|
690 | color: inherit; |
---|
691 | background-color: #E9EEF7; |
---|
692 | } |
---|
693 | |
---|
694 | table td.norecords-td { |
---|
695 | text-align: center; |
---|
696 | color: inherit; |
---|
697 | background-color: #FFFFFF; |
---|
698 | } |
---|
699 | |
---|
700 | table thead tr.navigation { |
---|
701 | border-bottom: 1px dotted #BBBBBB; |
---|
702 | } |
---|
703 | |
---|
704 | table tr.navigation div { |
---|
705 | clear: none !important; |
---|
706 | } |
---|
707 | |
---|
708 | table.creatorsTable, |
---|
709 | table.resourcesTable { |
---|
710 | width: 805px; |
---|
711 | } |
---|
712 | |
---|
713 | table.creatorsTable td { |
---|
714 | width: 252px; |
---|
715 | overflow: hidden; |
---|
716 | } |
---|
717 | |
---|
718 | table td.type { |
---|
719 | width: 60px; |
---|
720 | } |
---|
721 | |
---|
722 | div.keywordsList { |
---|
723 | clear: none !important; |
---|
724 | width: 602px; |
---|
725 | margin-left: 160px; |
---|
726 | padding: 3px 0; |
---|
727 | } |
---|
728 | |
---|
729 | div.keywordsList div { |
---|
730 | clear: none; |
---|
731 | } |
---|
732 | |
---|
733 | div.keywordsList ul { |
---|
734 | list-style-type: square; |
---|
735 | margin: 0; |
---|
736 | padding: 0 0 0 16px; |
---|
737 | } |
---|
738 | |
---|
739 | div.keywordsList ul li { |
---|
740 | margin-top: 2px; |
---|
741 | } |
---|
742 | |
---|
743 | div.keywordsList ul li.first { |
---|
744 | margin-top: 0; |
---|
745 | } |
---|
746 | |
---|
747 | table.collectionsTable { |
---|
748 | width: auto; |
---|
749 | table-layout: fixed; |
---|
750 | } |
---|
751 | |
---|
752 | table.collectionsTable th, |
---|
753 | table.collectionsTable td { |
---|
754 | vertical-align: top; |
---|
755 | } |
---|
756 | |
---|
757 | table.collectionsTable.public th.name, |
---|
758 | table.collectionsTable.public td.name { |
---|
759 | width: 796px; |
---|
760 | } |
---|
761 | |
---|
762 | table.collectionsTable.private th.name, |
---|
763 | table.collectionsTable.private td.name { |
---|
764 | width: 732px; |
---|
765 | } |
---|
766 | |
---|
767 | table.collectionsTable td.name div.name { |
---|
768 | padding-left: 16px; |
---|
769 | background-image: url('../icons/bullet_arrow_down.png'); |
---|
770 | background-repeat: no-repeat; |
---|
771 | background-position: center left; |
---|
772 | cursor: pointer; |
---|
773 | } |
---|
774 | |
---|
775 | table.collectionsTable td.name div.name:hover { |
---|
776 | color: #AE0000; |
---|
777 | background-color: inherit; |
---|
778 | } |
---|
779 | |
---|
780 | table.collectionsTable td.name div.name.detailsShown { |
---|
781 | padding-left: 16px; |
---|
782 | background-image: url('../icons/bullet_arrow_up.png'); |
---|
783 | background-repeat: no-repeat; |
---|
784 | background-position: center left; |
---|
785 | } |
---|
786 | |
---|
787 | table.collectionsTable td.name div.name.noDetails{ |
---|
788 | background-image: none; |
---|
789 | } |
---|
790 | |
---|
791 | table.collectionsTable td.name div.details { |
---|
792 | margin-left: 16px; |
---|
793 | margin-right: -248px; |
---|
794 | width: 964px; |
---|
795 | } |
---|
796 | |
---|
797 | table.collectionsTable td.name div.desc { |
---|
798 | text-align: justify; |
---|
799 | padding: 4px 0 0 0; |
---|
800 | } |
---|
801 | |
---|
802 | table.collectionsTable td.name div.actions { |
---|
803 | margin: 4px 0 2px 0; |
---|
804 | } |
---|
805 | |
---|
806 | table.collectionsTable th.state, |
---|
807 | table.collectionsTable td.state { |
---|
808 | width: 60px; |
---|
809 | } |
---|
810 | |
---|
811 | table.collectionsTable th.type, |
---|
812 | table.collectionsTable td.type { |
---|
813 | width: 80px; |
---|
814 | } |
---|
815 | |
---|
816 | table.collectionsTable th.created, |
---|
817 | table.collectionsTable td.created { |
---|
818 | width: 80px; |
---|
819 | } |
---|
820 | |
---|
821 | table.collectionsTable td.action, |
---|
822 | table.collectionsTable th.action { |
---|
823 | width: 12px; |
---|
824 | } |
---|
825 | |
---|
826 | table.collectionsTable.public td.action span, |
---|
827 | table.collectionsTable.private td.action div.popupTrigger span { |
---|
828 | display: none; |
---|
829 | } |
---|
830 | |
---|
831 | table.collectionsTable.public td.action a { |
---|
832 | display: block; |
---|
833 | width: 12px; |
---|
834 | height: 12px; |
---|
835 | margin-right: 2px; |
---|
836 | background: transparent url('../icons/magnifier.png') no-repeat center center; |
---|
837 | } |
---|
838 | |
---|
839 | table.collectionsTable.private td.action div.popupTrigger { |
---|
840 | display: block; |
---|
841 | width: 12px; |
---|
842 | height: 12px; |
---|
843 | margin-right: 2px; |
---|
844 | background: transparent url('../icons/wrench.png') no-repeat center center; |
---|
845 | } |
---|
846 | |
---|
847 | tr.headers a.wicket_orderNone { |
---|
848 | padding-right: 7px; |
---|
849 | background: transparent url('../icons/order_none.png') no-repeat center right; |
---|
850 | } |
---|
851 | |
---|
852 | tr.headers a.wicket_orderUp { |
---|
853 | padding-right: 7px; |
---|
854 | background: transparent url('../icons/order_up.png') no-repeat center right; |
---|
855 | } |
---|
856 | |
---|
857 | tr.headers a.wicket_orderDown { |
---|
858 | padding-right: 7px; |
---|
859 | background: transparent url('../icons/order_down.png') no-repeat center right; |
---|
860 | } |
---|
861 | |
---|
862 | div.toggleBorder { |
---|
863 | border-top: 1px solid #000000; |
---|
864 | } |
---|
865 | |
---|
866 | div.toggleBorder div.toggleBorderHeader { |
---|
867 | margin: 0; |
---|
868 | padding: 2px 2px 2px 16px; |
---|
869 | border-bottom: 1px solid #000000; |
---|
870 | color: inherit; |
---|
871 | background-color: #D4DEEF; |
---|
872 | background-image: url('../icons/bullet_arrow_up.png'); |
---|
873 | background-repeat: no-repeat; |
---|
874 | background-position: center left; |
---|
875 | cursor: pointer; |
---|
876 | } |
---|
877 | |
---|
878 | div.toggleBorder div.toggleBorderHeader span { |
---|
879 | font-weight: bold; |
---|
880 | } |
---|
881 | |
---|
882 | div.toggleBorder div.toggleBorderHeader.collapsed { |
---|
883 | background-image: url('../icons/bullet_arrow_down.png'); |
---|
884 | background-repeat: no-repeat; |
---|
885 | background-position: center left; |
---|
886 | } |
---|
887 | |
---|
888 | div.toggleBorder div.toggleBorderContent { |
---|
889 | margin: 0; |
---|
890 | padding: 5px; |
---|
891 | } |
---|
892 | |
---|
893 | form.filterForm { |
---|
894 | margin: 0; |
---|
895 | padding: 0; |
---|
896 | } |
---|
897 | |
---|
898 | form.filterForm fieldset { |
---|
899 | padding: 0; |
---|
900 | margin: 0; |
---|
901 | border: none; |
---|
902 | } |
---|
903 | |
---|
904 | form.filterForm div.optional { |
---|
905 | margin-bottom: 4px; |
---|
906 | } |
---|
907 | |
---|
908 | form.filterForm label { |
---|
909 | width: 75px !important; |
---|
910 | } |
---|
911 | |
---|
912 | form.filterForm input.name, |
---|
913 | form.filterForm input.desc { |
---|
914 | width: 790px; |
---|
915 | } |
---|
916 | |
---|
917 | div.popupMenu { |
---|
918 | -moz-box-shadow: 3px 3px 3px #888; |
---|
919 | -webkit-box-shadow: 3px 3px 3px #888; |
---|
920 | box-shadow: 3px 3px 3px #888; |
---|
921 | -moz-border-radius: 4px; |
---|
922 | border-radius: 4px; |
---|
923 | } |
---|
924 | |
---|
925 | div.popupMenu li a { |
---|
926 | color: #000000; |
---|
927 | } |
---|
928 | |
---|
929 | div.popupMenu li a:hover { |
---|
930 | color: #AE0000; |
---|
931 | } |
---|
932 | |
---|
933 | div.popupTrigger span.title { |
---|
934 | color: #AE0000; |
---|
935 | } |
---|
936 | |
---|
937 | |
---|
938 | div.collectionDetails div.property { |
---|
939 | clear: both; |
---|
940 | font-size: 100%; |
---|
941 | border: none; |
---|
942 | padding: 0 10px 0 10px; |
---|
943 | margin: 0 0 4px 0; |
---|
944 | } |
---|
945 | |
---|
946 | div.collectionDetails div label { |
---|
947 | display: block; |
---|
948 | float: left; |
---|
949 | width: 140px; |
---|
950 | padding: 0px 2px; |
---|
951 | margin: 0; |
---|
952 | text-align: right; |
---|
953 | font-weight: normal; |
---|
954 | } |
---|
955 | |
---|
956 | div.collectionDetails div label:after { |
---|
957 | content: ':'; |
---|
958 | } |
---|
959 | |
---|
960 | div.collectionDetails div div { |
---|
961 | display: block; |
---|
962 | clear: none; |
---|
963 | padding: 0px 2px; |
---|
964 | margin-left: 144px; |
---|
965 | } |
---|
966 | |
---|
967 | div.collectionDetails ul.keywords { |
---|
968 | margin: 0 0 0 16px; |
---|
969 | padding: 0; |
---|
970 | list-style: square; |
---|
971 | } |
---|
972 | |
---|
973 | div.collectionDetails ul.creators { |
---|
974 | margin: 0; |
---|
975 | padding: 0; |
---|
976 | list-style: none; |
---|
977 | } |
---|
978 | |
---|
979 | div.collectionDetails ul.creators li { |
---|
980 | border-top: 1px dotted #000000; |
---|
981 | margin-top: 4px; |
---|
982 | padding-top: 4px; |
---|
983 | } |
---|
984 | |
---|
985 | div.collectionDetails ul.creators li.first { |
---|
986 | border-top: none; |
---|
987 | margin-top: 0; |
---|
988 | padding-top: 0; |
---|
989 | } |
---|
990 | |
---|
991 | div.collectionDetails.resources { |
---|
992 | padding: 0 !important; |
---|
993 | } |
---|
994 | |
---|
995 | div.collectionDetails.resources table { |
---|
996 | width: 100%; |
---|
997 | } |
---|
998 | |
---|
999 | div.collectionDetails.buttons { |
---|
1000 | margin: 10px 0 10px 0; |
---|
1001 | text-align: center; |
---|
1002 | } |
---|
1003 | |
---|
1004 | .tooltipparent .tooltip { |
---|
1005 | display: none; |
---|
1006 | } |
---|