liquid_feedback_frontend

view static/style.css @ 598:9df26b41ace0

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

Impressum / About Us