8 /* xhtml tags */ |
8 /* xhtml tags */ |
9 /***************************************/ |
9 /***************************************/ |
10 |
10 |
11 /* scale and rhythm cf http://lamb.cc/typograph/ */ |
11 /* scale and rhythm cf http://lamb.cc/typograph/ */ |
12 body { |
12 body { |
13 font-family: %(defaultFont)s; |
13 font-family: %(defaultFontFamily)s; |
14 font-size: %(defaultSize)s; |
14 font-size: %(defaultSize)s; |
15 line-height: %(defaultLineHeight)s; |
15 line-height: %(defaultLineHeight)s; |
16 color: %(defaultColor)s; |
16 color: %(defaultColor)s; |
17 } |
17 } |
18 h1, h2, h3 { margin-top:0; margin-bottom:0; } |
18 h1, h2, h3 { margin-top:0; margin-bottom:0; } |
71 |
77 |
72 pre { |
78 pre { |
73 clear: both; |
79 clear: both; |
74 font-family: 'Courier New', monospace; |
80 font-family: 'Courier New', monospace; |
75 letter-spacing: 0.015em; |
81 letter-spacing: 0.015em; |
76 padding: 0.5em; |
82 padding: 0.6em; |
77 margin: 0 1.5em 1.5em; |
83 margin: 0 2em 1.7em; |
78 background-color: #f0f0f0; |
84 background-color: %(listingHihligthedBgColor)s; |
79 border: 1px solid #ccbca7; |
85 border: 1px solid %(listingBorderColor)s; |
80 } |
86 } |
81 |
87 |
82 p { |
88 p { |
83 text-align: justify; |
89 text-align: justify; |
84 margin-bottom: %(defaultLineHeightEm)s; |
90 margin-bottom: %(defaultLineHeightEm)s; |
85 } |
91 } |
86 |
92 |
87 ol, ul { |
93 ul { |
88 list-style-type: disc; |
94 margin-bottom: %(defaultLineHeightEm)s; |
89 margin-bottom: %(defaultLineHeightEm)s; |
95 } |
|
96 |
|
97 ol { |
|
98 list-style-type: decimal; |
|
99 /* margin-bottom: %(defaultLineHeightEm)s; */ |
90 } |
100 } |
91 |
101 |
92 ol ol, |
102 ol ol, |
93 ul ul{ |
103 ul ul{ |
94 margin-left: 8px; |
104 margin-left: 8px; |
95 margin-bottom : 0px; |
105 margin-bottom : 0px; |
96 } |
106 } |
97 |
107 |
98 p + ul { |
108 /* p + ul { */ |
99 margin-top: -%(defaultLineHeightEm)s; |
109 /* margin-top: -%(defaultLineHeightEm)s; */ |
100 } |
110 /* } */ |
101 |
111 |
102 li { |
112 li { |
103 margin-left: 1.5em; |
113 margin-left: 1.5em; |
104 } |
114 } |
105 |
115 |
|
116 img{ |
|
117 border: none; |
|
118 } |
|
119 |
|
120 fieldset { |
|
121 border: none; |
|
122 } |
|
123 |
|
124 h1 a, h1 a:active, h1 a:visited, h1 a:link, |
106 h2 a, h2 a:active, h2 a:visited, h2 a:link, |
125 h2 a, h2 a:active, h2 a:visited, h2 a:link, |
107 h3 a, h3 a:active, h3 a:visited, h3 a:link { |
126 h3 a, h3 a:active, h3 a:visited, h3 a:link { |
108 color: inherit; |
127 color: inherit; |
109 text-decoration: none; |
128 text-decoration: none; |
110 } |
129 } |
111 |
130 |
112 input, textarea { |
131 input, textarea { |
|
132 padding: 0.1em 0.2em; |
|
133 vertical-align: bottom; |
113 border: 1px solid %(pageContentBorderColor)s; |
134 border: 1px solid %(pageContentBorderColor)s; |
114 padding: 0.1em; |
135 |
115 vertical-align: middle; |
|
116 } |
136 } |
117 |
137 |
118 input:focus { |
138 input:focus { |
119 border: 1px inset %(headerBgColor)s; |
139 border: 1px inset %(headerBgColor)s; |
120 } |
140 } |
121 |
141 |
|
142 hr{ |
|
143 border: none; |
|
144 border-bottom: 1px solid %(defaultColor)s; |
|
145 height: 1px; |
|
146 } |
|
147 |
122 /***************************************/ |
148 /***************************************/ |
123 /* generic classes */ |
149 /* generic classes */ |
124 /***************************************/ |
150 /***************************************/ |
|
151 |
|
152 h1 a:hover { |
|
153 text-decoration: none; |
|
154 } |
125 |
155 |
126 .odd { |
156 .odd { |
127 background-color: #f7f6f1; |
157 background-color: #f7f6f1; |
128 } |
158 } |
129 |
159 |
195 table#header td#headtext { |
230 table#header td#headtext { |
196 width: 100%; |
231 width: 100%; |
197 } |
232 } |
198 |
233 |
199 /* Popup on login box and userActionBox */ |
234 /* Popup on login box and userActionBox */ |
200 div.popupWrapper{ |
235 div.popupWrapper { |
201 position:relative; |
236 position: relative; |
202 z-index:100; |
237 z-index: 100; |
203 } |
238 } |
204 |
239 |
205 div.popup { |
240 div.popup { |
206 position: absolute; |
241 position: absolute; |
207 background: #fff; |
242 background: #fff; |
208 border: 1px solid #fff; |
243 /* background-color: #f0eff0; */ |
|
244 /* background-image: url(popup.png); */ |
|
245 /* background-repeat: repeat-x; */ |
|
246 /* background-positon: top left; */ |
|
247 border: 1px solid %(listingBorderColor)s; |
|
248 border-top: none; |
209 text-align: left; |
249 text-align: left; |
210 z-index: 400; |
250 z-index: 400; |
211 } |
251 } |
212 |
252 |
213 div.popup ul li a { |
253 div.popup ul li a { |
214 text-decoration: none; |
254 text-decoration: none; |
215 color: #000; |
255 color: #000; |
216 } |
256 } |
217 |
257 |
218 /* FIXME appear with 4px width in IE6 */ |
|
219 div#stateheader{ |
|
220 min-width: 66%; |
|
221 } |
|
222 |
|
223 /* main zone */ |
258 /* main zone */ |
224 |
259 |
225 div#page { |
260 div#page { |
226 min-height: %(pageMinHeight)s; |
|
227 margin: %(defaultLayoutMargin)s; |
261 margin: %(defaultLayoutMargin)s; |
228 } |
262 } |
229 |
263 |
230 table#mainLayout #navColumnLeft { |
264 table#mainLayout #navColumnLeft { |
231 width: 16em; |
265 width: 16em; |
261 } |
302 } |
262 |
303 |
263 /* rql bar */ |
304 /* rql bar */ |
264 |
305 |
265 div#rqlinput { |
306 div#rqlinput { |
266 margin-bottom: 8px; |
307 margin-bottom: %(defaultLayoutMargin)s; |
267 padding: 3px; |
|
268 background: %(actionBoxTitleBgColor)s; |
|
269 border: 1px solid %(actionBoxTitleBgColor)s; |
|
270 } |
308 } |
271 |
309 |
272 input#rql{ |
310 input#rql{ |
273 width: 95%; |
311 padding: 0.25em 0.3em; |
|
312 width: 99%; |
274 } |
313 } |
275 |
314 |
276 /* boxes */ |
315 /* boxes */ |
277 |
316 |
278 div.boxFrame { |
317 div.boxFrame { |
279 width: 100%; |
318 width: 100%; |
280 } |
319 } |
281 |
320 |
282 div.boxTitle { |
321 div.boxTitle { |
283 overflow: hidden; |
322 overflow: hidden; |
284 font: bold 100% Georgia; |
323 font-weight: bold; |
285 color: #fff; |
324 color: #fff; |
286 padding: 0px 0px 0.2em; |
325 background: %(boxTitleBgColor)s url("header.png") repeat-x 50% 50%; |
287 background: %(headerBgColor)s url("search.png") left bottom repeat-x; |
|
288 } |
326 } |
289 |
327 |
290 div.boxTitle span, |
328 div.boxTitle span, |
291 div.sideBoxTitle span { |
329 div.sideBoxTitle span { |
292 padding: 0px 5px; |
330 padding: 0px 0.5em; |
293 white-space: nowrap; |
331 white-space: nowrap; |
294 } |
332 } |
295 |
333 |
296 div.searchBoxFrame div.boxTitle, |
334 div.searchBoxFrame div.boxTitle, |
297 div.greyBoxFrame div.boxTitle { |
335 div.greyBoxFrame div.boxTitle { |
298 background: %(actionBoxTitleBgColor)s; |
336 background: %(actionBoxTitleBgColor)s url("actionBoxHeader.png") repeat-x 50% 50% ; |
299 } |
337 } |
300 |
338 |
301 div.sideBoxTitle span, |
339 div.sideBoxTitle span, |
302 div.searchBoxFrame div.boxTitle span, |
340 div.searchBoxFrame div.boxTitle span, |
303 div.greyBoxFrame div.boxTitle span { |
341 div.greyBoxFrame div.boxTitle span { |
315 } |
353 } |
316 |
354 |
317 a.boxMenu { |
355 a.boxMenu { |
318 display: block; |
356 display: block; |
319 padding: 1px 9px 1px 3px; |
357 padding: 1px 9px 1px 3px; |
320 background: transparent url("puce_down.png") 98% 6px no-repeat; |
358 background: transparent %(bulletDownImg)s; |
321 } |
359 } |
|
360 |
322 a.boxMenu:hover { |
361 a.boxMenu:hover { |
323 background: %(sideBoxBodyBgColor)s url("puce_down.png") 98% 6px no-repeat; |
362 background: %(sideBoxBodyBgColor)s %(bulletDownImg)s; |
324 cursor: pointer; |
363 cursor: pointer; |
325 } |
364 } |
326 |
365 |
327 a.popupMenu { |
366 a.popupMenu { |
328 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
367 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
329 padding-left: 2em; |
368 padding-left: 2em; |
330 } |
369 } |
331 |
370 |
332 ul.boxListing { |
|
333 margin: 0px; |
|
334 padding: 0px 3px; |
|
335 } |
|
336 |
|
337 ul.boxListing li, |
|
338 ul.boxListing ul li { |
|
339 list-style-type: none; |
|
340 margin: 0px; |
|
341 padding: 0px; |
|
342 background-image: none; |
|
343 } |
|
344 |
|
345 ul.boxListing ul { |
|
346 padding: 1px 3px; |
|
347 } |
|
348 |
|
349 ul.boxListing a { |
|
350 color: %(defaultColor)s; |
|
351 padding: 1px 9px 1px 3px; |
|
352 } |
|
353 |
|
354 ul.boxListing .selected { |
|
355 color: %(aColor)s; |
|
356 font-weight: bold; |
|
357 } |
|
358 |
|
359 ul.boxListing a.boxBookmark:hover, |
|
360 ul.boxListing a:hover, |
|
361 ul.boxListing ul li a:hover { |
|
362 color: #111100; |
|
363 text-decoration: none; |
|
364 background: %(sideBoxBodyBgColor)s; |
|
365 } |
|
366 |
|
367 ul.boxListing a.boxMenu:hover { |
|
368 cursor: pointer; |
|
369 border-top: medium none; |
|
370 background: %(sideBoxBodyBgColor)s url(puce_down.png) no-repeat scroll 98% 6px; |
|
371 } |
|
372 |
|
373 ul.boxListing ul li a:hover { |
|
374 background: %(sideBoxBodyBgColor)s url("bullet_orange.png") 0% 6px no-repeat; |
|
375 } |
|
376 |
|
377 ul.boxListing a.boxBookmark { |
|
378 padding-left: 3px; |
|
379 background-image: none; |
|
380 background:#fff; |
|
381 } |
|
382 |
|
383 ul.boxListing ul li a { |
|
384 background: #fff url("bullet_orange.png") 0% 6px no-repeat; |
|
385 padding: 1px 3px 0px 10px; |
|
386 } |
|
387 |
|
388 div.searchBoxFrame div.boxContent { |
371 div.searchBoxFrame div.boxContent { |
389 padding: 4px 4px 3px; |
372 padding: 4px 4px 3px; |
390 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
373 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
391 } |
374 } |
392 |
375 |
463 padding-right: 2em; |
445 padding-right: 2em; |
464 } |
446 } |
465 |
447 |
466 /* download box XXX move to its own file? */ |
448 /* download box XXX move to its own file? */ |
467 div.downloadBoxTitle{ |
449 div.downloadBoxTitle{ |
468 background : #8FBC8F; |
450 background : #8fbc8f; |
469 font-weight: bold; |
451 font-weight: bold; |
470 } |
452 } |
471 |
453 |
472 div.downloadBox{ |
454 div.downloadBox{ |
473 font-weight: bold; |
455 font-weight: bold; |
474 } |
456 } |
475 |
457 |
476 div.downloadBox div.sideBoxBody{ |
458 div.downloadBox div.sideBoxBody{ |
477 background : #EEFED9; |
459 background : #eefed9; |
478 } |
460 } |
479 |
461 |
480 /**************/ |
462 /**************/ |
481 /* navigation */ |
463 /* navigation */ |
482 /**************/ |
464 /**************/ |
483 div#etyperestriction { |
465 div#etyperestriction { |
484 margin-bottom: 1ex; |
466 margin-bottom: 1ex; |
485 border-bottom: 1px solid %(pageContentBorderColor)s; |
467 border-bottom: 1px solid %(pageContentBorderColor)s; |
486 } |
468 } |
487 |
469 |
|
470 /* pagination */ |
488 span.slice a:visited, |
471 span.slice a:visited, |
489 span.slice a:hover{ |
472 span.slice a:hover{ |
490 color: #555544; |
473 color: %(helperColor)s; |
491 } |
474 } |
492 |
475 |
493 span.selectedSlice a:visited, |
476 span.selectedSlice a:visited, |
494 span.selectedSlice a { |
477 span.selectedSlice a { |
495 color: %(defaultColor)s; |
478 color: %(defaultColor)s; |
565 /***************************************/ |
547 /***************************************/ |
566 |
548 |
567 .warning, |
549 .warning, |
568 .message, |
550 .message, |
569 .errorMessage{ |
551 .errorMessage{ |
570 padding: 0.3em 0.3em 0.3em 1em; |
552 padding: 0.2em; |
571 font-weight: bold; |
553 font-weight: bold; |
572 } |
554 } |
573 |
555 |
574 .searchMessage{ |
556 .searchMessage{ |
575 padding-top: %(defaultLayoutMargin)s; |
557 margin-top: %(defaultLayoutMargin)s; |
576 } |
558 } |
577 |
559 |
578 .loginMessage { |
560 .loginMessage { |
579 margin: 4px 0px; |
561 margin: 4px 0px; |
580 font-weight: bold; |
562 font-weight: bold; |
581 color: %(headerBgColor)s; |
563 color: %(aColor)s; |
582 } |
564 } |
583 |
565 |
584 div#appMsg { |
566 div#appMsg { |
|
567 margin-bottom: %(defaultLayoutMargin)s; |
585 border: 1px solid %(actionBoxTitleBgColor)s; |
568 border: 1px solid %(actionBoxTitleBgColor)s; |
586 margin-bottom: %(defaultLayoutMargin)s; |
|
587 } |
569 } |
588 |
570 |
589 .message { |
571 .message { |
590 margin: 0px; |
572 background: %(msgBgColor)s %(infoMsgBgImg)s; |
591 background: #fff url("information.png") 5px center no-repeat; |
|
592 padding-left: 15px; |
573 padding-left: 15px; |
593 } |
574 } |
594 |
575 |
595 .errorMessage { |
576 .errorMessage { |
596 margin: 10px 0px; |
577 margin: 10px 0px; |
597 padding-left: 25px; |
578 padding-left: 25px; |
598 background: #fff url("critical.png") 2px center no-repeat; |
579 background: %(msgBgColor)s url("critical.png") 2px center no-repeat; |
599 color: #ed0d0d; |
580 color: %(errorMsgColor)s; |
600 border: 1px solid %(actionBoxTitleBgColor)s; |
581 border: 1px solid %(actionBoxTitleBgColor)s; |
601 } |
582 } |
602 |
583 |
|
584 /* search-associate message */ |
603 .stateMessage { |
585 .stateMessage { |
604 border: 1px solid %(pageContentBorderColor)s; |
586 border: 1px solid %(pageContentBorderColor)s; |
605 background: #fff url("information.png") 10px 50% no-repeat; |
587 background: %(msgBgColor)s %(infoMsgBgImg)s; |
606 padding:4px 0px 4px 20px; |
588 padding: 0.1em 0 0.1em 20px; |
607 } |
589 } |
608 |
590 |
609 /* warning messages like "There are too many results ..." */ |
591 /* warning messages like "There are too many results ..." */ |
610 .warning { |
592 .warning { |
611 padding-left: 25px; |
593 padding-left: 25px; |
612 background: #f2f2f2 url("critical.png") 3px 50% no-repeat; |
594 background: %(msgBgColor)s url("critical.png") 3px 50% no-repeat; |
613 } |
595 } |
614 |
596 |
615 /* label shown in the top-right hand corner during form validation */ |
597 /* label shown in the top-right hand corner during form validation */ |
616 div#progress { |
598 div#progress { |
617 position: fixed; |
599 position: fixed; |
626 /***************************************/ |
608 /***************************************/ |
627 /* listing table */ |
609 /* listing table */ |
628 /***************************************/ |
610 /***************************************/ |
629 |
611 |
630 table.listing { |
612 table.listing { |
631 width: 100%; |
613 width: 100%; |
632 padding: 10px 0em; |
614 font-size: 0.9167em; |
633 color: %(defaultColor)s; |
615 padding: 10px 0em; |
634 border: 1px solid %(listingBorderColor)s; |
616 color: %(defaultColor)s; |
635 } |
617 border: 1px solid %(listingBorderColor)s; |
636 |
618 margin-bottom: 1em; |
637 table.listing tr th { |
619 } |
|
620 |
|
621 table.listing th { |
638 font-weight: bold; |
622 font-weight: bold; |
639 background: #dfdfdf; |
|
640 font-size: 8pt; |
623 font-size: 8pt; |
641 padding: 3px 0px 3px 5px; |
624 background: %(listingHeaderBgColor)s; |
|
625 padding: 2px 4px; |
642 border: 1px solid %(listingBorderColor)s; |
626 border: 1px solid %(listingBorderColor)s; |
643 border-right:none} |
627 border-right:none; |
644 |
628 /* white-space: nowrap; */ |
645 table.listing thead tr { |
629 } |
646 /* border: 1px solid #dfdfdf; */ |
|
647 } |
|
648 |
|
649 |
630 |
650 table.listing thead th.over { |
631 table.listing thead th.over { |
651 background-color: #746b6b; |
632 background-color: %(listingHeaderBgColor)s; |
652 cursor: pointer; |
633 cursor: pointer; |
653 } |
634 } |
654 |
635 |
655 table.listing tr .header { |
636 table.listing tr .header { |
656 border-right: 1px solid %(listingBorderColor)s; |
637 border-right: 1px solid %(listingBorderColor)s; |
657 cursor: pointer; |
638 cursor: pointer; |
658 } |
639 } |
659 |
640 |
660 table.listing td { |
641 table.listing td { |
661 padding: 4px; |
642 padding: 3px; |
662 padding: 3px 0px 3px 5px; |
|
663 vertical-align: top; |
643 vertical-align: top; |
664 border: 1px solid %(listingBorderColor)s; |
644 border: 1px solid %(listingBorderColor)s; |
665 border-right: none; |
645 border-right: none; |
666 background-color: #fff; |
646 background-color: #fff; |
667 } |
647 } |
716 |
702 |
717 div.pycontext span.name { |
703 div.pycontext span.name { |
718 color: #ff0000; |
704 color: #ff0000; |
719 } |
705 } |
720 |
706 |
721 |
|
722 /***************************************/ |
707 /***************************************/ |
723 /* addcombobox */ |
708 /* addcombobox */ |
724 /***************************************/ |
709 /***************************************/ |
725 |
710 |
726 input#newopt{ |
711 input#newopt { |
727 width:120px ; |
712 display: block; |
728 display:block; |
713 float: left; |
729 float:left; |
714 width: 120px; |
730 } |
715 } |
731 |
716 |
732 div#newvalue{ |
717 div#newvalue{ |
733 margin-top:2px; |
718 margin-top: 2px; |
734 } |
719 } |
735 |
720 |
736 #add_newopt{ |
721 #add_newopt { |
737 background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat; |
722 display: block; |
738 width: 20px; |
723 float: left; |
739 line-height: 20px; |
724 width: 20px; |
740 display:block; |
725 line-height: 20px; |
741 float:left; |
726 background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat; |
742 } |
727 } |
743 |
728 |
744 /***************************************/ |
729 /***************************************/ |
745 /* buttons */ |
730 /* buttons */ |
746 /***************************************/ |
731 /***************************************/ |
747 |
732 |
748 input.button{ |
733 input.button{ |
749 margin: 1em 1em 0px 0px; |
734 margin: 1em 1em 0px 0px; |
750 border: 1px solid %(buttonBorderColor)s; |
735 border: 1px solid %(buttonBorderColor)s; |
751 border-color: %(buttonBorderColor)s %(actionBoxTitleBgColor)s %(actionBoxTitleBgColor)s %(buttonBorderColor)s; |
736 border-color: %(buttonBorderColor)s %(actionBoxTitleBgColor)s %(actionBoxTitleBgColor)s %(buttonBorderColor)s; |
752 background: %(buttonBgColor)s url("button.png") bottom left repeat-x; |
|
753 } |
737 } |
754 |
738 |
755 /* FileItemInnerView jquery.treeview.css */ |
739 /* FileItemInnerView jquery.treeview.css */ |
756 .folder { |
740 .folder { |
757 /* disable odd/even under folder class */ |
741 /* disable odd/even under folder class */ |
758 background-color: transparent; |
742 background-color: transparent; |
759 } |
743 } |
760 |
744 |
761 /***************************************/ |
745 /***************************************/ |
|
746 /* lists */ |
|
747 /***************************************/ |
|
748 |
|
749 ul.section, |
|
750 ul.startup { |
|
751 margin-bottom: 0px; |
|
752 } |
|
753 |
|
754 ul.startup li, |
|
755 ul.section li { |
|
756 margin-left:0px |
|
757 } |
|
758 |
|
759 ul.boxListing { |
|
760 margin: 0px; |
|
761 padding: 0px 3px; |
|
762 } |
|
763 |
|
764 ul.boxListing li, |
|
765 ul.boxListing ul li { |
|
766 margin: 0px; |
|
767 padding: 0px; |
|
768 background-image: none; |
|
769 } |
|
770 |
|
771 ul.boxListing ul { |
|
772 padding: 1px 3px; |
|
773 } |
|
774 |
|
775 ul.boxListing a { |
|
776 color: %(defaultColor)s; |
|
777 display:block; |
|
778 padding: 1px 9px 1px 3px; |
|
779 } |
|
780 |
|
781 ul.boxListing .selected { |
|
782 color: %(aColor)s; |
|
783 font-weight: bold; |
|
784 } |
|
785 |
|
786 ul.boxListing a.boxMenu:hover { |
|
787 border-top: medium none; |
|
788 background: %(sideBoxBodyBgColor)s %(bulletDownImg)s; |
|
789 } |
|
790 |
|
791 ul.boxListing a.boxBookmark { |
|
792 padding-left: 3px; |
|
793 background-image: none; |
|
794 background:#fff; |
|
795 } |
|
796 |
|
797 ul.simple li, |
|
798 ul.boxListing ul li , |
|
799 .popupWrapper ul li { |
|
800 background: transparent url("bullet_orange.png") no-repeat 0% 6px; |
|
801 } |
|
802 |
|
803 ul.boxListing a.boxBookmark:hover, |
|
804 ul.boxListing a:hover, |
|
805 ul.boxListing ul li a:hover { |
|
806 text-decoration: none; |
|
807 background: %(sideBoxBodyBgColor)s; |
|
808 } |
|
809 |
|
810 ul.boxListing ul li a:hover{ |
|
811 background-color: transparent; |
|
812 } |
|
813 |
|
814 ul.boxListing ul li a { |
|
815 padding: 1px 3px 0px 10px; |
|
816 } |
|
817 |
|
818 ul.simple li { |
|
819 padding-left: 8px; |
|
820 } |
|
821 |
|
822 .popupWrapper ul { |
|
823 padding:0.2em 0.3em; |
|
824 margin-bottom: 0px; |
|
825 } |
|
826 |
|
827 .popupWrapper ul li { |
|
828 padding-left: 8px; |
|
829 margin-left: 0px; |
|
830 white-space: nowrap; |
|
831 } |
|
832 |
|
833 /***************************************/ |
762 /* footer */ |
834 /* footer */ |
763 /***************************************/ |
835 /***************************************/ |
764 |
836 |
765 div#footer { |
837 div#footer { |
766 text-align: center; |
838 text-align: center; |
767 } |
839 } |
768 div#footer a { |
840 div#footer a { |
769 color: %(defaultColor)s; |
841 color: %(defaultColor)s; |
770 text-decoration: none; |
842 text-decoration: none; |
771 } |
843 } |
772 |
|
773 |
844 |
774 /****************************************/ |
845 /****************************************/ |
775 /* FIXME must by managed by cubes */ |
846 /* FIXME must by managed by cubes */ |
776 /****************************************/ |
847 /****************************************/ |
777 .needsvalidation { |
848 .needsvalidation { |
778 font-style: italic; |
849 font-style: italic; |
779 color: gray; |
850 color: gray; |
780 } |
851 } |
781 |
852 |
782 |
|
783 /***************************************/ |
|
784 /* FIXME : Deprecated ? entity view ? */ |
|
785 /***************************************/ |
|
786 .title { |
|
787 text-align: left; |
|
788 font-size: large; |
|
789 font-weight: bold; |
|
790 } |
|
791 |
|
792 .validateButton { |
853 .validateButton { |
793 margin: 1em 1em 0px 0px; |
854 margin: 1em 1em 0px 0px; |
794 border: 1px solid %(buttonBorderColor)s; |
855 border: 1px solid %(buttonBorderColor)s; |
795 border-color: %(buttonBorderColor)s %(actionBoxTitleBgColor)s %(actionBoxTitleBgColor)s %(buttonBorderColor)s; |
856 border-color: %(buttonBorderColor)s %(actionBoxTitleBgColor)s %(actionBoxTitleBgColor)s %(buttonBorderColor)s; |
796 background: %(buttonBgColor)s url("button.png") bottom left repeat-x; |
857 background: %(buttonBgColor)s url("button.png") bottom left repeat-x; |
803 .otherView { |
864 .otherView { |
804 float: right; |
865 float: right; |
805 } |
866 } |
806 |
867 |
807 /********************************/ |
868 /********************************/ |
808 /* overwite other css here */ |
869 /* rest releted classes */ |
809 /********************************/ |
870 /********************************/ |
810 |
871 |
|
872 img.align-right { |
|
873 margin-left: 1.5em; |
|
874 } |
|
875 |
|
876 img.align-left { |
|
877 margin-right: 1.5em; |
|
878 } |
|
879 |
|
880 /********************************/ |
|
881 /* overwite other css here */ |
|
882 /********************************/ |
|
883 |
811 /* ui.tabs.css */ |
884 /* ui.tabs.css */ |
812 ul .ui-tabs-nav, |
885 ul.ui-tabs-nav, |
813 ul .ui-tabs-panel { |
886 div.ui-tabs-panel { |
814 font-family: %(defaultFont)s; |
887 font-family: %(defaultFontFamily)s; |
815 font-size: %(defaultSize)s; |
888 font-size: %(defaultSize)s; |
816 } |
889 } |
|
890 |
|
891 div.ui-tabs-panel { |
|
892 border-top:1px solid #b6b6b6; |
|
893 } |
|
894 |
|
895 ul.ui-tabs-nav a { |
|
896 color: #3d3d3d; |
|
897 } |
|
898 |
|
899 ul.ui-tabs-nav a:hover { |
|
900 color: #000; |
|
901 } |
|
902 |
|
903 img.ui-datepicker-trigger { |
|
904 margin-left: 0.5em; |
|
905 vertical-align: bottom; |
|
906 } |
|
907 |