liquid_feedback_frontend
view static/style.css @ 169:db91c2005278
better stylesheet for ignore area list
| author | Daniel Poelzleithner <poelzi@poelzi.org> |
|---|---|
| date | Sat Oct 09 22:06:38 2010 +0200 (2010-10-09) |
| parents | 1652c4cd3154 |
| children | b9c8503feff7 |
line source
1 /*************************************************************************
2 * Some global definitions
3 */
5 body {
6 background: #fff;
7 }
9 body, th, td {
10 font-family: sans-serif;
11 font-size: 15px;
12 font-size: 14px;
13 padding: 0;
14 margin: 0;
15 }
17 .area_list {
18 line-height: 170%;
19 }
21 body, a {
22 color: #000;
23 }
25 img {
26 border: none;
27 }
29 table {
30 border-collapse: collapse;
31 border: none;
32 }
34 td, th {
35 padding: 0.5ex 0.5em 0.5ex 0.5em;
36 }
38 td {
39 vertical-align: top;
40 }
42 th {
43 vertical-align: bottom;
44 font-size: 75%;
45 font-weight: bold;
46 }
48 a.active {
49 color: #fff;
50 }
52 .revoked {
53 text-decoration: line-through;
54 }
56 .highlighted {
57 background-color: #fa7;
58 color: #000;
59 }
61 .admin_only {
62 font-style: italic;
63 }
65 a {
66 xvertical-align: middle;
67 }
69 h1 {
70 font-size: 150%;
71 }
73 h2 {
74 font-size: 125%;
75 }
77 .inline {
78 display: inline;
79 }
81 /*************************************************************************
82 * Notices, warnings and errors
83 */
85 .layout_notice, .layout_error, .layout_warning {
86 background: #fff;
87 font-weight: bold;
88 line-height: 1.7em;
89 -moz-opacity:0.7;
90 }
92 .slot_notice, .slot_warning, .slot_error {
93 padding-left: 1em;
94 }
96 .slot_notice {
97 background-color: #cfc;
98 color: #040;
99 }
101 .slot_warning {
102 background-color: #fec;
103 color: #420;
104 }
106 .slot_error {
107 background-color: #fcc;
108 color: #400;
109 }
111 /*************************************************************************
112 * Navigation, search and language chooser bar
113 */
115 .topbar {
116 background-color: #444;
117 color: #fff;
118 font-size: 75%;
119 line-height: 140%;
120 margin-bottom: 1.8ex;
121 }
123 .topbar a {
124 background-color: #444;
125 color: #fff;
126 }
128 .topbar a:hover {
129 background-color: #fff;
130 color: #000;
131 }
133 .navigation,
134 .logout_button {
135 line-height: 250%;
136 }
138 .navigation img,
139 .logout_button img {
140 margin-right: 0.5em;
141 vertical-align: middle;
142 }
144 .navigation a,
145 .logout_button a {
146 padding: 1ex;
147 }
149 .logout_button {
150 float: right;
151 }
153 .searchbox {
154 margin: 0;
155 padding: 0.1ex 1em 0ex 1em;
156 float: right;
157 line-height: 250%;
158 }
160 .searchbox form {
161 float: left;
162 }
164 .searchbox div {
165 display: inline;
166 }
168 .searchbox select {
169 margin-left: 0.3em;
170 margin-right: 0.4em;
171 font-size: 100%;
172 width: 8em;
173 }
175 .searchbox input[type=text] {
176 width: 8em;
177 padding: 0.25ex 0.25em 0.25ex 0.25em;
178 margin-right: 0.5em;
179 font-size: 100%;
180 }
182 .searchbox input[type=submit] {
183 font-size: 100%;
184 }
186 /*************************************************************************
187 * Title of current page including path and actions
188 */
190 .title_bar {
191 border-bottom: 1px solid #777;
192 padding-top: 1ex;
193 padding-bottom: 0.5ex;
194 }
196 .title_bar_content {
197 margin-left: 1em;
198 }
200 .path {
201 color: #444;
202 }
204 .path div {
205 font-size: 100%;
206 line-height: 180%;
207 }
209 .path a {
210 color: #444;
211 }
213 .slot_path div {
214 display: inline;
215 margin-left: 1em;
216 margin-right: 1em;
217 }
219 .title {
220 color: #000;
221 margin-bottom: 0.5ex;
222 }
224 .slot_title {
225 }
227 .title div {
228 font-weight: bold;
229 font-size: 135%;
230 line-height: 110%;
231 }
233 .title a {
234 color: #000;
235 }
237 .member_image_avatar {
238 float: left;
239 margin-right: 0.5em;
240 }
242 .actions {
243 font-size: 75%;
244 line-height: 220%;
245 }
247 .slot_actions {
248 display: inline;
249 }
251 .actions a {
252 float: left;
253 display: block;
254 padding: 1px 0.5em 1px 0.0em;
255 margin-right: 1em;
256 vertical-align: middle;
257 }
259 .content_navigation {
260 font-size: 75%;
261 background-color: #eee;
262 margin-bottom: 2ex;
263 padding-left: 1em;
264 }
266 .content_navigation div,
267 .content_navigation a {
268 display: inline-block;
269 padding: 3px 0.5em 3px 0.0em;
270 margin-right: 1em;
271 vertical-align: middle;
272 }
274 .content_navigation a:hover {
275 background-color: #d7d7d7;
276 }
278 .content_navigation_seperator {
279 height: 1.4em;
280 border-left: 1px solid black;
281 }
283 .actions a:hover {
284 background-color: #d7d7d7;
285 }
287 .actions img {
288 padding-left: 0.2em;
289 padding-right: 0.2em;
290 vertical-align: middle;
291 }
293 .logo {
294 float: right;
295 margin-right: 1em;
296 }
301 /*************************************************************************
302 * vote info / delegation
303 */
305 .interest,
306 .slot_support,
307 .delegation,
308 .voting_requested {
309 float: left;
310 position: relative;
311 z-index: 1;
312 }
314 .interest img,
315 .slot_support img,
316 .delegation img,
317 .voting_requested img {
318 padding-left: 0.2em;
319 padding-right: 0.2em;
320 }
321 .vote_info .head {
322 float: left;
323 margin-right: 1em;
324 }
326 .interest .head_active,
327 .slot_support .head_potential_supporter{
328 background-color: #fec;
329 border: 1px solid #b96;
330 }
332 .interest .head_autoreject {
333 background-color: #fdd;
334 border: 1px solid #b77;
335 }
337 .slot_support .head_supporter {
338 background-color: #dfc;
339 border: 1px solid #8b8;
340 }
342 .slot_support .head_initiator {
343 background-color: #eee;
344 border: 1px solid #999;
345 }
347 .delegation .head_active {
348 background-color: #ddf;
349 border: 1px solid #88b;
350 }
352 .delegation .change_delegation {
353 margin-bottom: 2ex;
354 }
356 .delegation .change_delegation a {
357 display: inline;
358 float: none;
359 padding: 1ex;
360 }
362 .delegation .delegation_participation {
363 margin-left: 20.5em;
364 margin-top: 3ex;
365 font-style: italic;
366 font-size: 80%;
367 }
369 .voting_requested .head_active {
370 background-color: #fdd;
371 border: 1px solid #b77;
372 }
374 .vote_info .close {
375 position: absolute;
376 top: 0;
377 right: 0;
378 padding: 1ex;
379 display: block;
380 }
382 .vote_info .content {
383 font-size: 133%;
384 line-height: 100%;
385 top: 3ex;
386 display: none;
387 position: absolute;
388 z-index: 10;
389 background-color: #fff;
390 border: 1px solid #999;
391 padding: 1em;
392 width: 35em;
393 }
395 .vote_info .delegation_arrow {
396 margin-top: 1ex;
397 margin-bottom: 1ex;
398 vertical-align: middle;
399 }
401 .vote_info .delegation_arrow_overridden {
402 opacity: 0.4;
403 }
405 .vote_info .delegation_scope_overridden {
406 color: #777;
407 }
409 .vote_info .delegation_scope {
410 display: inline;
411 }
413 .vote_info .delegation_info {
414 }
416 .vote_info .member_thumb {
417 clear: left;
418 }
420 .delegation_overridden .member_thumb {
421 opacity: 0.4;
422 }
424 .delegation .revoke {
425 margin: 0.5ex;
426 float: right;
427 }
429 .delegation .revoke img {
430 vertical-align: middle;
431 }
434 .sub_title div {
435 padding-top: 1ex;
436 margin-top: 1ex;
437 font-weight: bold;
438 font-size: 135%;
439 line-height: 110%;
440 }
442 /*************************************************************************
443 * Main content
444 */
446 .main {
447 margin-left: 1em;
448 margin-right: 1em;
449 }
452 /*************************************************************************
453 * ui.tab
454 */
456 .ui_tabs_links {
457 margin-top: 4ex;
458 font-size: 75%;
459 }
461 .ui_tabs_links a {
462 padding: 1ex;
463 line-height: 200%;
464 background-color: #e7e7e7;
465 white-space: nowrap;
466 }
468 .ui_tabs_links a:hover {
469 background-color: #d7d7d7;
470 }
472 .ui_tabs_links a.selected {
473 background-color: #444;
474 color: #fff;
475 text-decoration: none;
476 padding: 1ex;
477 }
479 .ui_tabs_content {
480 border: 1px solid #444;
481 padding: 1ex 1ex 1ex 1ex;
482 }
484 .web10 .ui_tabs_accordeon_head {
485 margin-bottom: 1ex;
486 }
488 .web20 .ui_tabs_accordeon_head {
489 font-size: 80%;
490 font-weight: bold;
491 display: block;
492 background: #eee;
493 border: 1px solid #bbb;
494 color: #000;
495 padding: 0.75ex;
496 margin-top: 2ex;
497 cursor: pointer;
498 }
500 .web20 .ui_tabs_accordeon_head img {
501 vertical-align: middle;
502 margin-right: 0.5em;
503 }
505 .web20 .ui_tabs_accordeon_head .bargraph {
506 margin-right: 0.5em;
507 }
509 .web20 .ui_tabs_accordeon_content {
510 border: 1px solid #aaa;
511 border-top: none;
512 padding: 2ex 1em 2ex 1em;
513 margin-bottom: 3ex;
514 }
516 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
517 background-color: #e5e5ff;
518 }
520 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
521 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
522 border-color: #aad;
523 }
525 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
526 border-color: #bbb;
527 border-width: 1px;
528 }
530 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
531 background-color: #eee;
532 border: 1px solid #bbb;
533 }
535 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
536 font-size: 120%;
537 }
539 .ui_tabs_links a.yellow {
540 background-color: #fec;
541 color: #000;
542 }
544 .ui_tabs_links a.yellow:hover {
545 background-color: #edb;
546 }
548 .ui_tabs_links a.yellow.selected {
549 background-color: #654;
550 color: #fff;
551 text-decoration: none;
552 padding: 1ex;
553 }
555 .web20 .ui_tabs_accordeon_head.yellow {
556 background-color: #fec;
557 border-color: #b96;
558 xpadding: 1ex;
559 xmargin-bottom: 2ex;
560 }
562 .web20 .ui_tabs_accordeon_content.yellow {
563 border-color: #b96;
564 }
566 .ui_tabs_links a.red {
567 background-color: #c33;
568 color: #000;
569 }
571 .ui_tabs_links a.red:hover {
572 background-color: #ebb;
573 }
575 .ui_tabs_links a.red.selected {
576 background-color: #644;
577 color: #fff;
578 text-decoration: none;
579 padding: 1ex;
580 }
582 .web20 .ui_tabs_accordeon_head.red {
583 background-color: #c23;
584 border-color: #b66;
585 xpadding: 1ex;
586 xmargin-bottom: 2ex;
587 }
589 .web20 .ui_tabs_accordeon_content.red {
590 border-color: #b66;
591 }
594 /*************************************************************************
595 * ui.filters
596 */
598 .ui_filter_closed_head,
599 .ui_filter_head {
600 color: #777;
601 margin-top: 1ex;
602 margin-bottom: 1.5ex;
603 font-size: 75%;
604 }
606 .ui_filter_head a {
607 color: #777;
608 padding: 0.5ex;
609 }
611 .ui_filter_head a.active {
612 color: #fff;
613 background-color: #777;
614 padding: 0.5ex;
615 }
617 /*************************************************************************
618 * ui.paginate
619 */
621 .ui_paginate_head {
622 margin-bottom: 1ex;
623 }
625 .ui_paginate_foot {
626 margin-top: 1ex;
627 }
629 .ui_paginate_select a {
630 padding: 0.5ex;
631 }
633 /*************************************************************************
634 * ui.bargraph
635 */
637 .bargraph {
638 width: 103px;
639 }
641 .bargraph50 {
642 width: 52px;
643 }
645 .bargraph div {
646 float: left;
647 margin-top: 0.5ex;
648 height: 1.3ex;
649 }
651 .bargraph_legend {
652 margin-top: 2ex;
653 }
655 .bargraph_legend .bargraph {
656 width: 26px;
657 }
659 .bargraph_legend div,
660 .bargraph_legend div div,
661 .bargraph_legend div div div {
662 float: left;
663 }
665 .bargraph_legend_label {
666 margin-left: 0.5em;
667 margin-right: 1em;
668 }
670 /*************************************************************************
671 * vertical ui.form
672 */
674 .login input[type=text],
675 .vertical input[type=text],
676 .login input[type=password],
677 .vertical input[type=password],
678 .vertical textarea,
679 .vertical select {
680 font-family: sans-serif;
681 font-size: 100%;
682 width: 50em;
683 border: 1px solid #444;
684 padding: 0.2ex 0.2em 0.2ex 0.2em;
685 margin-bottom: 1ex;
686 }
688 .login input[type=password],
689 .vertical input[type=password] {
690 width: 16em;
691 }
693 .vertical select {
694 padding-right: 0;
695 }
697 .login .ui_field_label,
698 .vertical .ui_field_label {
699 text-transform: uppercase;
700 font-size: 70%;
701 line-height: 120%;
702 font-weight: bold;
703 color: #777;
704 width: 15em;
705 display: block;
706 float: left;
707 clear: left;
708 text-align: right;
709 padding-right: 0.5em;
710 }
712 .ui_field_label.label_right {
713 text-align: left;
714 width: auto;
715 }
717 .login input[type=text],
718 .login input[type=password] {
719 width: 10em;
720 }
722 .login div,
723 .vertical div {
724 clear: left;
725 }
727 .vertical span {
728 display: block;
729 margin-bottom: 0.5ex;
730 }
732 .vertical span:after {
733 content: " ";
734 }
736 .vertical span span {
737 display: inline;
738 margin-bottom: 0;
739 }
741 .login input[type=submit],
742 .vertical input[type=submit] {
743 font-size: 100%;
744 margin-left: 11em;
745 background-color: #444444;
746 color: #fff;
747 border: none;
748 padding: 0.75ex;
749 }
751 .login input[type=submit]:hover,
752 .vertical input[type=submit]:hover {
753 background-color: #444444;
754 }
756 /*************************************************************************
757 * Tables
758 */
761 table a.action {
762 font-size: 70%;
763 line-height: 190%;
764 padding: 0.5ex;
765 color: #777;
766 }
768 table a.active {
769 color: #fff;
770 }
772 th {
773 text-align: left;
774 border-bottom: 1px solid #000;
775 }
777 tr:hover td {
778 background-color: #ddd;
779 }
781 .nohover tr:hover td {
782 background-color: #fff;
783 }
785 .nohover table tr:hover td {
786 background-color: #ddd;
787 }
790 tr table tr:hover td {
791 background-color: #fff;
792 }
795 /*************************************************************************
796 * Hidden inline form
797 */
799 .hidden_inline_form {
800 display: none;
801 border: 1px solid #444;
802 width: 42em;
803 position: fixed;
804 background-color: #fff;
805 left: 5em;
806 top: 5ex;
807 z-index: 2;
808 }
810 .hidden_inline_form a {
811 padding: 0.5ex;
812 color: #fff;
813 }
816 .hidden_inline_form .head {
817 background-color: #444;
818 color: #fff;
819 display: block;
820 padding: 0.5ex;
821 }
823 .hidden_inline_form input[type=text],
824 .hidden_inline_form textarea,
825 .hidden_inline_form select {
826 width: 30em;
827 }
829 /*************************************************************************
830 * Positive / Negtive votes
831 */
834 .positive_votes span {
835 display: inline;
836 }
838 .positive_votes {
839 display: inline;
840 background-color: #cfc;
841 padding: 0.3ex 0.5em 0.3ex 0.5em;
842 }
844 .negative_votes span {
845 display: inline;
846 }
848 .negative_votes {
849 display: inline;
850 background-color: #fcc;
851 padding: 0.3ex 0.5em 0.3ex 0.5em;
852 }
854 .suggestion_my_opinion a,
855 .suggestion_my_opinion span {
856 white-space: nowrap;
857 padding-left: 0.2ex !important;
858 padding-right: 0.2ex !important;
859 }
861 .active {
862 background-color: #444;
863 color: #fff;
864 }
866 .active_red2 { background-color: #a00; color: #fff !important; }
867 .active_red1 { background-color: #f88; color: #000 !important; }
868 .active_green1 { background-color: #8f8; color: #000 !important; }
869 .active_green2 { background-color: #0a0; color: #000 !important; }
874 /*************************************************************************
875 * Issues
876 */
878 .issues tr {
879 border: 1px solid #ccc;
880 }
882 .issues tr tr {
883 border: none;
884 }
886 .lang_chooser {
887 float: right;
888 margin-right: 0.5em;
889 }
891 .delegation_list_entry {
892 margin-right: 2em;
893 margin-bottom: 2ex;
894 float: left;
895 clear: left;
896 }
898 .delegation_list_entry .delegation_arrow {
899 float: left;
900 }
902 .delegation_list_entry .delegation_scope {
903 float: left;
904 width: 25em;
905 }
907 .delegation_list_entry .delegation_scope a {
908 display: block;
909 }
911 .member_list .member_thumb {
912 float: left;
913 margin-right: 1em;
914 margin-bottom: 2ex;
915 }
917 .member_thumb {
918 text-decoration: none;
919 width: 14.5em;
920 height: 48px;
921 display: block;
922 float: left;
923 border: 1px solid #999;
924 overflow: hidden;
925 xwhite-space: nowrap;
926 position: relative;
927 }
929 .member_thumb a{
930 position: absolute;
931 top: 0;
932 left: 0;
933 padding: 0;
934 margin: 0;
935 }
937 .member_thumb a:hover div {
938 background-color: #444;
939 color: #fff;
940 }
942 .member_thumb img {
943 padding: 0;
944 margin: 0;
945 vertical-align: bottom;
946 }
948 .member_thumb div {
949 }
951 .member_thumb .member_image {
952 }
954 .member_thumb .member_name {
955 position: absolute;
956 left: 48px;
957 top: 2ex;
958 font-size: 100%;
959 width: 14em;
960 }
962 .member_thumb .flags {
963 text-align: right;
964 font-size: 75%;
965 }
967 .member_thumb .flags a,
968 .member_thumb .flags img {
969 position: static;
970 float: right;
971 margin-left: 0.5em;
972 }
975 .member .right {
976 float: right;
977 }
979 .member_thumb.not_accepted,
980 .member_thumb.not_informed {
981 opacity: 0.5;
982 }
984 .member_statement,
985 .draft_content,
986 .suggestion_content {
987 background-color: #eee;
988 border: 1px solid #ccc;
989 padding-left: 1ex;
990 padding-right: 1ex;
991 }
994 .suggestion_content,
995 #suggestion_description {
996 font-family: monospace;
997 }
999 .diff {
1000 background-color: #eee;
1001 border: 1px solid #ccc;
1002 padding: 1ex;
1003 }
1005 .diff_added {
1006 background-color: #cfc;
1007 text-decoration: underline;
1008 }
1010 .diff_removed {
1011 background-color: #fcc;
1012 text-decoration: line-through;
1013 }
1015 .slot_issue_info {
1016 background-color: #eee;
1017 border: 1px solid #ccc;
1018 float: right;
1019 padding: 0.5ex;
1020 line-height: 130%;
1021 margin-right: 1em;
1022 }
1024 .issue_info label {
1025 float: left;
1026 width: 8em;
1027 text-transform: uppercase;
1028 font-size: 70%;
1029 color: #777;
1030 font-weight: bold;
1031 clear: left;
1032 text-align: right;
1033 margin-right: 0.7em;
1034 }
1036 .admitted_info {
1037 background-color: #dfd;
1038 padding: 1ex;
1039 margin-bottom: 2ex;
1040 }
1042 .not_admitted_info,
1043 .revoked_info {
1044 background-color: #fdd;
1045 padding: 1ex;
1046 margin-bottom: 2ex;
1047 }
1049 .draft_updated_info,
1050 .voting_active_info,
1051 .initiator_invite_info,
1052 .motd,
1053 .public_access_issue_head {
1054 background-color: #fec;
1055 border: 1px solid #b96;
1056 padding: 1ex;
1057 margin-bottom: 2ex;
1058 }
1060 .suggestion_fulfilled {
1061 width: 15em;
1062 }
1063 .suggestion_fulfilled a.action {
1064 padding-left: 0;
1065 line-height: 120%;
1066 }
1068 .help,
1069 .use_terms {
1070 border: 1px solid #bcd;
1071 background-color: #def;
1072 color: #000;
1073 padding: 1ex;
1074 }
1076 .help_visible {
1077 margin-bottom: 1ex;
1078 }
1080 .help_visible .help_icon {
1081 float: right;
1082 }
1084 .slot_help_hidden {
1085 float: right;
1086 margin-right: 1em;
1087 }
1089 .help_actions {
1090 font-size: 75%;
1091 float: right;
1092 }
1094 .help_actions a {
1095 margin-right: 1em;
1096 color: #468;
1097 }
1099 .wiki {
1100 }
1102 .wiki h1,
1103 .wiki h2,
1104 .wiki h3,
1105 .wiki h4 {
1106 margin-top: 1ex;
1107 margin-bottom: 1ex;
1108 }
1110 .wiki h1 {
1111 font-size: 150%;
1112 }
1114 .wiki h2 {
1115 font-size: 125%;
1116 }
1118 .wiki p {
1119 margin-top: 1ex;
1120 margin-bottom: 1ex;
1121 }
1123 form .warning {
1124 background-color: #ffd;
1125 color: #000;
1126 border: 1px solid #dda;
1127 margin: 1ex;
1128 margin-bottom: 2ex;
1129 padding: 1ex;
1130 }
1132 a.not_voted {
1133 display: block;
1134 background-color: #fec;
1135 color: #000;
1136 }
1138 .action_active {
1139 background-color: #fec;
1140 }
1142 .heading {
1143 font-size: 120%;
1144 font-weight: bold;
1145 margin-top: 2ex;
1146 margin-bottom: 1ex;
1147 }
1149 .heading.first {
1150 margin-top: 0;
1151 }
1153 .menu_list li {
1154 padding-top: 1ex;
1155 padding-bottom: 1ex;
1156 }
1158 .deactivated_member_info {
1159 background-color: #a00;
1160 color: #fff;
1161 }
1163 /*************************************************************************
1164 * Voting
1165 */
1167 #voting {
1168 position: relative;
1169 }
1170 #voting .approval, .abstention, .disapproval {
1171 border: 2px black solid;
1172 margin-top: 5ex;
1173 margin-bottom: 5ex;
1174 padding: 1ex;
1175 padding-bottom: 2ex;
1176 }
1177 #voting .approval {
1178 background-color: #9f9;
1179 }
1180 #voting .approval .movable {
1181 background-color: #dfd;
1182 }
1183 #voting .abstention {
1184 background-color: #ccc;
1185 }
1186 #voting .abstention .movable {
1187 background-color: #eee;
1188 }
1189 #voting .disapproval {
1190 background-color: #f88;
1191 }
1192 #voting .disapproval .movable {
1193 background-color: #fbb;
1194 }
1195 #voting .cathead {
1196 font-weight: bold;
1197 }
1198 #voting .movable {
1199 position: relative;
1200 border: 1px black solid;
1201 margin: 1ex;
1202 padding: 0.5ex;
1203 }
1204 #voting .voting_form_active .movable {
1205 cursor: pointer;
1206 }
1207 #voting .voting_form_active .clickable {
1208 cursor: auto;
1209 }
1210 #voting .voting_form_active a.clickable {
1211 cursor: pointer;
1212 }
1214 #voting .grabber {
1215 vertical-align: middle;
1216 cursor: move;
1217 }
1219 /*************************************************************************
1220 * timeline
1221 */
1222 div.ignore_area_list {
1223 float: left;
1224 width: 90%;
1225 margin: 0 0 1em 0;
1226 }
1228 div.ignore_area_list >
1229 label.ui_field_label {
1230 text-align: left ;
1231 width: 100%;
1232 border-bottom:1px solid #000000;
1233 color: #000000;
1234 font-size:75%;
1235 font-weight:bold;
1236 vertical-align:bottom;
1237 text-transform:none;
1238 padding:0.5ex 0.5em
1239 }
1241 div.ignore_area_item {
1242 clear: none;
1243 float: left;
1244 min-width: 10em;
1245 margin: 0.1ex 0.5em;
1246 margin-right: 0.5em;
1247 }
1249 div.ignore_area_item > input {
1250 float: none;
1251 clear: none;
1252 display: inline;
1253 }
1255 div.ignore_area_item >
1256 label.ui_field_label {
1257 float: none;
1258 clear: none;
1259 text-align: left;
1260 display: inline;
1261 }
1263 div.timeline_results {
1264 clear: both;
1265 }