liquid_feedback_frontend

view static/style.css @ 319:0306d1b14685

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

Impressum / About Us