liquid_feedback_frontend

view static/style.css @ 304:c382f43d6c81

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

Impressum / About Us