liquid_feedback_frontend

view static/style.css @ 250:272193cc190e

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

Impressum / About Us