liquid_feedback_frontend

view static/style.css @ 289:6f79a181a921

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

Impressum / About Us