liquid_feedback_frontend

view static/style.css @ 278:fecd4c13054a

find changesets by author, revision, files, or words in the commit message
Code/css clean up and minor enhancements
author bsw
date Mon Feb 13 01:53:41 2012 +0100 (2012-02-13)
parents bde068b37608
children 808269b7f41c
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: 1ex 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 .slot_title2 {
221 margin-top: 1ex;
222 margin-left: 1em;
223 }
224
225 .initiatives_list {
226 clear: left;
227 margin-bottom: 1ex;
228 }
229
230 .member_image_avatar {
231 float: left;
232 margin-right: 0.5em;
233 }
234
235 .micro_avatar {
236 width: 24px;
237 height: 24px;
238 border-radius: 4px;
239 }
240
241 .actions {
242 font-size: 75%;
243 line-height: 220%;
244 margin-top: 1ex;
245 margin-bottom: 2ex;
246 }
247
248 .interest {
249 margin-left: 1.33em;
250 margin-bottom: 1.33ex;
251 }
252
253 .slot_actions .interest {
254 margin-left: 0em;
255 }
256
257 .actions a {
258 margin-right: 1em;
259 border-radius: 5px;
260 padding-right: 0.3em;
261 }
262
263 .slot_initiative_head {
264 background: -webkit-gradient(linear, left top, left bottom,
265 /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff) */
266 color-stop(0%, #fff), color-stop(15%,#e7e7e7), color-stop(100%,#fff)
267 );
268 padding-left: 1em;
269 padding-top: 1ex;
270 text-shadow: #fff 0px 0px 3px;
271 }
272
273 .initiative_name {
274 font-weight: bold;
275 font-size: 125%;
276 }
277
278 .content_navigation {
279 font-size: 75%;
280 background-color: #eee;
281 margin-bottom: 2ex;
282 padding-left: 1em;
283 }
284
285 .content_navigation div,
286 .content_navigation a {
287 display: inline-block;
288 padding: 3px 0.5em 3px 0.0em;
289 margin-right: 1em;
290 vertical-align: middle;
291 }
292
293 .content_navigation a:hover {
294 background-color: #d7d7d7;
295 }
296
297 .content_navigation_seperator {
298 height: 1.4em;
299 border-left: 1px solid black;
300 }
301
302
303 .actions a {
304 float: left;
305 }
306
307 .actions a:hover {
308 background-color: #d7d7d7;
309 }
310
311 .actions img {
312 padding-left: 0.2em;
313 padding-right: 0.2em;
314 vertical-align: middle;
315 }
316
317 .logo {
318 float: right;
319 margin-right: 1em;
320 }
321
322
323
324
325 /*************************************************************************
326 * vote info / delegation
327 */
328
329 .interest,
330 .slot_support,
331 .delegation {
332 float: left;
333 position: relative;
334 z-index: 1;
335 }
336
337 .interest img,
338 .slot_support img,
339 .delegation img {
340 padding-left: 0.2em;
341 padding-right: 0.2em;
342 }
343 .actions .supporter,
344 .actions .potential_supporter,
345 .vote_info .head {
346 float: left;
347 margin-right: 1em;
348 }
349
350 .actions .supporter,
351 .actions .potential_supporter,
352 .actions .interest .head {
353 padding-right: 0.3em;
354 }
355
356 .interest .head_active,
357 .actions .potential_supporter {
358 background-color: #fec;
359 box-shadow: #fff 0px 0px 10px 1px;
360 border-radius: 5px;
361 }
362
363 .actions .supporter {
364 background-color: #dfc;
365 box-shadow: #fff 0px 0px 10px 1px;
366 border-radius: 5px;
367 }
368
369 .slot_support .head_initiator {
370 background-color: #eee;
371 box-shadow: #fff 0px 0px 10px 1px;
372 border-radius: 5px;
373 }
374
375 .delegation .head_active {
376 background-color: #ddf;
377 box-shadow: #fff 0px 0px 10px 1px;
378 border-radius: 5px;
379 }
380
381 .delegation .change_delegation {
382 margin-bottom: 2ex;
383 }
384
385 .delegation .change_delegation a {
386 display: inline;
387 float: none;
388 padding: 1ex;
389 }
390
391 .delegation .delegation_participation {
392 margin-left: 20.5em;
393 margin-top: 3ex;
394 font-style: italic;
395 font-size: 80%;
396 }
397
398 .slot_actions .change_delegation {
399 float: left;
400 }
401
402 .vote_info .close {
403 position: absolute;
404 top: 0;
405 right: 0;
406 padding: 1ex;
407 display: block;
408 }
409
410 .vote_info .content {
411 font-size: 133%;
412 line-height: 100%;
413 top: 2.8ex;
414 display: none;
415 position: absolute;
416 z-index: 10;
417 background-color: #ddddff;
418 border-radius: 0 5px 5px 5px;
419 padding: 1em;
420 width: 35em;
421 }
422
423 .vote_info .delegation_arrow {
424 margin-top: 1ex;
425 margin-bottom: 1ex;
426 vertical-align: middle;
427 }
428
429 .vote_info .delegation_arrow_overridden {
430 opacity: 0.4;
431 }
432
433 .vote_info .delegation_scope_overridden {
434 color: #777;
435 }
436
437 .vote_info .delegation_scope {
438 display: inline;
439 }
440
441 .vote_info .delegation_info {
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: #fec;
511 color: #000;
512 }
513
514 .ui_tabs_links a.yellow:hover {
515 background-color: #edb;
516 }
517
518 .ui_tabs_links a.yellow.selected {
519 background-color: #654;
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(33%, #f7f7f7), 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%,#FFEECC), color-stop(33%, #FFF7E6), 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: 158px;
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 background-color: #C9FFD1;
850 border-radius: 5px;
851 background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
852 }
853
854 .initiative_link.potentially_supported {
855 background-color: #FFEECC;
856 border-radius: 5px;
857 background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
858 }
859
860 .lang_chooser {
861 float: right;
862 margin-right: 0.5em;
863 }
864
865 .delegation_list_entry {
866 margin-right: 2em;
867 margin-bottom: 2ex;
868 float: left;
869 clear: left;
870 }
871
872 .delegation_list_entry .delegation_arrow {
873 float: left;
874 }
875
876 .delegation_list_entry .delegation_scope {
877 float: left;
878 width: 25em;
879 }
880
881 .delegation_list_entry .delegation_scope a {
882 display: block;
883 }
884
885 .member_list .member_thumb {
886 float: left;
887 margin-right: 1em;
888 margin-bottom: 2ex;
889 }
890
891 .member_thumb {
892 text-decoration: none;
893 width: 14.5em;
894 height: 48px;
895 display: block;
896 float: left;
897 border: 1px solid #999;
898 overflow: hidden;
899 xwhite-space: nowrap;
900 position: relative;
901 border-radius: 7px;
902 }
903
904 .member_thumb a {
905 position: absolute;
906 top: 0;
907 left: 0;
908 padding: 0;
909 margin: 0;
910 }
911
912 .member_thumb a:hover div {
913 background-color: #444;
914 color: #fff;
915 }
916
917 .member_thumb img {
918 padding: 0;
919 margin: 0;
920 vertical-align: bottom;
921 border-radius: 7px 0 0 7px;
922 }
923
924 .member_thumb div {
925 }
926
927 .member_thumb .member_image {
928 }
929
930 .member_thumb .member_name {
931 position: absolute;
932 left: 48px;
933 top: 2ex;
934 font-size: 100%;
935 width: 14em;
936 }
937
938 .member_thumb .flags {
939 text-align: right;
940 font-size: 75%;
941 }
942
943 .member_thumb .flags a,
944 .member_thumb .flags img {
945 position: static;
946 float: right;
947 margin-left: 0.5em;
948 }
949
950 .member_thumb .flags .in_delegation_chain {
951 font-weight: bold;
952 }
953
954
955 .member .right {
956 float: right;
957 }
958
959 .member_thumb.not_accepted,
960 .member_thumb.not_informed {
961 opacity: 0.5;
962 }
963
964 .member_thumb.in_delegation_chain {
965 border-color: #f70;
966 }
967
968 .member_statement,
969 .draft_content,
970 .suggestion_content {
971 background-color: #eee;
972 xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
973 padding: 1ex;
974 border-radius: 8px;
975 }
976
977
978 #suggestion_description {
979 height: 15ex;
980 }
981
982 .diff {
983 background-color: #eee;
984 border: 1px solid #ccc;
985 padding: 1ex;
986 }
987
988 .diff_added {
989 background-color: #cfc;
990 text-decoration: underline;
991 }
992
993 .diff_removed {
994 background-color: #fcc;
995 text-decoration: line-through;
996 }
997
998 .slot_issue_info {
999 background-color: #eee;
1000 border: 1px solid #ccc;
1001 float: right;
1002 padding: 0.5ex;
1003 line-height: 130%;
1004 margin-right: 1em;
1005 }
1006
1007 .issue_info label {
1008 float: left;
1009 width: 8em;
1010 text-transform: uppercase;
1011 font-size: 70%;
1012 color: #777;
1013 font-weight: bold;
1014 clear: left;
1015 text-align: right;
1016 margin-right: 0.7em;
1017 }
1018
1019 .admitted_info {
1020 background-color: #dfd;
1021 padding: 1ex;
1022 margin-bottom: 2ex;
1023 }
1024
1025 .not_admitted_info,
1026 .revoked_info {
1027 background-color: #fdd;
1028 padding: 1ex;
1029 margin-bottom: 2ex;
1030 }
1031
1032 .draft_updated_info,
1033 .voting_active_info,
1034 .initiator_invite_info,
1035 .motd,
1036 .public_access_issue_head {
1037 background-color: #fec;
1038 border: 1px solid #b96;
1039 padding: 1ex;
1040 margin-bottom: 2ex;
1041 border-radius: 8px;
1042 }
1043
1044 .suggestion_fulfilled {
1045 width: 15em;
1046 }
1047 .suggestion_fulfilled a.action {
1048 padding-left: 0;
1049 line-height: 120%;
1050 }
1051
1052 .help,
1053 .use_terms {
1054 border: 1px solid #bcd;
1055 background-color: #def;
1056 color: #000;
1057 padding: 1ex;
1058 }
1059
1060 .help_visible {
1061 margin-bottom: 1ex;
1062 }
1063
1064 .help_visible .help_icon {
1065 float: right;
1066 }
1067
1068 .slot_help_hidden {
1069 float: right;
1070 margin-right: 1em;
1071 margin-top: 1ex;
1072 }
1073
1074 .help_actions {
1075 font-size: 75%;
1076 float: right;
1077 }
1078
1079 .help_actions a {
1080 margin-right: 1em;
1081 color: #468;
1082 }
1083
1084 .wiki {
1085 }
1086
1087 .wiki h1,
1088 .wiki h2,
1089 .wiki h3,
1090 .wiki h4 {
1091 margin-top: 1ex;
1092 margin-bottom: 1ex;
1093 }
1094
1095 .wiki h1 {
1096 font-size: 150%;
1097 }
1098
1099 .wiki h2 {
1100 font-size: 125%;
1101 }
1102
1103 .wiki p {
1104 margin-top: 1ex;
1105 margin-bottom: 1ex;
1106 }
1107
1108 form .warning {
1109 background-color: #ffd;
1110 color: #000;
1111 border: 1px solid #dda;
1112 margin: 1ex;
1113 margin-bottom: 2ex;
1114 padding: 1ex;
1115 }
1116
1117 a.not_voted {
1118 display: block;
1119 background-color: #fec;
1120 color: #000;
1121 }
1122
1123 .action_active {
1124 background-color: #fec;
1125 }
1126
1127 .heading {
1128 display: block;
1129 font-size: 120%;
1130 font-weight: bold;
1131 }
1132
1133 .heading.first {
1134 margin-top: 0;
1135 }
1136
1137 .menu_list li {
1138 padding-top: 1ex;
1139 padding-bottom: 1ex;
1140 }
1141
1142 .deactivated_member_info {
1143 background-color: #a00;
1144 color: #fff;
1145 }
1146
1147 /*************************************************************************
1148 * Voting
1149 */
1150
1151 #voting {
1152 position: relative;
1153 }
1154 #voting .approval, .abstention, .disapproval {
1155 border: 2px black solid;
1156 margin-top: 5ex;
1157 margin-bottom: 5ex;
1158 padding: 1ex;
1159 padding-bottom: 2ex;
1160 }
1161 #voting .approval {
1162 background-color: #9f9;
1163 }
1164 #voting .approval .movable {
1165 background-color: #dfd;
1166 }
1167 #voting .abstention {
1168 background-color: #ccc;
1169 }
1170 #voting .abstention .movable {
1171 background-color: #eee;
1172 }
1173 #voting .disapproval {
1174 background-color: #f88;
1175 }
1176 #voting .disapproval .movable {
1177 background-color: #fbb;
1178 }
1179 #voting .cathead {
1180 font-weight: bold;
1181 }
1182 #voting .movable {
1183 position: relative;
1184 border: 1px black solid;
1185 margin: 1ex;
1186 padding: 0.5ex;
1187 }
1188 #voting .voting_form_active .movable {
1189 cursor: pointer;
1190 }
1191 #voting .voting_form_active .clickable {
1192 cursor: auto;
1193 }
1194 #voting .voting_form_active a.clickable {
1195 cursor: pointer;
1196 }
1197
1198 #voting .grabber {
1199 vertical-align: middle;
1200 cursor: move;
1201 }
1202
1203 /*************************************************************************
1204 * timeline
1205 */
1206 div.ignore_area_list {
1207 float: left;
1208 width: 90%;
1209 margin: 0 0 1em 0;
1210 }
1211
1212 div.ignore_area_list >
1213 label.ui_field_label {
1214 text-align: left ;
1215 width: 100%;
1216 border-bottom:1px solid #000000;
1217 color: #000000;
1218 font-size:75%;
1219 font-weight:bold;
1220 vertical-align:bottom;
1221 text-transform:none;
1222 padding:0.5ex 0.5em
1223 }
1224
1225 div.ignore_area_item {
1226 clear: none;
1227 float: left;
1228 min-width: 10em;
1229 margin: 0.1ex 0.5em;
1230 margin-right: 0.5em;
1231 }
1232
1233 div.ignore_area_item > input {
1234 float: none;
1235 clear: none;
1236 display: inline;
1237 }
1238
1239 div.ignore_area_item >
1240 label.ui_field_label {
1241 float: none;
1242 clear: none;
1243 text-align: left;
1244 display: inline;
1245 }
1246
1247 div.timeline_results {
1248 clear: both;
1249 }

Impressum / About Us