liquid_feedback_frontend

view static/style.css @ 315:2e404166c9a1

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

Impressum / About Us