liquid_feedback_frontend

view static/style.css @ 286:c587d8762e62

find changesets by author, revision, files, or words in the commit message
Registration process updated for Core 2.0, lockable member fields, notification settings
author bsw
date Sat Feb 25 11:51:37 2012 +0100 (2012-02-25)
parents 6c88b4bfb56c
children 6f79a181a921
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%,#e7e7e7), color-stop(66%,#fff));
273 margin-top: 2ex;
274 padding-left: 1em;
275 padding-top: 2ex;
276 text-shadow: #fff 0px 0px 3px;
277 }
278
279 .initiative_name {
280 font-weight: bold;
281 font-size: 125%;
282 }
283
284 .content_navigation {
285 font-size: 75%;
286 background-color: #eee;
287 margin-bottom: 2ex;
288 padding-left: 1em;
289 }
290
291 .content_navigation div,
292 .content_navigation a {
293 display: inline-block;
294 padding: 3px 0.5em 3px 0.0em;
295 margin-right: 1em;
296 vertical-align: middle;
297 }
298
299 .content_navigation a:hover {
300 background-color: #d7d7d7;
301 }
302
303 .content_navigation_seperator {
304 height: 1.4em;
305 border-left: 1px solid black;
306 }
307
308
309 .actions a {
310 float: left;
311 }
312
313 .actions a:hover {
314 background-color: #d7d7d7;
315 }
316
317 .actions img {
318 padding-left: 0.2em;
319 padding-right: 0.2em;
320 vertical-align: middle;
321 }
322
323 .logo {
324 float: right;
325 margin-right: 1em;
326 }
327
328
329 .member_image_photo {
330 border-radius: 8px;
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 * ui.tab
474 */
475
476 .ui_tabs_links {
477 margin-top: 2ex;
478 margin-bottom: 1ex;
479 font-size: 75%;
480 }
481
482 .ui_tabs_links a {
483 padding: 1ex;
484 line-height: 300%;
485 background-color: #e7e7e7;
486 white-space: nowrap;
487 border-radius: 5px;
488 margin-right: 5px;
489 font-weight: bold;
490 }
491
492 .ui_tabs_links a:hover {
493 background-color: #d7d7d7;
494 }
495
496 .ui_tabs_links a.selected {
497 background-color: #444;
498 color: #fff;
499 text-decoration: none;
500 padding: 1ex;
501 }
502
503 .ui_tabs_content {
504 xborder: 1px solid #444;
505 xpadding: 1ex 1ex 1ex 1ex;
506 }
507
508 .ui_tabs_links a.yellow {
509 background-color: #fcc;
510 color: #000;
511 }
512
513 .ui_tabs_links a.yellow:hover {
514 background-color: #faa;
515 }
516
517 .ui_tabs_links a.yellow.selected {
518 background-color: #a44;
519 color: #fff;
520 text-decoration: none;
521 padding: 1ex;
522 }
523
524 .ui_tabs_links a.red {
525 background-color: #c33;
526 color: #000;
527 }
528
529 .ui_tabs_links a.red:hover {
530 background-color: #ebb;
531 }
532
533 .ui_tabs_links a.red.selected {
534 background-color: #644;
535 color: #fff;
536 text-decoration: none;
537 padding: 1ex;
538 }
539
540
541 /*************************************************************************
542 * ui.filters
543 */
544
545 .ui_filter {
546 overflow: hidden;
547 margin-bottom: 1ex;
548 }
549
550 .ui_filter_closed_head,
551 .ui_filter_head {
552 color: #777;
553 margin-top: 1ex;
554 margin-bottom: 1.5ex;
555 font-size: 75%;
556 float: left;
557 }
558
559 .ui_filter_head {
560 margin-right: 2em;
561 }
562
563 .ui_filter_head a {
564 color: #777;
565 padding: 0.5ex;
566 margin-right: 0.2em;
567 }
568
569 .ui_filter_head a.active {
570 color: #fff;
571 background-color: #777;
572 padding: 0.5ex;
573 border-radius: 5px;
574 }
575
576 /*************************************************************************
577 * ui.paginate
578 */
579
580 .ui_paginate_head {
581 display: none;
582 margin-bottom: 1ex;
583 }
584
585 .ui_paginate_foot {
586 margin-top: 1ex;
587 }
588
589 .ui_paginate_select a {
590 padding: 0.5em;
591 }
592
593 /*************************************************************************
594 * ui.bargraph
595 */
596
597 .bargraph {
598 width: 103px;
599 }
600
601 .bargraph50 {
602 width: 52px;
603 }
604
605 .bargraph div {
606 float: left;
607 margin-top: 0.5ex;
608 height: 1.3ex;
609 }
610
611 .bargraph_legend {
612 margin-top: 2ex;
613 }
614
615 .bargraph_legend .bargraph {
616 width: 26px;
617 }
618
619 .bargraph_legend div,
620 .bargraph_legend div div,
621 .bargraph_legend div div div {
622 float: left;
623 }
624
625 .bargraph_legend_label {
626 margin-left: 0.5em;
627 margin-right: 1em;
628 }
629
630 /*************************************************************************
631 * vertical ui.form
632 */
633
634 .login input[type=text],
635 .vertical input[type=text],
636 .login input[type=password],
637 .vertical input[type=password],
638 .vertical textarea,
639 .vertical select {
640 font-family: sans-serif;
641 font-size: 100%;
642 width: 50em;
643 border: 1px solid #444;
644 padding: 0.2ex 0.2em 0.2ex 0.2em;
645 margin-bottom: 1ex;
646 }
647
648 .login input[type=password],
649 .vertical input[type=password] {
650 width: 16em;
651 }
652
653 .vertical select {
654 padding-right: 0;
655 }
656
657 .login .ui_field_label,
658 .vertical .ui_field_label {
659 text-transform: uppercase;
660 font-size: 70%;
661 line-height: 120%;
662 font-weight: bold;
663 color: #777;
664 width: 15em;
665 display: block;
666 float: left;
667 clear: left;
668 text-align: right;
669 padding-right: 0.5em;
670 }
671
672 .ui_field_label.label_right {
673 text-align: left;
674 width: auto;
675 }
676
677 .login input[type=text],
678 .login input[type=password] {
679 width: 10em;
680 }
681
682 .login div,
683 .vertical div {
684 clear: left;
685 }
686
687 .vertical span {
688 display: block;
689 margin-bottom: 0.5ex;
690 }
691
692 .vertical span:after {
693 content: " ";
694 }
695
696 .vertical span span {
697 display: inline;
698 margin-bottom: 0;
699 }
700
701 .login input[type=submit],
702 .vertical input[type=submit] {
703 font-size: 100%;
704 margin-left: 11em;
705 background-color: #444444;
706 color: #fff;
707 border: none;
708 padding: 0.75ex;
709 }
710
711 .login input[type=submit]:hover,
712 .vertical input[type=submit]:hover {
713 background-color: #444444;
714 }
715
716 /*************************************************************************
717 * Tables
718 */
719
720
721 table a.action {
722 font-size: 70%;
723 line-height: 190%;
724 padding: 0.5ex;
725 color: #777;
726 }
727
728 table a.active {
729 color: #fff;
730 }
731
732 th {
733 text-align: left;
734 }
735
736 tr:hover td {
737 background-color: #ddd;
738 }
739
740 .nohover tr:hover td {
741 background-color: #fff;
742 }
743
744 .nohover table tr:hover td {
745 background-color: #ddd;
746 }
747
748
749 tr table tr:hover td {
750 background-color: #fff;
751 }
752
753
754 /*************************************************************************
755 * Positive / Negtive votes
756 */
757
758
759 .positive_votes span {
760 display: inline;
761 }
762
763 .positive_votes {
764 display: inline;
765 background-color: #cfc;
766 padding: 0.3ex 0.5em 0.3ex 0.5em;
767 }
768
769 .negative_votes span {
770 display: inline;
771 }
772
773 .negative_votes {
774 display: inline;
775 background-color: #fcc;
776 padding: 0.3ex 0.5em 0.3ex 0.5em;
777 }
778
779 .suggestion_my_opinion a,
780 .suggestion_my_opinion span {
781 white-space: nowrap;
782 padding-left: 0.2ex !important;
783 padding-right: 0.2ex !important;
784 }
785
786 .active {
787 background-color: #444;
788 color: #fff;
789 }
790
791 .active_red2 { background-color: #a00; color: #fff !important; }
792 .active_red1 { background-color: #f88; color: #000 !important; }
793 .active_green1 { background-color: #8f8; color: #000 !important; }
794 .active_green2 { background-color: #0a0; color: #000 !important; }
795
796
797
798
799 /*************************************************************************
800 * Issues
801 */
802
803 .issues .issue {
804 overflow: hidden;
805 margin-bottom: 2ex;
806 border-radius: 8px;
807 }
808
809 .issues .issue .issue_info {
810 padding: 1ex;
811 line-height: 140%;
812 background: -webkit-gradient(linear, left top, left bottom,
813 color-stop(0%,#e7e7e7), color-stop(66%,#fff));
814 }
815
816 .issues .issue.interested .issue_info{
817 background: -webkit-gradient(linear, left top, left bottom,
818 color-stop(0%,#cdf), color-stop(66%,#fff));
819 }
820
821 .issues .issue .issue_info .issue_id {
822 font-size: 125%;
823 }
824
825 .issues .issue .issue_policy_info {
826 font-style: italic;
827 }
828
829 .issues .issue .interest_by_delegation {
830 float: right;
831 }
832
833 .issues .issue .initiative_list a {
834 font-weight: bold;
835 }
836
837 .issue_initiative_list a {
838 font-weight: bold;
839 }
840
841 .more_initiatives_link {
842 margin-left: 166px;
843 font-style: italic;
844 }
845
846 .issues tr tr {
847 border: none;
848 background: none;
849 }
850
851 .initiative_link.selected {
852 font-weight: bold;
853 }
854
855 .initiative_link.supported,
856 .initiative_link.potentially_supported {
857 background-color: #cdf;
858 border-radius: 5px;
859 background: -webkit-radial-gradient(center, ellipse cover, #cdf 50%,#fff 100%); /* Chrome10+,Safari5.1+ */
860 }
861
862 .lang_chooser {
863 float: right;
864 margin-right: 0.5em;
865 }
866
867 .delegation_list_entry {
868 margin-right: 2em;
869 margin-bottom: 2ex;
870 float: left;
871 clear: left;
872 }
873
874 .delegation_list_entry .delegation_arrow {
875 float: left;
876 }
877
878 .delegation_list_entry .delegation_scope {
879 float: left;
880 width: 25em;
881 }
882
883 .delegation_list_entry .delegation_scope a {
884 display: block;
885 }
886
887 .member_list .member_thumb {
888 float: left;
889 margin-right: 1em;
890 margin-bottom: 2ex;
891 }
892
893 .member_thumb {
894 text-decoration: none;
895 width: 14.5em;
896 height: 48px;
897 display: block;
898 float: left;
899 xborder: 1px solid #999;
900 background-color: #eee;
901 overflow: hidden;
902 xwhite-space: nowrap;
903 position: relative;
904 border-radius: 7px;
905 padding: 2px;
906 }
907
908 .xmember_thumb a {
909 position: absolute;
910 top: 0;
911 left: 0;
912 padding: 0;
913 margin: 0;
914 }
915
916 .member_thumb a:hover div {
917 background-color: #444;
918 color: #fff;
919 }
920
921 .member_thumb img {
922 padding: 0;
923 margin: 0;
924 vertical-align: bottom;
925 border-radius: 7px;
926 }
927
928 .member_thumb div {
929 }
930
931 .member_thumb .member_image {
932 }
933
934 .member_thumb .member_name {
935 position: absolute;
936 left: 56px;
937 top: 2ex;
938 font-size: 100%;
939 width: 14em;
940 }
941
942 .member_thumb .flags {
943 text-align: right;
944 font-size: 75%;
945 }
946
947 .member_thumb .flags a,
948 .member_thumb .flags img {
949 position: static;
950 float: right;
951 margin-left: 0.5em;
952 }
953
954 .member_thumb .flags .in_delegation_chain {
955 font-weight: bold;
956 }
957
958
959 .member .right {
960 float: right;
961 }
962
963 .member_thumb.not_accepted,
964 .member_thumb.not_informed {
965 opacity: 0.5;
966 }
967
968 .member_thumb.in_delegation_chain {
969 background-color: #cdf;
970 }
971
972 .member_statement,
973 .draft_content,
974 .suggestion_content {
975 background-color: #eee;
976 xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
977 padding: 1ex;
978 border-radius: 8px;
979 }
980
981 .member_statement {
982 margin-right: 250px;
983 }
984
985 #suggestion_description {
986 height: 15ex;
987 }
988
989 .diff {
990 background-color: #eee;
991 border: 1px solid #ccc;
992 padding: 1ex;
993 }
994
995 .diff_added {
996 background-color: #cfc;
997 text-decoration: underline;
998 }
999
1000 .diff_removed {
1001 background-color: #fcc;
1002 text-decoration: line-through;
1003 }
1004
1005 .slot_issue_info {
1006 background-color: #eee;
1007 border: 1px solid #ccc;
1008 float: right;
1009 padding: 0.5ex;
1010 line-height: 130%;
1011 margin-right: 1em;
1012 }
1013
1014 .issue_info label {
1015 float: left;
1016 width: 8em;
1017 text-transform: uppercase;
1018 font-size: 70%;
1019 color: #777;
1020 font-weight: bold;
1021 clear: left;
1022 text-align: right;
1023 margin-right: 0.7em;
1024 }
1025
1026 .admitted_info {
1027 background-color: #dfd;
1028 padding: 1ex;
1029 margin-bottom: 2ex;
1030 border-radius: 8px;
1031 }
1032
1033 .not_admitted_info,
1034 .revoked_info {
1035 background-color: #fdd;
1036 padding: 1ex;
1037 margin-bottom: 2ex;
1038 }
1039
1040 .draft_updated_info,
1041 .voting_active_info,
1042 .initiator_invite_info,
1043 .motd,
1044 .public_access_issue_head {
1045 background-color: #fec;
1046 padding: 1ex;
1047 margin-top: 2ex;
1048 margin-bottom: 2ex;
1049 border-radius: 8px;
1050 }
1051
1052 .suggestion_fulfilled {
1053 width: 15em;
1054 }
1055 .suggestion_fulfilled a.action {
1056 padding-left: 0;
1057 line-height: 120%;
1058 }
1059
1060 .help,
1061 .use_terms {
1062 border: 1px solid #bcd;
1063 background-color: #def;
1064 color: #000;
1065 padding: 1ex;
1066 }
1067
1068 .help_visible {
1069 margin-bottom: 1ex;
1070 }
1071
1072 .help_visible .help_icon {
1073 float: right;
1074 }
1075
1076 .slot_help_hidden {
1077 float: right;
1078 margin-right: 1em;
1079 margin-top: 1ex;
1080 }
1081
1082 .help_actions {
1083 font-size: 75%;
1084 float: right;
1085 }
1086
1087 .help_actions a {
1088 margin-right: 1em;
1089 color: #468;
1090 }
1091
1092 .wiki {
1093 }
1094
1095 .wiki h1,
1096 .wiki h2,
1097 .wiki h3,
1098 .wiki h4 {
1099 margin-top: 1ex;
1100 margin-bottom: 1ex;
1101 }
1102
1103 .wiki h1 {
1104 font-size: 150%;
1105 }
1106
1107 .wiki h2 {
1108 font-size: 125%;
1109 }
1110
1111 .wiki p {
1112 margin-top: 1ex;
1113 margin-bottom: 1ex;
1114 }
1115
1116 form .warning {
1117 background-color: #ffd;
1118 color: #000;
1119 border: 1px solid #dda;
1120 margin: 1ex;
1121 margin-bottom: 2ex;
1122 padding: 1ex;
1123 }
1124
1125 a.not_voted {
1126 display: block;
1127 background-color: #fec;
1128 color: #000;
1129 }
1130
1131 .action_active {
1132 background-color: #fec;
1133 }
1134
1135 .heading {
1136 display: block;
1137 font-size: 120%;
1138 font-weight: bold;
1139 }
1140
1141 .heading.member_area_list {
1142 position: absolute;
1143 }
1144
1145 .heading.first {
1146 margin-top: 0;
1147 }
1148
1149 .menu_list li {
1150 padding-top: 1ex;
1151 padding-bottom: 1ex;
1152 }
1153
1154 .deactivated_member_info {
1155 background-color: #a00;
1156 color: #fff;
1157 }
1158
1159 /*************************************************************************
1160 * Voting
1161 */
1162
1163 #voting_form {
1164 margin-top: 20px;
1165 }
1166
1167 #voting {
1168 position: relative;
1169 }
1170
1171 #voting .approval, .abstention, .disapproval {
1172 border: 2px black solid;
1173 margin-top: 2ex;
1174 margin-bottom: 5ex;
1175 padding: 1ex;
1176 padding-bottom: 2ex;
1177 border-radius: 8px;
1178 }
1179 #voting .approval {
1180 background-color: #9f9;
1181 }
1182 #voting .approval .movable {
1183 background-color: #dfd;
1184 }
1185 #voting .abstention {
1186 background-color: #ccc;
1187 }
1188 #voting .abstention .movable {
1189 background-color: #eee;
1190 }
1191 #voting .disapproval {
1192 background-color: #f88;
1193 }
1194 #voting .disapproval .movable {
1195 background-color: #fbb;
1196 }
1197 #voting .cathead {
1198 font-weight: bold;
1199 }
1200 #voting .movable {
1201 position: relative;
1202 border: 1px black solid;
1203 margin-top: 1ex;
1204 padding: 0.5ex;
1205 border-radius: 8px;
1206 }
1207 #voting .voting_form_active .movable {
1208 cursor: pointer;
1209 }
1210 #voting .voting_form_active .clickable {
1211 cursor: auto;
1212 }
1213 #voting .voting_form_active a.clickable {
1214 cursor: pointer;
1215 }
1216
1217 #voting .grabber {
1218 vertical-align: middle;
1219 cursor: move;
1220 }
1221
1222 /*************************************************************************
1223 * timeline
1224 */
1225 div.ignore_area_list {
1226 float: left;
1227 width: 90%;
1228 margin: 0 0 1em 0;
1229 }
1230
1231 div.ignore_area_list >
1232 label.ui_field_label {
1233 text-align: left ;
1234 width: 100%;
1235 border-bottom:1px solid #000000;
1236 color: #000000;
1237 font-size:75%;
1238 font-weight:bold;
1239 vertical-align:bottom;
1240 text-transform:none;
1241 padding:0.5ex 0.5em
1242 }
1243
1244 div.ignore_area_item {
1245 clear: none;
1246 float: left;
1247 min-width: 10em;
1248 margin: 0.1ex 0.5em;
1249 margin-right: 0.5em;
1250 }
1251
1252 div.ignore_area_item > input {
1253 float: none;
1254 clear: none;
1255 display: inline;
1256 }
1257
1258 div.ignore_area_item >
1259 label.ui_field_label {
1260 float: none;
1261 clear: none;
1262 text-align: left;
1263 display: inline;
1264 }
1265
1266 div.timeline_results {
1267 clear: both;
1268 }

Impressum / About Us