|
1 /* |
|
2 * :organization: Logilab |
|
3 * :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved. |
|
4 * :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr |
|
5 */ |
|
6 |
|
7 /******************************************************************************/ |
|
8 /* main styles */ |
|
9 /******************************************************************************/ |
|
10 |
|
11 *{ |
|
12 margin:0px; |
|
13 padding :0px; |
|
14 } |
|
15 |
|
16 html, body { |
|
17 background: #e2e2e2; |
|
18 } |
|
19 |
|
20 body { |
|
21 font-size: 69%; |
|
22 font-weight: normal; |
|
23 font-family: Verdana, sans-serif; |
|
24 } |
|
25 |
|
26 |
|
27 h1 { |
|
28 font-size: 188%; |
|
29 margin: 0.2em 0px 0.3em; |
|
30 border-bottom: 1px solid #000; |
|
31 } |
|
32 |
|
33 |
|
34 h2, h3 { |
|
35 margin-top: 0.2em; |
|
36 margin-bottom: 0.3em; |
|
37 } |
|
38 |
|
39 h2 { |
|
40 font-size: 135%; |
|
41 } |
|
42 |
|
43 h3 { |
|
44 font-size: 130%; |
|
45 } |
|
46 |
|
47 h4 { |
|
48 font-size: 120%; |
|
49 margin: 0.2em 0px; |
|
50 } |
|
51 |
|
52 h5 { |
|
53 font-size:110%; |
|
54 } |
|
55 |
|
56 h6{ |
|
57 font-size:105%; |
|
58 } |
|
59 |
|
60 a, a:active, a:link, a:visited { |
|
61 color: #ff4500; |
|
62 text-decoration: none; |
|
63 } |
|
64 |
|
65 a:hover{ |
|
66 text-decoration: underline; |
|
67 } |
|
68 |
|
69 a.grayedout { |
|
70 display: block; |
|
71 padding-left: 2px; |
|
72 color: #808080; |
|
73 } |
|
74 |
|
75 a.grayedout:visited{ |
|
76 color: #808080; |
|
77 } |
|
78 |
|
79 a.grayedout:hover { |
|
80 color: #000; |
|
81 } |
|
82 |
|
83 a img { |
|
84 border: none; |
|
85 text-align: center; |
|
86 } |
|
87 |
|
88 p { |
|
89 margin-top: 0em; |
|
90 margin-bottom: 0.2em; |
|
91 padding-top: 2px; |
|
92 } |
|
93 |
|
94 |
|
95 table, td, input, select { |
|
96 font-size: 100%; |
|
97 } |
|
98 |
|
99 table { |
|
100 border-collapse: collapse; |
|
101 border: none; |
|
102 } |
|
103 |
|
104 table th, table td { |
|
105 vertical-align: top; |
|
106 } |
|
107 |
|
108 table td img { |
|
109 vertical-align: middle; |
|
110 } |
|
111 |
|
112 ol { |
|
113 margin: 1px 0px 1px 16px; |
|
114 } |
|
115 |
|
116 ul{ |
|
117 margin: 1px 0px 1px 4px; |
|
118 list-style-type: none; |
|
119 } |
|
120 |
|
121 ul li { |
|
122 margin-top: 2px; |
|
123 padding: 0px 0px 2px 8px; |
|
124 background: url("bullet_orange.png") 0% 6px no-repeat; |
|
125 } |
|
126 |
|
127 pre { |
|
128 font-family: Courier, "Courier New", Monaco, monospace; |
|
129 font-size: 100%; |
|
130 color: #000; |
|
131 background-color: #f2f2f2; |
|
132 border: 1px solid #ccc; |
|
133 /*overflow:auto; */ |
|
134 } |
|
135 |
|
136 blockquote { |
|
137 font-family: Courier, "Courier New", serif; |
|
138 font-size: 120%; |
|
139 margin: 5px 0px; |
|
140 padding: 0.8em; |
|
141 background-color: #f2f2f2; |
|
142 border: 1px solid #ccc; |
|
143 } |
|
144 |
|
145 note, code { |
|
146 font-size: 120%; |
|
147 color: #000; |
|
148 background-color: #f2f2f2; |
|
149 border: 1px solid #ccc; |
|
150 } |
|
151 |
|
152 input, textarea { |
|
153 padding: 0.2em; |
|
154 vertical-align: middle; |
|
155 border: 1px solid #ccc; |
|
156 } |
|
157 |
|
158 fieldset { |
|
159 border: none; |
|
160 } |
|
161 |
|
162 legend { |
|
163 padding: 0px 2px; |
|
164 font: bold 1em Verdana, sans-serif; |
|
165 } |
|
166 |
|
167 label, .label { |
|
168 font-weight: bold ! important; |
|
169 } |
|
170 |
|
171 iframe { |
|
172 border: 0px; |
|
173 } |
|
174 |
|
175 dt { |
|
176 font-size: 1.17em; |
|
177 font-weight: 600; |
|
178 } |
|
179 |
|
180 dd { |
|
181 margin: 0.6em 0 1.5em 2em; |
|
182 } |
|
183 |
|
184 /******************************************************************************/ |
|
185 /* generic classes */ |
|
186 /******************************************************************************/ |
|
187 |
|
188 .odd { |
|
189 background-color: #f7f6f1; |
|
190 } |
|
191 |
|
192 .even { |
|
193 background-color: transparent; |
|
194 } |
|
195 |
|
196 .hr { |
|
197 border-bottom: 1px dotted #ccc; |
|
198 margin: 1em 0px; |
|
199 } |
|
200 |
|
201 .left { |
|
202 float: left; |
|
203 } |
|
204 |
|
205 .right { |
|
206 float: right; |
|
207 } |
|
208 |
|
209 .clear { |
|
210 clear: both; |
|
211 } |
|
212 |
|
213 .noborder { |
|
214 border: none; |
|
215 } |
|
216 |
|
217 .strong{ |
|
218 font-weight:bold; |
|
219 } |
|
220 |
|
221 .title { |
|
222 text-align: left; |
|
223 font-size: large; |
|
224 font-weight: bold; |
|
225 } |
|
226 |
|
227 .titleUnderline { |
|
228 color: #000; |
|
229 clear: left; |
|
230 margin: 0px; |
|
231 padding-top: 0.5em; |
|
232 border-bottom: 1px solid black; |
|
233 } |
|
234 |
|
235 .helper{ |
|
236 font-size: 96%; |
|
237 color: #555544; |
|
238 } |
|
239 |
|
240 .helper:hover { |
|
241 color: #000; |
|
242 cursor: default; |
|
243 } |
|
244 |
|
245 .hidden { |
|
246 display: none; |
|
247 visibility: hidden; |
|
248 } |
|
249 |
|
250 .needsvalidation { |
|
251 font-style: italic; |
|
252 color: grey ! important; |
|
253 } |
|
254 |
|
255 .folder { |
|
256 /* disable odd/even under folder class */ |
|
257 background-color: transparent; |
|
258 } |
|
259 |
|
260 li.invisible { |
|
261 list-style: none; |
|
262 background: none; |
|
263 padding: 0px 0px 1px 1px; |
|
264 } |
|
265 |
|
266 li.invisible div { |
|
267 display: inline; |
|
268 } |
|
269 |
|
270 div.row { |
|
271 clear: both; |
|
272 padding-bottom:0.4px |
|
273 } |
|
274 |
|
275 div.row span.label{ |
|
276 padding-right:1em |
|
277 } |
|
278 |
|
279 div.field { |
|
280 margin-left: 0.2em; |
|
281 display: inline; |
|
282 } |
|
283 |
|
284 div.popup { |
|
285 position: absolute; |
|
286 z-index: 400; |
|
287 background: #fff; |
|
288 border: 1px solid black; |
|
289 text-align: left; |
|
290 float:left; |
|
291 } |
|
292 |
|
293 div.popup ul li a { |
|
294 text-decoration: none; |
|
295 color: black; |
|
296 } |
|
297 |
|
298 /******************************************************************************/ |
|
299 /* header / layout */ |
|
300 /******************************************************************************/ |
|
301 |
|
302 .logo { |
|
303 background: #fff; |
|
304 border-left: #f2f2f2; |
|
305 } |
|
306 |
|
307 span#appliName { |
|
308 font-weight: bold; |
|
309 color: #000; |
|
310 white-space: nowrap; |
|
311 } |
|
312 |
|
313 #header { |
|
314 background: #ff7700 url("banner.png") left top repeat-x; |
|
315 text-align: left; |
|
316 } |
|
317 |
|
318 table#header td { |
|
319 vertical-align: middle; |
|
320 } |
|
321 |
|
322 table#header a { |
|
323 color: #000; |
|
324 } |
|
325 |
|
326 td#headtext { |
|
327 width: 100%; |
|
328 } |
|
329 |
|
330 /*FIXME appear with 4px width in IE6*/ |
|
331 div#stateheader{ |
|
332 width: 66%; |
|
333 } |
|
334 |
|
335 div#page { |
|
336 background: #e2e2e2; |
|
337 position: relative; |
|
338 min-height: 800px; |
|
339 } |
|
340 |
|
341 td#contentcol { |
|
342 padding: 8px 5px 5px 10px; |
|
343 } |
|
344 |
|
345 |
|
346 div#pageContent { |
|
347 clear: both; |
|
348 padding: 10px 1em 2em; |
|
349 background: #ffffff; |
|
350 border: 1px solid #ccc; |
|
351 } |
|
352 |
|
353 #contentheader { |
|
354 margin: 0px; |
|
355 padding: 0.2em 0.5em 0.5em 0.5em; |
|
356 } |
|
357 |
|
358 #contentheader a { |
|
359 color: #000; |
|
360 } |
|
361 |
|
362 td.firstcolumn { |
|
363 width: 220px; |
|
364 } |
|
365 |
|
366 td.navcol { |
|
367 width: 16em; |
|
368 } |
|
369 |
|
370 div.footer { |
|
371 text-align: center; |
|
372 } |
|
373 div.footer a { |
|
374 color: #000; |
|
375 text-decoration: none; |
|
376 } |
|
377 |
|
378 /******************************************************************************/ |
|
379 /* help button */ |
|
380 /******************************************************************************/ |
|
381 |
|
382 a.help{ |
|
383 display: block; |
|
384 margin: 0px 5px 0px 8px; |
|
385 height: 17px; |
|
386 width: 17px; |
|
387 background: url('help.png') 0% 0% no-repeat; |
|
388 } |
|
389 |
|
390 a.help:hover { |
|
391 background-position: 0px -16px; |
|
392 text-decoration: none; |
|
393 } |
|
394 |
|
395 /******************************************************************************/ |
|
396 /* rql bar */ |
|
397 /******************************************************************************/ |
|
398 |
|
399 div#rqlform { |
|
400 width: 100%; |
|
401 } |
|
402 |
|
403 input#rql{ |
|
404 border: 1px solid #ccc; |
|
405 width: 80%; |
|
406 margin-left: 12px; |
|
407 } |
|
408 |
|
409 /******************************************************************************/ |
|
410 /* user actions menu */ |
|
411 /******************************************************************************/ |
|
412 |
|
413 a.logout, a.logout:visited, a.logout:hover{ |
|
414 color: #fff; |
|
415 text-decoration: none; |
|
416 } |
|
417 |
|
418 div#userActionsBox { |
|
419 width: 14em; |
|
420 text-align: right; |
|
421 } |
|
422 |
|
423 div#userActionsBox a.popupMenu { |
|
424 color: black; |
|
425 text-decoration: underline; |
|
426 } |
|
427 |
|
428 /******************************************************************************/ |
|
429 /* buttons */ |
|
430 /******************************************************************************/ |
|
431 |
|
432 input#rqlboxsubmit, input#rqlboxsubmit2 { |
|
433 background: #fffff8 url("go.png") 50% 50% no-repeat; |
|
434 width: 20px; |
|
435 height: 20px; |
|
436 margin: 0px; |
|
437 } |
|
438 |
|
439 input.button, |
|
440 input.formButton, |
|
441 input.validateButton, |
|
442 input.searchButton, |
|
443 input.loginButton { |
|
444 border-top: 1px solid #edecd2; |
|
445 border-left: 1px solid #edecd2; |
|
446 border-right: 1px solid #cfceb7; |
|
447 border-bottom: 1px solid #cfceb7; |
|
448 background: #fffff8 url("button.png") bottom left repeat-x; |
|
449 } |
|
450 |
|
451 input.searchButton { |
|
452 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
|
453 } |
|
454 |
|
455 input.button, |
|
456 input.validateButton { |
|
457 margin: 1em 1em 0px 0px ! important; |
|
458 } |
|
459 |
|
460 /******************************************************************************/ |
|
461 /* primary view */ |
|
462 /******************************************************************************/ |
|
463 |
|
464 .mainInfo { |
|
465 margin-right: 1em; |
|
466 padding: 0.2em; |
|
467 } |
|
468 |
|
469 div.mainRelated { |
|
470 border: none; |
|
471 margin-right: 1em; |
|
472 padding: 0.5em 0.2em 0.2em; |
|
473 } |
|
474 |
|
475 div.sideRelated h4, |
|
476 div.sideRelated h5 { |
|
477 margin-top: 0px; |
|
478 margin-bottom: 0px; |
|
479 } |
|
480 |
|
481 div.sideRelated { |
|
482 margin-right: 1em; |
|
483 padding: 12px 0px 12px 12px; |
|
484 } |
|
485 |
|
486 div.metadata { |
|
487 font-size: 90%; |
|
488 margin: 5px 0px 3px; |
|
489 color: #666; |
|
490 font-style: italic; |
|
491 text-align: right; |
|
492 } |
|
493 |
|
494 div.section { |
|
495 margin-top: 0.5em; |
|
496 width:100%; |
|
497 } |
|
498 |
|
499 div.section a:hover { |
|
500 text-decoration: none; |
|
501 } |
|
502 |
|
503 |
|
504 |
|
505 /******************************************************************************/ |
|
506 /* boxes */ |
|
507 /******************************************************************************/ |
|
508 |
|
509 div.navboxes { |
|
510 padding-left: 3px; |
|
511 margin-top: 8px; |
|
512 } |
|
513 |
|
514 div.boxFrame { |
|
515 width: 100%; |
|
516 } |
|
517 |
|
518 div.boxTitle { |
|
519 padding-top: 0px; |
|
520 padding-bottom: 0.2em; |
|
521 font: bold 100% Georgia; |
|
522 overflow: hidden; |
|
523 color: #fff; |
|
524 background: #ff9900 url("search.png") left bottom repeat-x; |
|
525 } |
|
526 |
|
527 div.searchBoxFrame div.boxTitle, |
|
528 div.greyBoxFrame div.boxTitle { |
|
529 background: #cfceb7; |
|
530 } |
|
531 |
|
532 div.boxTitle span, |
|
533 div.sideBoxTitle span { |
|
534 padding: 0px 5px; |
|
535 white-space: nowrap; |
|
536 } |
|
537 |
|
538 div.sideBoxTitle span, |
|
539 div.searchBoxFrame div.boxTitle span, |
|
540 div.greyBoxFrame div.boxTitle span { |
|
541 color: #222211; |
|
542 } |
|
543 |
|
544 .boxFrame a { |
|
545 color: #000; |
|
546 } |
|
547 |
|
548 div.boxContent { |
|
549 padding: 3px 0px; |
|
550 background: #fff; |
|
551 border-top: none; |
|
552 } |
|
553 |
|
554 ul.boxListing { |
|
555 margin: 0px; |
|
556 padding: 0px 3px; |
|
557 } |
|
558 |
|
559 ul.boxListing li, |
|
560 ul.boxListing ul li { |
|
561 display: inline; |
|
562 margin: 0px; |
|
563 padding: 0px; |
|
564 background-image: none; |
|
565 } |
|
566 |
|
567 ul.boxListing ul { |
|
568 margin: 0px 0px 0px 7px; |
|
569 padding: 1px 3px; |
|
570 } |
|
571 |
|
572 ul.boxListing a { |
|
573 color: #000; |
|
574 display: block; |
|
575 padding: 1px 9px 1px 3px; |
|
576 } |
|
577 |
|
578 ul.boxListing a.selected { |
|
579 color: #FF4500; |
|
580 font-weight: bold; |
|
581 } |
|
582 |
|
583 ul.boxListing a.boxBookmark:hover, |
|
584 ul.boxListing a:hover, |
|
585 ul.boxListing ul li a:hover { |
|
586 text-decoration: none; |
|
587 background: #eeedd9; |
|
588 color: #111100; |
|
589 } |
|
590 |
|
591 a.boxMenu { |
|
592 background: transparent url("puce_down.png") 98% 6px no-repeat; |
|
593 display: block; |
|
594 padding: 1px 9px 1px 3px; |
|
595 } |
|
596 |
|
597 a.popupMenu { |
|
598 background: transparent url("puce_down_black.png") 2% 6px no-repeat; |
|
599 padding-left: 2em; |
|
600 } |
|
601 |
|
602 ul.boxListing ul li a:hover { |
|
603 background: #eeedd9 url("bullet_orange.png") 0% 6px no-repeat; |
|
604 } |
|
605 |
|
606 a.boxMenu:hover { |
|
607 background: #eeedd9 url("puce_down.png") 98% 6px no-repeat; |
|
608 cursor: pointer; |
|
609 } |
|
610 |
|
611 ul.boxListing a.boxBookmark { |
|
612 padding-left: 3px; |
|
613 background-image:none; |
|
614 background:#fff; |
|
615 } |
|
616 |
|
617 ul.boxListing ul li a { |
|
618 background: #fff url("bullet_orange.png") 0% 6px no-repeat; |
|
619 padding: 1px 3px 0px 10px; |
|
620 } |
|
621 |
|
622 div.searchBoxFrame div.boxContent { |
|
623 padding: 4px 4px 3px; |
|
624 background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; |
|
625 } |
|
626 |
|
627 div.shadow{ |
|
628 height: 14px; |
|
629 background: url("shadow.gif") no-repeat top right; |
|
630 } |
|
631 |
|
632 div.sideBoxTitle { |
|
633 padding: 0.2em 0px; |
|
634 background: #cfceb7; |
|
635 display: block; |
|
636 font: bold 100% Georgia; |
|
637 } |
|
638 |
|
639 div.sideBox { |
|
640 padding: 0.2em 0px; |
|
641 margin-bottom: 0.5em; |
|
642 background: #eeedd9; |
|
643 } |
|
644 |
|
645 div.sideBoxBody { |
|
646 padding: 0.2em 5px; |
|
647 } |
|
648 |
|
649 div.sideBoxBody a { |
|
650 color:#555544; |
|
651 } |
|
652 |
|
653 div.sideBoxBody a:hover { |
|
654 text-decoration: underline; |
|
655 } |
|
656 |
|
657 div.sideBox table td { |
|
658 padding-right: 1em; |
|
659 } |
|
660 |
|
661 div.boxPref { |
|
662 margin: 10px 0px 0px; |
|
663 } |
|
664 |
|
665 div.boxPrefTitle { |
|
666 font-weight: bold; |
|
667 background: #cfceb7; |
|
668 margin-bottom: 6px; |
|
669 padding-bottom: 0.2em; |
|
670 overflow: hidden; |
|
671 } |
|
672 |
|
673 div.boxPrefTitle span{ |
|
674 padding:0px 5px; |
|
675 } |
|
676 |
|
677 /******************************************************************************/ |
|
678 /* inline edition and generic form classes */ |
|
679 /******************************************************************************/ |
|
680 |
|
681 div.inlineedit { |
|
682 display: none; |
|
683 } |
|
684 |
|
685 div.editableField { |
|
686 display: inline; |
|
687 } |
|
688 |
|
689 div.editableField:hover, |
|
690 div.editableField p:hover { |
|
691 background-color: #eeedd9; |
|
692 } |
|
693 |
|
694 option.separator { |
|
695 font-weight: bold; |
|
696 background: #ccc; |
|
697 text-align: center; |
|
698 } |
|
699 |
|
700 input.error { |
|
701 background: transparent url("error.png") 100% 50% no-repeat; |
|
702 } |
|
703 |
|
704 span.error { |
|
705 display: block; |
|
706 font-weight: bold; |
|
707 color: #ed0d0d; |
|
708 } |
|
709 |
|
710 /******************************************************************************/ |
|
711 /* navigation */ |
|
712 /******************************************************************************/ |
|
713 |
|
714 div#etyperestriction { |
|
715 margin-bottom: 1ex; |
|
716 border-bottom: 1px solid #ccc; |
|
717 } |
|
718 |
|
719 div.navigation a { |
|
720 text-align: center; |
|
721 text-decoration: none; |
|
722 } |
|
723 |
|
724 div.prevnext { |
|
725 width: 100%; |
|
726 margin-bottom: 1em; |
|
727 } |
|
728 |
|
729 div.prevnext a { |
|
730 color: #000; |
|
731 } |
|
732 |
|
733 span.slice a:visited, |
|
734 span.slice a:hover{ |
|
735 color: #555544; |
|
736 } |
|
737 |
|
738 span.selectedSlice a:visited, |
|
739 span.selectedSlice a { |
|
740 color: #000; |
|
741 } |
|
742 |
|
743 /******************************************************************************/ |
|
744 /* messages */ |
|
745 /******************************************************************************/ |
|
746 |
|
747 .warning, |
|
748 .message, |
|
749 .errorMessage, |
|
750 .searchMessage, |
|
751 .statemessage { |
|
752 padding: 0.3em 0.3em 0.3em 1em; |
|
753 font-weight: bold; |
|
754 } |
|
755 |
|
756 .simpleMessage { |
|
757 margin: 4px 0px; |
|
758 font-weight: bold; |
|
759 color: #ff7700; |
|
760 } |
|
761 |
|
762 div#appMsg, div.appMsg { |
|
763 border: 1px solid #cfceb7; |
|
764 margin-bottom: 8px; |
|
765 padding: 3px; |
|
766 background: #f8f8ee; |
|
767 } |
|
768 |
|
769 div#rqlinput { |
|
770 border: 1px solid #cfceb7; |
|
771 margin-bottom: 8px; |
|
772 padding: 3px; |
|
773 background: #cfceb7; |
|
774 } |
|
775 |
|
776 .message { |
|
777 margin: 0px; |
|
778 background: #f8f8ee url("information.png") 5px center no-repeat; |
|
779 padding-left: 15px; |
|
780 } |
|
781 |
|
782 .errorMessage { |
|
783 margin: 10px 0px; |
|
784 padding-left: 25px; |
|
785 background: #f7f6f1 url("critical.png") 2px center no-repeat; |
|
786 color: #ed0d0d; |
|
787 border: 1px solid #cfceb7; |
|
788 } |
|
789 |
|
790 .searchMessage { |
|
791 margin-top: 0.5em; |
|
792 border-top: 1px solid #cfceb7; |
|
793 background: #eeedd9 url("information.png") 0% 50% no-repeat; /*dcdbc7*/ |
|
794 } |
|
795 |
|
796 .stateMessage { |
|
797 border: 1px solid #ccc; |
|
798 background: #f8f8ee url("information.png") 10px 50% no-repeat; |
|
799 padding:4px 0px 4px 20px; |
|
800 border-width: 1px 0px 1px 0px; |
|
801 } |
|
802 |
|
803 /* warning messages like "There are too many results ..." */ |
|
804 .warning { |
|
805 padding-left: 25px; |
|
806 background: #f2f2f2 url("critical.png") 3px 50% no-repeat; |
|
807 } |
|
808 |
|
809 /* label shown in the top-right hand corner during form validation */ |
|
810 div#progress { |
|
811 position: fixed; |
|
812 right: 5px; |
|
813 top: 0px; |
|
814 background: #222211; |
|
815 color: white; |
|
816 font-weight: bold; |
|
817 display: none; |
|
818 } |
|
819 |
|
820 /******************************************************************************/ |
|
821 /* listing table */ |
|
822 /******************************************************************************/ |
|
823 |
|
824 table.listing { |
|
825 margin: 10px 0em; |
|
826 color: #000; |
|
827 width: 100%; |
|
828 border-right: 1px solid #dfdfdf; |
|
829 } |
|
830 |
|
831 |
|
832 table.listing thead th.over { |
|
833 background-color: #746B6B; |
|
834 cursor: pointer; |
|
835 } |
|
836 |
|
837 table.listing th, |
|
838 table.listing td { |
|
839 padding: 3px 0px 3px 5px; |
|
840 border: 1px solid #dfdfdf; |
|
841 border-right: none; |
|
842 } |
|
843 |
|
844 table.listing th { |
|
845 font-weight: bold; |
|
846 background: #ebe8d9 url("button.png") repeat-x; |
|
847 } |
|
848 |
|
849 table.listing td a, |
|
850 table.listing td a:visited { |
|
851 color: #666; |
|
852 } |
|
853 |
|
854 table.listing a:hover, |
|
855 table.listing tr.highlighted td a { |
|
856 color:#000; |
|
857 } |
|
858 |
|
859 table.listing td.top { |
|
860 border: 1px solid white; |
|
861 border-bottom: none; |
|
862 text-align: right ! important; |
|
863 /* insane IE row bug workaround */ |
|
864 position: relative; |
|
865 left: -1px; |
|
866 top: -1px; |
|
867 } |
|
868 |
|
869 /******************************************************************************/ |
|
870 /* drag and drop zone (XXX only used in seo for now) */ |
|
871 /******************************************************************************/ |
|
872 |
|
873 div.droppable { |
|
874 border: 1px dashed black; |
|
875 margin: 2px; |
|
876 padding: 2px; |
|
877 height: 15px; |
|
878 } |
|
879 |
|
880 div.drophover { |
|
881 background: #f4f5ed; |
|
882 } |
|
883 |
|
884 /******************************************************************************/ |
|
885 /* search box */ |
|
886 /******************************************************************************/ |
|
887 |
|
888 input#norql{ |
|
889 width:13em; |
|
890 margin-right: 2px; |
|
891 } |
|
892 |
|
893 /******************************************************************************/ |
|
894 /* filter box */ |
|
895 /******************************************************************************/ |
|
896 |
|
897 #filter_box input { |
|
898 width: 180px; |
|
899 } |
|
900 #filter_box label { |
|
901 float: left; |
|
902 } |
|
903 #filter_box select.radio { |
|
904 width: 47px; |
|
905 float: right; |
|
906 } |
|
907 #filter_box select { |
|
908 width: 185px; |
|
909 } |
|
910 #filter_box option.disabled { |
|
911 background: lightgray; |
|
912 } |
|
913 |
|
914 /******************************************************************************/ |
|
915 /* table filter form */ |
|
916 /******************************************************************************/ |
|
917 |
|
918 table.filter th { |
|
919 font-weight: bold; |
|
920 background: #ebe8d9 url("button.png") repeat-x; |
|
921 padding: 0.3em; |
|
922 border-bottom: 1px solid #cfceb7; |
|
923 text-align: left; |
|
924 } |
|
925 |
|
926 table.filter td { |
|
927 padding: 0.6em 0.2em; |
|
928 } |
|
929 |
|
930 table.filter td select { |
|
931 padding:1px 2px; |
|
932 } |
|
933 |
|
934 div#tableActionsBox { |
|
935 direction:rtl; |
|
936 float:right |
|
937 } |
|
938 |
|
939 /******************************************************************************/ |
|
940 /* error view (views/management.py) */ |
|
941 /******************************************************************************/ |
|
942 |
|
943 div.pycontext { /* html traceback */ |
|
944 font-family: Verdana, sans-serif; |
|
945 font-size: 80%; |
|
946 padding: 1em; |
|
947 margin: 10px 0px 5px 20px; |
|
948 background-color: #dee7ec; |
|
949 } |
|
950 |
|
951 div.pycontext span.name { |
|
952 color: #ff0000; |
|
953 } |
|
954 |
|
955 /******************************************************************************/ |
|
956 /* index view (views/startup.py) */ |
|
957 /******************************************************************************/ |
|
958 |
|
959 table.startup { |
|
960 width: 100%; |
|
961 } |
|
962 |
|
963 table.startup td { |
|
964 padding: 0.1em 0.2em; |
|
965 } |
|
966 |
|
967 table.startup td.addcol { |
|
968 text-align: right; |
|
969 width: 0.5em; |
|
970 } |
|
971 |
|
972 table.startup th{ |
|
973 padding-top: 3px; |
|
974 padding-bottom: 3px; |
|
975 text-align: left; |
|
976 } |
|
977 |
|
978 /******************************************************************************/ |
|
979 /* addcombobox */ |
|
980 /******************************************************************************/ |
|
981 |
|
982 input#newopt{ |
|
983 width:120px ; |
|
984 display:block; |
|
985 float:left; |
|
986 } |
|
987 |
|
988 div#newvalue{ |
|
989 margin-top:2px; |
|
990 } |
|
991 |
|
992 #add_newopt{ |
|
993 background: #fffff8 url("go.png") 50% 50% no-repeat; |
|
994 width: 20px; |
|
995 line-height: 20px; |
|
996 display:block; |
|
997 float:left; |
|
998 } |
|
999 |
|
1000 /******************************************************************************/ |
|
1001 /* facets (XXX to continue) */ |
|
1002 /******************************************************************************/ |
|
1003 |
|
1004 div.facetBody { |
|
1005 height: 10em; |
|
1006 overflow: auto; |
|
1007 } |
|
1008 |
|
1009 .facetValueDisabled { |
|
1010 text-decoration: underline; |
|
1011 } |