liquid_feedback_frontend

view static/style.css @ 243:ec86db506312

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

Impressum / About Us