liquid_feedback_frontend

view static/style.css @ 317:9c639a2f3262

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

Impressum / About Us