liquid_feedback_frontend

view static/style.css @ 312:5e6bdf07e3a1

find changesets by author, revision, files, or words in the commit message
Some color and positioning changes again...
author bsw
date Mon Feb 27 16:19:11 2012 +0100 (2012-02-27)
parents 22e4e26717ac
children 56dc44366c38
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(50%,#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 padding: 1ex 1em 0 1em;
228 }
229
230 .initiatives_list {
231 clear: left;
232 }
233
234 .slot_initiatives_list {
235 border-top: 1px solid #aaa;
236 border-bottom: 1px solid #aaa;
237 padding-top: 1ex;
238 padding-bottom: 1ex;
239 }
240
241 .member_list .member_image_avatar {
242 float: left;
243 margin-right: 0.5em;
244 }
245
246 .micro_avatar {
247 width: 24px;
248 height: 24px;
249 border-radius: 4px;
250 vertical-align: middle;
251 }
252
253 .actions {
254 font-size: 75%;
255 line-height: 220%;
256 margin-top: 2ex;
257 margin-bottom: 2ex;
258 }
259
260 .interest {
261 margin-left: 1.33em;
262 margin-bottom: 1.33ex;
263 }
264
265 .slot_actions .interest {
266 margin-left: 0em;
267 }
268
269 .actions a {
270 margin-right: 1em;
271 border-radius: 5px;
272 padding-right: 0.3em;
273 }
274
275 .slot_initiative_head {
276 background: -webkit-gradient(linear, left top, left bottom,
277 color-stop(0%,#e7e7e7), color-stop(66%,#fff));
278 padding-left: 1em;
279 padding-top: 1ex;
280 text-shadow: #fff 0px 0px 3px;
281 }
282
283 .initiative_name {
284 font-weight: bold;
285 font-size: 125%;
286 }
287
288 .content_navigation {
289 font-size: 75%;
290 background-color: #eee;
291 margin-bottom: 2ex;
292 padding-left: 1em;
293 }
294
295 .content_navigation div,
296 .content_navigation a {
297 display: inline-block;
298 padding: 3px 0.5em 3px 0.0em;
299 margin-right: 1em;
300 vertical-align: middle;
301 }
302
303 .content_navigation a:hover {
304 background-color: #d7d7d7;
305 }
306
307 .content_navigation_seperator {
308 height: 1.4em;
309 border-left: 1px solid black;
310 }
311
312
313 .actions a {
314 float: left;
315 }
316
317 .actions a:hover {
318 background-color: #d7d7d7;
319 }
320
321 .actions img {
322 padding-left: 0.2em;
323 padding-right: 0.2em;
324 vertical-align: middle;
325 }
326
327 .logo {
328 float: right;
329 margin-right: 1em;
330 }
331
332
333 .member_image_photo {
334 border-radius: 8px;
335 }
336
337 /*************************************************************************
338 * vote info / delegation
339 */
340
341 .interest,
342 .slot_support,
343 .delegation {
344 float: left;
345 position: relative;
346 z-index: 1;
347 }
348
349 .interest img,
350 .slot_support img,
351 .delegation img {
352 padding-left: 0.2em;
353 padding-right: 0.2em;
354 }
355 .actions .supporter,
356 .actions .potential_supporter,
357 .vote_info .head {
358 float: left;
359 margin-right: 1em;
360 }
361
362 .actions .supporter,
363 .actions .potential_supporter,
364 .actions .interest .head {
365 padding-right: 0.3em;
366 }
367
368 .delegation .head_active,
369 .interest .head_active,
370 .actions .supporter,
371 .actions .potential_supporter {
372 border-radius: 5px;
373 }
374
375 .delegation .head_active,
376 .interest .head_active {
377 background-color: #cdf;
378 }
379
380 .actions .supporter {
381 background-color: #cdf;
382 }
383
384 .actions .potential_supporter {
385 background-color: #cdf;
386 }
387
388 .slot_support .head_initiator {
389 background-color: #eee;
390 border-radius: 5px;
391 }
392
393 .delegation .change_delegation {
394 margin-bottom: 2ex;
395 }
396
397 .delegation .change_delegation a {
398 display: inline;
399 float: none;
400 padding: 1ex;
401 }
402
403 .delegation .delegation_participation {
404 margin-left: 20.5em;
405 margin-top: 3ex;
406 font-style: italic;
407 font-size: 80%;
408 }
409
410 .slot_actions .change_delegation {
411 float: left;
412 }
413
414 .vote_info .close {
415 position: absolute;
416 top: 0;
417 right: 0;
418 padding: 1ex;
419 display: block;
420 }
421
422 .vote_info .content {
423 font-size: 133%;
424 line-height: 100%;
425 top: 2.8ex;
426 display: none;
427 position: absolute;
428 z-index: 10;
429 background-color: #cdf;
430 border-radius: 0 5px 5px 5px;
431 padding: 1em;
432 width: 35em;
433 }
434
435 .vote_info .delegation_arrow {
436 margin-top: 1ex;
437 margin-bottom: 1ex;
438 vertical-align: middle;
439 }
440
441 .vote_info .delegation_arrow_overridden {
442 opacity: 0.4;
443 }
444
445 .vote_info .delegation_scope_overridden {
446 color: #777;
447 }
448
449 .vote_info .delegation_scope {
450 display: inline;
451 }
452
453 .vote_info .delegation_info {
454 }
455
456 .vote_info a {
457 padding-right: 0;
458 }
459
460 .vote_info .member_thumb {
461 clear: left;
462 background: #fff;
463 }
464
465 .delegation_overridden .member_thumb {
466 opacity: 0.4;
467 }
468
469 .delegation .revoke {
470 margin: 0.5ex;
471 float: right;
472 }
473
474 .delegation .revoke img {
475 vertical-align: middle;
476 }
477
478
479 /*************************************************************************
480 * Main content
481 */
482
483 .main {
484 margin-left: 1em;
485 margin-right: 1em;
486 }
487
488 /*************************************************************************
489 * ui.tab
490 */
491
492 .ui_tabs_links {
493 margin-top: 2ex;
494 margin-bottom: 1ex;
495 font-size: 75%;
496 }
497
498 .ui_tabs_links a {
499 padding: 1ex;
500 line-height: 300%;
501 background-color: #e7e7e7;
502 white-space: nowrap;
503 border-radius: 5px;
504 margin-right: 5px;
505 font-weight: bold;
506 }
507
508 .ui_tabs_links a:hover {
509 background-color: #d7d7d7;
510 }
511
512 .ui_tabs_links a.selected {
513 background-color: #444;
514 color: #fff;
515 text-decoration: none;
516 padding: 1ex;
517 }
518
519 .ui_tabs_content {
520 xborder: 1px solid #444;
521 xpadding: 1ex 1ex 1ex 1ex;
522 }
523
524 .ui_tabs_links a.yellow {
525 background-color: #fcc;
526 color: #000;
527 }
528
529 .ui_tabs_links a.yellow:hover {
530 background-color: #faa;
531 }
532
533 .ui_tabs_links a.yellow.selected {
534 background-color: #a44;
535 color: #fff;
536 text-decoration: none;
537 padding: 1ex;
538 }
539
540 .ui_tabs_links a.red {
541 background-color: #c33;
542 color: #000;
543 }
544
545 .ui_tabs_links a.red:hover {
546 background-color: #ebb;
547 }
548
549 .ui_tabs_links a.red.selected {
550 background-color: #644;
551 color: #fff;
552 text-decoration: none;
553 padding: 1ex;
554 }
555
556
557 /*************************************************************************
558 * ui.filters
559 */
560
561 .ui_filter {
562 overflow: hidden;
563 margin-bottom: 1ex;
564 }
565
566 .ui_filter_closed_head,
567 .ui_filter_head {
568 color: #777;
569 margin-top: 1ex;
570 margin-bottom: 1.5ex;
571 font-size: 75%;
572 float: left;
573 }
574
575 .ui_filter_head {
576 margin-right: 2em;
577 }
578
579 .ui_filter_head a {
580 color: #777;
581 padding: 0.5ex;
582 margin-right: 0.2em;
583 }
584
585 .ui_filter_head a.active {
586 color: #fff;
587 background-color: #777;
588 padding: 0.5ex;
589 border-radius: 5px;
590 }
591
592 /*************************************************************************
593 * ui.paginate
594 */
595
596 .ui_paginate_head {
597 display: none;
598 margin-bottom: 1ex;
599 }
600
601 .ui_paginate_foot {
602 margin-top: 1ex;
603 }
604
605 .ui_paginate_select a {
606 padding: 0.5em;
607 }
608
609 /*************************************************************************
610 * ui.bargraph
611 */
612
613 .bargraph {
614 width: 103px;
615 }
616
617 .bargraph50 {
618 width: 52px;
619 }
620
621 .bargraph div {
622 float: left;
623 margin-top: 0.5ex;
624 height: 1.3ex;
625 }
626
627 .bargraph_legend {
628 margin-top: 2ex;
629 }
630
631 .bargraph_legend .bargraph {
632 width: 26px;
633 }
634
635 .bargraph_legend div,
636 .bargraph_legend div div,
637 .bargraph_legend div div div {
638 float: left;
639 }
640
641 .bargraph_legend_label {
642 margin-left: 0.5em;
643 margin-right: 1em;
644 }
645
646 /*************************************************************************
647 * vertical ui.form
648 */
649
650 .login input[type=text],
651 .vertical input[type=text],
652 .login input[type=password],
653 .vertical input[type=password],
654 .vertical textarea,
655 .vertical select {
656 font-family: sans-serif;
657 font-size: 100%;
658 width: 50em;
659 border: 1px solid #444;
660 padding: 0.2ex 0.2em 0.2ex 0.2em;
661 margin-bottom: 1ex;
662 }
663
664 .login input[type=password],
665 .vertical input[type=password] {
666 width: 16em;
667 }
668
669 .vertical select {
670 padding-right: 0;
671 }
672
673 .login .ui_field_label,
674 .vertical .ui_field_label {
675 text-transform: uppercase;
676 font-size: 70%;
677 line-height: 120%;
678 font-weight: bold;
679 color: #777;
680 width: 15em;
681 display: block;
682 float: left;
683 clear: left;
684 text-align: right;
685 padding-right: 0.5em;
686 }
687
688 .ui_field_label.label_right {
689 text-align: left;
690 width: auto;
691 }
692
693 .login input[type=text],
694 .login input[type=password] {
695 width: 10em;
696 }
697
698 .login div,
699 .vertical div {
700 clear: left;
701 }
702
703 .vertical span {
704 display: block;
705 margin-bottom: 0.5ex;
706 }
707
708 .vertical span:after {
709 content: " ";
710 }
711
712 .vertical span span {
713 display: inline;
714 margin-bottom: 0;
715 }
716
717 .login input[type=submit],
718 .vertical input[type=submit] {
719 font-size: 100%;
720 margin-left: 11em;
721 background-color: #444444;
722 color: #fff;
723 border: none;
724 padding: 0.75ex;
725 }
726
727 .login input[type=submit]:hover,
728 .vertical input[type=submit]:hover {
729 background-color: #444444;
730 }
731
732 /*************************************************************************
733 * Tables
734 */
735
736
737 table a.action {
738 font-size: 70%;
739 line-height: 190%;
740 padding: 0.5ex;
741 color: #777;
742 }
743
744 table a.active {
745 color: #fff;
746 }
747
748 th {
749 text-align: left;
750 }
751
752 tr:hover td {
753 background-color: #ddd;
754 }
755
756 .nohover tr:hover td {
757 background-color: #fff;
758 }
759
760 .nohover table tr:hover td {
761 background-color: #ddd;
762 }
763
764
765 tr table tr:hover td {
766 background-color: #fff;
767 }
768
769
770 /*************************************************************************
771 * Positive / Negtive votes
772 */
773
774
775 .positive_votes span {
776 display: inline;
777 }
778
779 .positive_votes {
780 display: inline;
781 background-color: #cfc;
782 padding: 0.3ex 0.5em 0.3ex 0.5em;
783 }
784
785 .negative_votes span {
786 display: inline;
787 }
788
789 .negative_votes {
790 display: inline;
791 background-color: #fcc;
792 padding: 0.3ex 0.5em 0.3ex 0.5em;
793 }
794
795 .suggestion_my_opinion a,
796 .suggestion_my_opinion span {
797 white-space: nowrap;
798 padding-left: 0.2ex !important;
799 padding-right: 0.2ex !important;
800 }
801
802 .active {
803 background-color: #444;
804 color: #fff;
805 }
806
807 .active_red2 { background-color: #a00; color: #fff !important; }
808 .active_red1 { background-color: #f88; color: #000 !important; }
809 .active_green1 { background-color: #8f8; color: #000 !important; }
810 .active_green2 { background-color: #0a0; color: #000 !important; }
811
812
813
814
815 /*************************************************************************
816 * Issues
817 */
818
819 .issues .issue {
820 overflow: hidden;
821 margin-bottom: 2ex;
822 border-radius: 8px;
823 }
824
825 .issues .issue .issue_info {
826 padding: 1ex;
827 line-height: 140%;
828 background: -webkit-gradient(linear, left top, left bottom,
829 color-stop(0%,#e7e7e7), color-stop(66%,#fff));
830 }
831
832 .issues .issue.interested .issue_info,
833 .issues .issue.interested_by_delegation .issue_info {
834 background: -webkit-gradient(linear, left top, left bottom,
835 color-stop(0%,#cdf), color-stop(66%,#fff));
836 }
837
838 .issues .issue .issue_info .issue_id {
839 font-size: 125%;
840 }
841
842 .issues .issue .issue_policy_info {
843 font-style: italic;
844 }
845
846 .issues .issue .interest_by_delegation {
847 float: right;
848 }
849
850 .issues .issue .initiative_list a {
851 font-weight: bold;
852 }
853
854 .issue_initiative_list a {
855 font-weight: bold;
856 }
857
858 .more_initiatives_link {
859 margin-left: 166px;
860 font-style: italic;
861 }
862
863 .issues tr tr {
864 border: none;
865 background: none;
866 }
867
868 .initiative_link.selected {
869 font-weight: bold;
870 }
871
872 x.initiative_link.supported {
873 background-color: #cdf;
874 border-radius: 5px;
875 }
876
877 x.initiative_link.potentially_supported {
878 background-color: #cdf;
879 border-radius: 5px;
880 }
881
882 .lang_chooser {
883 float: right;
884 margin-right: 0.5em;
885 }
886
887 .delegation_list_entry {
888 margin-right: 2em;
889 margin-bottom: 2ex;
890 float: left;
891 clear: left;
892 }
893
894 .delegation_list_entry .delegation_arrow {
895 float: left;
896 }
897
898 .delegation_list_entry .delegation_scope {
899 float: left;
900 width: 25em;
901 }
902
903 .delegation_list_entry .delegation_scope a {
904 display: block;
905 }
906
907 .member_list .member_thumb {
908 float: left;
909 margin-right: 1em;
910 margin-bottom: 2ex;
911 }
912
913 .member_thumb {
914 text-decoration: none;
915 width: 14.5em;
916 height: 48px;
917 display: block;
918 float: left;
919 background-color: #eee;
920 overflow: hidden;
921 position: relative;
922 border-radius: 7px;
923 padding: 2px;
924 }
925
926 .xmember_thumb a {
927 position: absolute;
928 top: 0;
929 left: 0;
930 padding: 0;
931 margin: 0;
932 }
933
934 .member_thumb a:hover div {
935 background-color: #444;
936 color: #fff;
937 }
938
939 .member_thumb img {
940 padding: 0;
941 margin: 0;
942 vertical-align: bottom;
943 border-radius: 7px;
944 }
945
946 .member_thumb div {
947 }
948
949 .member_thumb .member_image {
950 }
951
952 .member_thumb .member_name {
953 position: absolute;
954 left: 56px;
955 top: 2ex;
956 font-size: 100%;
957 width: 14em;
958 }
959
960 .member_thumb .flags {
961 text-align: right;
962 font-size: 75%;
963 }
964
965 .member_thumb .flags a,
966 .member_thumb .flags img {
967 position: static;
968 float: right;
969 margin-left: 0.5em;
970 }
971
972 .member_thumb .flags .in_delegation_chain {
973 font-weight: bold;
974 }
975
976 .member .right {
977 float: right;
978 }
979
980 .member_thumb.not_accepted,
981 .member_thumb.not_informed {
982 background: #fff;
983 }
984
985 .member_thumb.not_accepted .member_image,
986 .member_thumb.not_accepted .member_name,
987 .member_thumb.not_informed .member_image,
988 .member_thumb.not_informed .member_name {
989 opacity: 0.4;
990 }
991
992 .member_thumb.in_delegation_chain {
993 background-color: #cdf;
994 }
995
996 .member_statement,
997 .draft_content,
998 .suggestion_content {
999 background-color: #eee;
1000 xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
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