liquid_feedback_frontend
view static/style.css @ 147:f5692aafc85b
set background color
| author | Daniel Poelzleithner <poelzi@poelzi.org> |
|---|---|
| date | Thu Oct 07 04:45:06 2010 +0200 (2010-10-07) |
| parents | 90520c9fca44 |
| children | eaf3db89a6e1 |
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 .actions a:hover {
279 background-color: #d7d7d7;
280 }
282 .actions img {
283 padding-left: 0.2em;
284 padding-right: 0.2em;
285 vertical-align: middle;
286 }
288 .logo {
289 float: right;
290 margin-right: 1em;
291 }
296 /*************************************************************************
297 * vote info / delegation
298 */
300 .interest,
301 .slot_support,
302 .delegation,
303 .voting_requested {
304 float: left;
305 position: relative;
306 z-index: 1;
307 }
309 .interest img,
310 .slot_support img,
311 .delegation img,
312 .voting_requested img {
313 padding-left: 0.2em;
314 padding-right: 0.2em;
315 }
316 .vote_info .head {
317 float: left;
318 margin-right: 1em;
319 }
321 .interest .head_active,
322 .slot_support .head_potential_supporter{
323 background-color: #fec;
324 border: 1px solid #b96;
325 }
327 .interest .head_autoreject {
328 background-color: #fdd;
329 border: 1px solid #b77;
330 }
332 .slot_support .head_supporter {
333 background-color: #dfc;
334 border: 1px solid #8b8;
335 }
337 .slot_support .head_initiator {
338 background-color: #eee;
339 border: 1px solid #999;
340 }
342 .delegation .head_active {
343 background-color: #ddf;
344 border: 1px solid #88b;
345 }
347 .delegation .change_delegation {
348 margin-bottom: 2ex;
349 }
351 .delegation .change_delegation a {
352 display: inline;
353 float: none;
354 padding: 1ex;
355 }
357 .delegation .delegation_participation {
358 margin-left: 20.5em;
359 margin-top: 3ex;
360 font-style: italic;
361 font-size: 80%;
362 }
364 .voting_requested .head_active {
365 background-color: #fdd;
366 border: 1px solid #b77;
367 }
369 .vote_info .close {
370 position: absolute;
371 top: 0;
372 right: 0;
373 padding: 1ex;
374 display: block;
375 }
377 .vote_info .content {
378 font-size: 133%;
379 line-height: 100%;
380 top: 3ex;
381 display: none;
382 position: absolute;
383 z-index: 10;
384 background-color: #fff;
385 border: 1px solid #999;
386 padding: 1em;
387 width: 35em;
388 }
390 .vote_info .delegation_arrow {
391 margin-top: 1ex;
392 margin-bottom: 1ex;
393 vertical-align: middle;
394 }
396 .vote_info .delegation_arrow_overridden {
397 opacity: 0.4;
398 }
400 .vote_info .delegation_scope_overridden {
401 color: #777;
402 }
404 .vote_info .delegation_scope {
405 display: inline;
406 }
408 .vote_info .delegation_info {
409 }
411 .vote_info .member_thumb {
412 clear: left;
413 }
415 .delegation_overridden .member_thumb {
416 opacity: 0.4;
417 }
419 .delegation .revoke {
420 margin: 0.5ex;
421 float: right;
422 }
424 .delegation .revoke img {
425 vertical-align: middle;
426 }
429 .sub_title div {
430 padding-top: 1ex;
431 margin-top: 1ex;
432 font-weight: bold;
433 font-size: 135%;
434 line-height: 110%;
435 }
437 /*************************************************************************
438 * Main content
439 */
441 .main {
442 margin-left: 1em;
443 margin-right: 1em;
444 }
447 /*************************************************************************
448 * ui.tab
449 */
451 .ui_tabs_links {
452 margin-top: 4ex;
453 font-size: 75%;
454 }
456 .ui_tabs_links a {
457 padding: 1ex;
458 line-height: 200%;
459 background-color: #e7e7e7;
460 white-space: nowrap;
461 }
463 .ui_tabs_links a:hover {
464 background-color: #d7d7d7;
465 }
467 .ui_tabs_links a.selected {
468 background-color: #444;
469 color: #fff;
470 text-decoration: none;
471 padding: 1ex;
472 }
474 .ui_tabs_content {
475 border: 1px solid #444;
476 padding: 1ex 1ex 1ex 1ex;
477 }
479 .web10 .ui_tabs_accordeon_head {
480 margin-bottom: 1ex;
481 }
483 .web20 .ui_tabs_accordeon_head {
484 font-size: 80%;
485 font-weight: bold;
486 display: block;
487 background: #eee;
488 border: 1px solid #bbb;
489 color: #000;
490 padding: 0.75ex;
491 margin-top: 2ex;
492 cursor: pointer;
493 }
495 .web20 .ui_tabs_accordeon_head img {
496 vertical-align: middle;
497 margin-right: 0.5em;
498 }
500 .web20 .ui_tabs_accordeon_head .bargraph {
501 margin-right: 0.5em;
502 }
504 .web20 .ui_tabs_accordeon_content {
505 border: 1px solid #aaa;
506 border-top: none;
507 padding: 2ex 1em 2ex 1em;
508 margin-bottom: 3ex;
509 }
511 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
512 background-color: #e5e5ff;
513 }
515 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
516 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
517 border-color: #aad;
518 }
520 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
521 border-color: #bbb;
522 border-width: 1px;
523 }
525 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
526 background-color: #eee;
527 border: 1px solid #bbb;
528 }
530 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
531 font-size: 120%;
532 }
534 .ui_tabs_links a.yellow {
535 background-color: #fec;
536 color: #000;
537 }
539 .ui_tabs_links a.yellow:hover {
540 background-color: #edb;
541 }
543 .ui_tabs_links a.yellow.selected {
544 background-color: #654;
545 color: #fff;
546 text-decoration: none;
547 padding: 1ex;
548 }
550 .web20 .ui_tabs_accordeon_head.yellow {
551 background-color: #fec;
552 border-color: #b96;
553 xpadding: 1ex;
554 xmargin-bottom: 2ex;
555 }
557 .web20 .ui_tabs_accordeon_content.yellow {
558 border-color: #b96;
559 }
561 /*************************************************************************
562 * ui.filters
563 */
565 .ui_filter_closed_head,
566 .ui_filter_head {
567 color: #777;
568 margin-top: 1ex;
569 margin-bottom: 1.5ex;
570 font-size: 75%;
571 }
573 .ui_filter_head a {
574 color: #777;
575 padding: 0.5ex;
576 }
578 .ui_filter_head a.active {
579 color: #fff;
580 background-color: #777;
581 padding: 0.5ex;
582 }
584 /*************************************************************************
585 * ui.paginate
586 */
588 .ui_paginate_head {
589 margin-bottom: 1ex;
590 }
592 .ui_paginate_foot {
593 margin-top: 1ex;
594 }
596 .ui_paginate_select a {
597 padding: 0.5ex;
598 }
600 /*************************************************************************
601 * ui.bargraph
602 */
604 .bargraph {
605 width: 103px;
606 }
608 .bargraph50 {
609 width: 52px;
610 }
612 .bargraph div {
613 float: left;
614 margin-top: 0.5ex;
615 height: 1.3ex;
616 }
618 .bargraph_legend {
619 margin-top: 2ex;
620 }
622 .bargraph_legend .bargraph {
623 width: 26px;
624 }
626 .bargraph_legend div,
627 .bargraph_legend div div,
628 .bargraph_legend div div div {
629 float: left;
630 }
632 .bargraph_legend_label {
633 margin-left: 0.5em;
634 margin-right: 1em;
635 }
637 /*************************************************************************
638 * vertical ui.form
639 */
641 .login input[type=text],
642 .vertical input[type=text],
643 .login input[type=password],
644 .vertical input[type=password],
645 .vertical textarea,
646 .vertical select {
647 font-family: sans-serif;
648 font-size: 100%;
649 width: 50em;
650 border: 1px solid #444;
651 padding: 0.2ex 0.2em 0.2ex 0.2em;
652 margin-bottom: 1ex;
653 }
655 .login input[type=password],
656 .vertical input[type=password] {
657 width: 16em;
658 }
660 .vertical select {
661 padding-right: 0;
662 }
664 .login .ui_field_label,
665 .vertical .ui_field_label {
666 text-transform: uppercase;
667 font-size: 70%;
668 line-height: 120%;
669 font-weight: bold;
670 color: #777;
671 width: 15em;
672 display: block;
673 float: left;
674 clear: left;
675 text-align: right;
676 padding-right: 0.5em;
677 }
679 .ui_field_label.label_right {
680 text-align: left;
681 width: auto;
682 }
684 .login input[type=text],
685 .login input[type=password] {
686 width: 10em;
687 }
689 .login div,
690 .vertical div {
691 clear: left;
692 }
694 .vertical span {
695 display: block;
696 margin-bottom: 0.5ex;
697 }
699 .vertical span:after {
700 content: " ";
701 }
703 .vertical span span {
704 display: inline;
705 margin-bottom: 0;
706 }
708 .login input[type=submit],
709 .vertical input[type=submit] {
710 font-size: 100%;
711 margin-left: 11em;
712 background-color: #444444;
713 color: #fff;
714 border: none;
715 padding: 0.75ex;
716 }
718 .login input[type=submit]:hover,
719 .vertical input[type=submit]:hover {
720 background-color: #444444;
721 }
723 /*************************************************************************
724 * Tables
725 */
728 table a.action {
729 font-size: 70%;
730 line-height: 190%;
731 padding: 0.5ex;
732 color: #777;
733 }
735 table a.active {
736 color: #fff;
737 }
739 th {
740 text-align: left;
741 border-bottom: 1px solid #000;
742 }
744 tr:hover td {
745 background-color: #ddd;
746 }
748 .nohover tr:hover td {
749 background-color: #fff;
750 }
752 .nohover table tr:hover td {
753 background-color: #ddd;
754 }
757 tr table tr:hover td {
758 background-color: #fff;
759 }
762 /*************************************************************************
763 * Hidden inline form
764 */
766 .hidden_inline_form {
767 display: none;
768 border: 1px solid #444;
769 width: 42em;
770 position: fixed;
771 background-color: #fff;
772 left: 5em;
773 top: 5ex;
774 z-index: 2;
775 }
777 .hidden_inline_form a {
778 padding: 0.5ex;
779 color: #fff;
780 }
783 .hidden_inline_form .head {
784 background-color: #444;
785 color: #fff;
786 display: block;
787 padding: 0.5ex;
788 }
790 .hidden_inline_form input[type=text],
791 .hidden_inline_form textarea,
792 .hidden_inline_form select {
793 width: 30em;
794 }
796 /*************************************************************************
797 * Positive / Negtive votes
798 */
801 .positive_votes span {
802 display: inline;
803 }
805 .positive_votes {
806 display: inline;
807 background-color: #cfc;
808 padding: 0.3ex 0.5em 0.3ex 0.5em;
809 }
811 .negative_votes span {
812 display: inline;
813 }
815 .negative_votes {
816 display: inline;
817 background-color: #fcc;
818 padding: 0.3ex 0.5em 0.3ex 0.5em;
819 }
821 .suggestion_my_opinion a,
822 .suggestion_my_opinion span {
823 white-space: nowrap;
824 padding-left: 0.2ex !important;
825 padding-right: 0.2ex !important;
826 }
828 .active {
829 background-color: #444;
830 color: #fff;
831 }
833 .active_red2 { background-color: #a00; color: #fff !important; }
834 .active_red1 { background-color: #f88; color: #000 !important; }
835 .active_green1 { background-color: #8f8; color: #000 !important; }
836 .active_green2 { background-color: #0a0; color: #000 !important; }
841 /*************************************************************************
842 * Issues
843 */
845 .issues tr {
846 border: 1px solid #ccc;
847 }
849 .issues tr tr {
850 border: none;
851 }
853 .lang_chooser {
854 float: right;
855 margin-right: 0.5em;
856 }
858 .delegation_list_entry {
859 margin-right: 2em;
860 margin-bottom: 2ex;
861 float: left;
862 clear: left;
863 }
865 .delegation_list_entry .delegation_arrow {
866 float: left;
867 }
869 .delegation_list_entry .delegation_scope {
870 float: left;
871 width: 25em;
872 }
874 .delegation_list_entry .delegation_scope a {
875 display: block;
876 }
878 .member_list .member_thumb {
879 float: left;
880 margin-right: 1em;
881 margin-bottom: 2ex;
882 }
884 .member_thumb {
885 text-decoration: none;
886 width: 14.5em;
887 height: 48px;
888 display: block;
889 float: left;
890 border: 1px solid #999;
891 overflow: hidden;
892 xwhite-space: nowrap;
893 position: relative;
894 }
896 .member_thumb a{
897 position: absolute;
898 top: 0;
899 left: 0;
900 padding: 0;
901 margin: 0;
902 }
904 .member_thumb a:hover div {
905 background-color: #444;
906 color: #fff;
907 }
909 .member_thumb img {
910 padding: 0;
911 margin: 0;
912 vertical-align: bottom;
913 }
915 .member_thumb div {
916 }
918 .member_thumb .member_image {
919 }
921 .member_thumb .member_name {
922 position: absolute;
923 left: 48px;
924 top: 2ex;
925 font-size: 100%;
926 width: 14em;
927 }
929 .member_thumb .flags {
930 text-align: right;
931 font-size: 75%;
932 }
934 .member_thumb .flags a,
935 .member_thumb .flags img {
936 position: static;
937 float: right;
938 margin-left: 0.5em;
939 }
942 .member .right {
943 float: right;
944 }
946 .member_thumb.not_accepted,
947 .member_thumb.not_informed {
948 opacity: 0.5;
949 }
951 .member_statement,
952 .draft_content,
953 .suggestion_content {
954 background-color: #eee;
955 border: 1px solid #ccc;
956 padding-left: 1ex;
957 padding-right: 1ex;
958 }
961 .suggestion_content,
962 #suggestion_description {
963 font-family: monospace;
964 }
966 .diff {
967 background-color: #eee;
968 border: 1px solid #ccc;
969 padding: 1ex;
970 }
972 .diff_added {
973 background-color: #cfc;
974 text-decoration: underline;
975 }
977 .diff_removed {
978 background-color: #fcc;
979 text-decoration: line-through;
980 }
982 .slot_issue_info {
983 background-color: #eee;
984 border: 1px solid #ccc;
985 float: right;
986 padding: 0.5ex;
987 line-height: 130%;
988 margin-right: 1em;
989 }
991 .issue_info label {
992 float: left;
993 width: 8em;
994 text-transform: uppercase;
995 font-size: 70%;
996 color: #777;
997 font-weight: bold;
998 clear: left;
999 text-align: right;
1000 margin-right: 0.7em;
1001 }
1003 .admitted_info {
1004 background-color: #dfd;
1005 padding: 1ex;
1006 margin-bottom: 2ex;
1007 }
1009 .not_admitted_info,
1010 .revoked_info {
1011 background-color: #fdd;
1012 padding: 1ex;
1013 margin-bottom: 2ex;
1014 }
1016 .draft_updated_info,
1017 .voting_active_info,
1018 .initiator_invite_info,
1019 .motd,
1020 .public_access_issue_head {
1021 background-color: #fec;
1022 border: 1px solid #b96;
1023 padding: 1ex;
1024 margin-bottom: 2ex;
1025 }
1027 .suggestion_fulfilled {
1028 width: 15em;
1029 }
1030 .suggestion_fulfilled a.action {
1031 padding-left: 0;
1032 line-height: 120%;
1033 }
1035 .help,
1036 .use_terms {
1037 border: 1px solid #bcd;
1038 background-color: #def;
1039 color: #000;
1040 padding: 1ex;
1041 }
1043 .help_visible {
1044 margin-bottom: 1ex;
1045 }
1047 .help_visible .help_icon {
1048 float: right;
1049 }
1051 .slot_help_hidden {
1052 float: right;
1053 margin-right: 1em;
1054 }
1056 .help_actions {
1057 font-size: 75%;
1058 float: right;
1059 }
1061 .help_actions a {
1062 margin-right: 1em;
1063 color: #468;
1064 }
1066 .wiki {
1067 }
1069 .wiki h1,
1070 .wiki h2,
1071 .wiki h3,
1072 .wiki h4 {
1073 margin-top: 1ex;
1074 margin-bottom: 1ex;
1075 }
1077 .wiki h1 {
1078 font-size: 150%;
1079 }
1081 .wiki h2 {
1082 font-size: 125%;
1083 }
1085 .wiki p {
1086 margin-top: 1ex;
1087 margin-bottom: 1ex;
1088 }
1090 form .warning {
1091 background-color: #ffd;
1092 color: #000;
1093 border: 1px solid #dda;
1094 margin: 1ex;
1095 margin-bottom: 2ex;
1096 padding: 1ex;
1097 }
1099 a.not_voted {
1100 display: block;
1101 background-color: #fec;
1102 color: #000;
1103 }
1105 .action_active {
1106 background-color: #fec;
1107 }
1109 .heading {
1110 font-size: 120%;
1111 font-weight: bold;
1112 margin-top: 2ex;
1113 margin-bottom: 1ex;
1114 }
1116 .heading.first {
1117 margin-top: 0;
1118 }
1120 .menu_list li {
1121 padding-top: 1ex;
1122 padding-bottom: 1ex;
1123 }
1125 .deactivated_member_info {
1126 background-color: #a00;
1127 color: #fff;
1128 }
1130 /*************************************************************************
1131 * Voting
1132 */
1134 #voting {
1135 position: relative;
1136 }
1137 #voting .approval, .abstention, .disapproval {
1138 border: 2px black solid;
1139 margin-top: 5ex;
1140 margin-bottom: 5ex;
1141 padding: 1ex;
1142 padding-bottom: 2ex;
1143 }
1144 #voting .approval {
1145 background-color: #9f9;
1146 }
1147 #voting .approval .movable {
1148 background-color: #dfd;
1149 }
1150 #voting .abstention {
1151 background-color: #ccc;
1152 }
1153 #voting .abstention .movable {
1154 background-color: #eee;
1155 }
1156 #voting .disapproval {
1157 background-color: #f88;
1158 }
1159 #voting .disapproval .movable {
1160 background-color: #fbb;
1161 }
1162 #voting .cathead {
1163 font-weight: bold;
1164 }
1165 #voting .movable {
1166 position: relative;
1167 border: 1px black solid;
1168 margin: 1ex;
1169 padding: 0.5ex;
1170 }
1171 #voting .voting_form_active .movable {
1172 cursor: pointer;
1173 }
1174 #voting .voting_form_active .clickable {
1175 cursor: auto;
1176 }
1177 #voting .voting_form_active a.clickable {
1178 cursor: pointer;
1179 }
1181 #voting .grabber {
1182 vertical-align: middle;
1183 cursor: move;
1184 }
1186 /*************************************************************************
1187 * timeline
1188 */
1189 div.ignore_area_list {
1190 float: left;
1191 width: 90%;
1192 margin: 20px 0 1em 0;
1193 }
1195 div.ignore_area_list >
1196 label.ui_field_label {
1197 text-align: left ;
1198 width: 100%;
1199 border-bottom:1px solid #000000;
1200 color: #000000;
1201 font-size:75%;
1202 font-weight:bold;
1203 vertical-align:bottom;
1204 text-transform:none;
1205 padding:0.5ex 0.5em
1206 }
1208 div.ignore_area_item {
1209 clear: none;
1210 float: left;
1211 width: 20em;
1212 margin: 0.1ex 0.5em;
1213 }
1215 div.ignore_area_item > input {
1216 float: none;
1217 clear: none;
1218 display: inline;
1219 }
1221 div.ignore_area_item >
1222 label.ui_field_label {
1223 float: none;
1224 clear: none;
1225 text-align: left;
1226 display: inline;
1227 }
1229 div.timeline_results {
1230 clear: both;
1231 }