liquid_feedback_frontend

view static/style.css @ 281:b77e6a17ca77

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

Impressum / About Us