liquid_feedback_frontend
view static/style.css @ 643:3aff9990b0a1
Optical enhancements
| author | bsw |
|---|---|
| date | Mon Jun 25 19:55:59 2012 +0200 (2012-06-25) |
| parents | ea89fa21b0ab |
| children | 7b2d7c0990b7 |
line source
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 }
37 table {
38 border-collapse: separate;
39 border-spacing: 0;
40 }
41 caption, th, td {
42 text-align: left;
43 font-weight: normal;
44 }
46 /*************************************************************************
47 * Some global definitions
48 */
50 body {
51 background: #fafafa;
52 line-height: 120%:
53 }
55 body, th, td {
56 font-family: sans-serif;
57 font-size: 15px;
58 font-size: 14px;
59 padding: 0;
60 margin: 0;
61 }
63 .page,
64 .topbar_content {
65 max-width: 1130px;
66 margin: 0 auto;
67 }
69 table {
70 margin-top: 1ex;
71 }
73 body, a {
74 color: #000;
75 }
77 img {
78 border: none;
79 }
81 table {
82 border-collapse: collapse;
83 border: none;
84 }
86 td, th {
87 padding: 0.5ex 0.5em 0.5ex 0em;
88 }
90 td {
91 vertical-align: top;
92 }
94 th {
95 vertical-align: bottom;
96 font-weight: bold;
97 }
99 a.active {
100 color: #fff;
101 }
103 .revoked {
104 text-decoration: line-through;
105 }
107 .highlighted {
108 background-color: #fa7;
109 color: #000;
110 }
112 .admin_only {
113 font-style: italic;
114 }
116 h1 {
117 font-size: 150%;
118 }
120 h2 {
121 font-size: 125%;
122 }
124 .inline {
125 display: inline;
126 }
128 /*************************************************************************
129 * Notices, warnings and errors
130 */
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 }
139 .slot_notice, .slot_warning, .slot_error {
140 padding-left: 1em;
141 }
143 .slot_notice {
144 background-color: #cfc;
145 color: #040;
146 }
148 .slot_warning {
149 background-color: #fec;
150 color: #420;
151 }
153 .slot_error {
154 background-color: #fcc;
155 color: #400;
156 }
158 /*************************************************************************
159 * Navigation, search and language chooser bar
160 */
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;
175 }
177 .topbar .logolf {
178 margin-left: 6px;
179 font-weight: bold;
180 }
182 .topbar .instance_name,
183 .topbar a {
184 color: #eee;
185 line-height: 30px;
186 }
188 .topbar a:hover {
189 color: #f90;
190 }
192 .navigation {
193 background-color: #333;
194 line-height: 200%;
195 }
197 .topbar img {
198 margin-right: 0.5em;
199 vertical-align: middle;
200 }
202 .topbar a {
203 padding: 0 0.5em;
204 float: left;
205 display: block;
206 white-space: nowrap;
207 }
209 form.unit_selector {
210 display: inline;
211 }
213 .topbar .navigation_right {
214 float: right;
215 padding-right: 1%;
216 }
219 #member_menu {
220 z-index: 2;
221 }
223 #member_menu li {
224 float: left;
225 }
227 #member_menu li:hover {
228 position: relative;
229 z-index: 4;
230 cursor: default;
231 }
233 #member_menu {
234 margin: 0;
235 padding: 0;
236 width: 200px;
237 }
239 #member_menu > li {
240 width: 200px;
241 }
243 #member_menu li a {
244 float: right;
245 }
247 #member_menu ul {
248 margin: 0;
249 padding: 0;
250 list-style-type: none;
251 display: none;
252 position: absolute;
253 top: 100%;
254 left: 0;
255 z-index: 3;
256 width: 200px;
257 border-radius: 0 0 8px 8px;
258 background: #000;
259 }
261 #member_menu ul li {
262 float: none;
263 }
265 #member_menu ul li a {
266 float: none;
267 background: #000;
268 }
270 #member_menu ul ul {
271 top: 1px;
272 right: 1px;
273 }
275 #member_menu li:hover ul {
276 display: block;
277 }
279 #member_menu li li a {
280 background: #000;
281 border-radius: 5px;
282 color: #fff;
283 }
285 #member_menu ul li:hover a {
286 background: #000;
287 color: #f90;
288 }
290 */
291 /*************************************************************************
292 * Title of current page including path and actions
293 */
295 .slot_title {
296 font-size: 120%;
297 font-weight: bold;
298 margin-left: 10px;
299 margin-right: 10px;
300 margin-top: 1ex;
301 }
303 .slot_head {
304 background-color: #fff;
305 margin: 0px 1% 2ex 1%;
306 border: 1px solid #555;
307 border-radius: 0 0 8px 8px;
308 }
311 .member_statement,
312 .draft_content,
313 .suggestion_content,
314 .slot_head,
315 .area_list,
316 .initiative_head,
317 .issues .issue,
318 .ui_tabs_links a,
319 .draft_content,
320 .help,
321 .use_terms,
322 .motd,
323 .vote_info .content,
324 .box,
325 div.notifications {
326 background-color: #fff;
327 box-shadow: #777 0px 5px 5px -5px;
328 -mox-box-shadow: #777 0px 5px 5px -5px;
329 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
330 clear: both;
331 }
333 .slot_head > div:last-child {
334 border-radius: 0 0 8px 8px;
335 }
337 .page_head .title,
338 .issue .context,
339 .initiative_head .title,
340 .area_list .title {
341 padding: 8px 10px 2px 10px;
342 }
344 .issue .title {
345 padding: 5px 10px 0px 10px;
346 }
348 .events .issue .title {
349 padding: 5px 10px 10px 10px;
350 }
352 .page_head .actions,
353 .page_head .unit_head .content,
354 .page_head .area_head .content,
355 .issue .content,
356 .initiative_head .content,
357 .area_list .unit_head .content,
358 .area_list .area .content {
359 padding: 10px 10px 0 10px;
360 }
362 .page_head .actions:last-child,
363 .page_head .unit_head .content:last-child,
364 .page_head .area_head .content:last-child,
365 .issue .content:last-child,
366 .initiative_head .content:last-child,
367 .area_list .unit_head .content:last-child,
368 .area_list .area .content:last-child {
369 padding: 10px 10px 10px 10px;
370 }
372 .page_head .initiative_list,
373 .issue .initiative_list {
374 padding-left: 8px;
375 }
377 .issue .content.actions {
378 margin-bottom: 1ex;
379 }
381 .area_head {
382 overflow: auto;
383 }
386 .page_head .title,
387 .issue .title,
388 .initiative_head .title,
389 .area_list .unit_head .unit_name,
390 .area_list .area_name {
391 font-weight: bold;
392 font-size: 120%;
393 }
395 .page_head .unit_head .title .extra,
396 .page_head .area_head .title .extra,
397 .issue .title .extra {
398 margin-left: 0.7em;
399 font-size: 75%;
400 }
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: #000;
411 }
414 .unit_head {
415 background-color: #44a;
416 background-image: -webkit-linear-gradient(top, #67d, #23a);
417 color: #fff;
418 }
420 .unit_head:last-child {
421 border-radius: 0 0 8px 8px;
422 }
424 .area_head:last-child {
425 border-radius: 0 0 8px 8px;
426 }
428 .unit_head .content, .unit_head a {
429 color: #fff;
430 }
431 .area_head,
432 .area_list .area_head {
433 background-color: #abf;
434 background-image: -webkit-linear-gradient(top, #cdf, #abe);
435 }
437 .area_list .area > .content,
438 .issue {
439 background-color: #e0e9ff;
440 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
441 }
444 x {
445 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
446 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
447 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
448 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
449 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
450 }
453 .delegation_info {
454 float: right;
455 text-decoration: none;
456 padding: 5px;
457 border-radius: 0px 5px 0px 5px;
458 }
460 .delegation_arrow {
461 vertical-align: middle;
462 }
464 .delegation_info .link {
465 text-decoration: underline;
466 color: #aaa;
467 }
469 .delegation_info:hover {
470 background-color: #ddd;
471 }
473 .delegation_info .micro_avatar {
474 border: none;
475 margin: 2px;
476 box-shadow: 1px 1px 2px #000;
477 }
479 .delegation_info .micro_avatar.highlighted {
480 margin: none;
481 border: 2px solid #f90;
482 }
485 .member_list .member_image_avatar {
486 float: left;
487 margin-right: 0.5em;
488 }
490 .micro_avatar {
491 height: 24px;
492 border-radius: 4px;
493 vertical-align: middle;
494 }
496 .logo {
497 float: right;
498 margin-right: 1%;
499 }
502 .member_image_photo {
503 border-radius: 8px;
504 }
506 /*************************************************************************
507 * Main content
508 */
510 .main {
511 margin-left: 1%;
512 margin-right: 1%;
513 }
515 /*************************************************************************
516 * ui.tab
517 */
518 .ui_tabs_links {
519 margin: 20px 0px 10px 0px;
520 }
522 .ui_tabs_links a {
523 padding: 1ex 1em;
524 line-height: 300%;
525 background-color: #444;
526 background-image: -webkit-linear-gradient(top, #000, #666);
527 color: #fff;
528 white-space: nowrap;
529 border-radius: 8px;
530 font-weight: bold;
531 margin: 3px;
532 }
534 .ui_tabs_links a:hover,
535 .ui_tabs_links a.selected {
536 margin: 0;
537 border: 3px solid #f90;
538 box-shadow: 0px 0px 5px #f90;
539 }
541 .ui_tabs_links a.selected {
542 text-decoration: none;
543 }
546 /*************************************************************************
547 * ui.filters
548 */
550 .ui_filter {
551 overflow: auto;
552 margin: 2ex 0;
553 }
555 .ui_filter_head {
556 color: #777;
557 font-size: 90%;
558 float: left;
559 line-height: 200%;
560 margin-right: 2em;
561 }
563 .ui_filter a {
564 font-weight: bold;
565 margin-right: 0.5em;
566 }
569 .ui_filter_head a.active {
570 text-decoration: none;
571 background-color: #555;
572 color: #fff;
573 padding: 0.5ex 0.5em;
574 border-radius: 4px;
575 }
577 /*************************************************************************
578 * ui.paginate
579 */
581 .ui_paginate_head {
582 display: none;
583 margin-bottom: 1ex;
584 }
586 .ui_paginate_foot {
587 margin-top: 1ex;
588 }
590 .ui_paginate_select a {
591 padding: 0.5em;
592 }
594 /*************************************************************************
595 * ui.bargraph
596 */
598 .bargraph {
599 width: 103px;
600 }
602 .bargraph50 {
603 width: 52px;
604 }
606 .bargraph div {
607 float: left;
608 margin-top: 0.5ex;
609 height: 1.3ex;
610 }
612 .bargraph .quorum {
613 margin-top: 0.2ex;
614 height: 1.9ex;
615 }
617 /*************************************************************************
618 * notifications
619 */
621 div.notifications {
622 margin-top: 1ex;
623 background-color: #fda;
624 padding: 0.5ex;
625 border: 1px solid #fa0;
626 }
628 .notifications ul {
629 margin: 0;
630 padding: 0;
631 margin-left: 2em;
632 }
634 .notifications li {
635 margin: 0;
636 padding: 0;
637 margin-top: 0.5ex;
638 }
640 /*************************************************************************
641 * vertical ui.form
642 */
644 .vertical {
645 margin-top: 2ex;
646 }
648 .login input[type=text],
649 .vertical input[type=text],
650 .login input[type=password],
651 .vertical input[type=password],
652 .vertical textarea,
653 .vertical select {
654 font-family: sans-serif;
655 font-size: 100%;
656 width: 69%;
657 border: 1px solid #444;
658 padding: 0.2ex 0.2em 0.2ex 0.2em;
659 margin-bottom: 1ex;
660 }
664 .login input[type=password],
665 .vertical input[type=password] {
666 width: 16em;
667 }
669 .vertical select {
670 padding-right: 0;
671 }
673 .login .ui_field_label,
674 .vertical .ui_field_label {
675 text-transform: uppercase;
676 font-size: 70%;
677 line-height: 120%;
678 font-weight: bold;
679 color: #777;
680 width: 29%;
681 display: block;
682 float: left;
683 clear: left;
684 text-align: right;
685 padding-right: 0.5em;
686 }
688 .ui_field_label.label_right {
689 text-align: left;
690 width: auto;
691 }
693 .login input[type=text],
694 .login input[type=password] {
695 width: 10em;
696 }
698 .login div,
699 .vertical div {
700 clear: left;
701 }
703 .vertical span {
704 display: block;
705 margin-bottom: 0.5ex;
706 }
708 .vertical span:after {
709 content: " ";
710 }
712 .vertical span span {
713 display: inline;
714 margin-bottom: 0;
715 }
717 .login input[type=submit],
718 .vertical input[type=submit] {
719 font-size: 100%;
720 margin-left: 29%;
721 background-color: #444444;
722 color: #fff;
723 border: none;
724 padding: 0.75ex;
725 }
727 .login input[type=submit]:hover,
728 .vertical input[type=submit]:hover {
729 background-color: #444444;
730 }
732 @media screen and (max-width: 480px) {
733 .login input[type=text],
734 .vertical input[type=text],
735 .login input[type=password],
736 .vertical input[type=password],
737 .vertical textarea,
738 .vertical select,
739 .vertical input[type=submit],
740 .login input[type=submit] {
741 width: 98%;
742 }
743 .login .ui_field_label,
744 .vertical .ui_field_label {
745 text-align: left;
746 width: 98%;
747 }
748 .login input[type=text],
749 .login input[type=password] {
750 width: 98%;
751 }
752 .login input[type=submit],
753 .vertical input[type=submit] {
754 margin-left: 0;
755 }
756 }
759 /*************************************************************************
760 * Positive / Negtive votes
761 */
764 .positive_votes span {
765 display: inline;
766 }
768 .positive_votes {
769 display: inline;
770 background-color: #cfc;
771 padding: 0.3ex 0.5em 0.3ex 0.5em;
772 }
774 .negative_votes span {
775 display: inline;
776 }
778 .negative_votes {
779 display: inline;
780 background-color: #fcc;
781 padding: 0.3ex 0.5em 0.3ex 0.5em;
782 }
784 .suggestion_my_opinion a,
785 .suggestion_my_opinion span {
786 white-space: nowrap;
787 padding-left: 0.2ex !important;
788 padding-right: 0.2ex !important;
789 }
791 .active {
792 background-color: #444;
793 color: #fff;
794 }
796 .active_red2 { background-color: #a00; color: #fff !important; }
797 .active_red1 { background-color: #f88; color: #000 !important; }
798 .active_green1 { background-color: #8f8; color: #000 !important; }
799 .active_green2 { background-color: #0a0; color: #000 !important; }
803 /*************************************************************************
804 * Unit list
805 */
807 .unit_list a {
808 font-weight: bold;
809 }
811 /*************************************************************************
812 * Area list
813 */
814 .area_list {
815 border: 1px solid #54c;
816 border-radius: 10px;
817 margin-top: 2ex;
818 }
820 .area_list .area {
821 border-top: 1px solid #44a;
822 }
824 .area_list .area:first-child {
825 border-top: none;
826 }
828 .area_list .unit_head {
829 border-radius: 8px 8px 0 0;
830 }
832 .area_list .unit_head:last-child {
833 border-radius: 8px;
834 }
836 .area_list .area:last-child .content:last-child{
837 border-radius: 0 0 8px 8px;
838 }
840 .area_list .area:first-child .area_head {
841 border-radius: 8px 8px 0 0;
842 }
845 /*************************************************************************
846 * Events
847 */
849 .events .date {
850 font-size: 150%;
851 font-weight: bold;
852 margin-top: 2ex;
853 line-height: 150%;
854 }
856 .event_list .event div {
857 }
859 .event_list .event .member_id {
860 float: right;
861 }
864 /*************************************************************************
865 * Issues
866 */
868 .issues {
869 clear: left;
870 margin-top: 2ex;
871 }
873 .issues .issue {
874 overflow: hidden;
875 border: 1px solid #ddd;
876 border-radius: 8px;
877 margin-bottom: 2ex;
878 }
880 .issue.interested,
881 .issue.interest_by_delegation {
882 border: 1px solid #b2cdff;
883 }
885 .issue .issue_info {
886 padding: 1ex 1ex 0.3ex 1ex;
887 line-height: 140%;
888 margin-bottom: 1ex;
889 }
891 .event_list .event .issue_id,
892 .issue .issue_info .issue_id {
893 font-size: 125%;
894 }
896 .issue .suggestion {
897 margin-left: 1ex;
898 margin-bottom: 1ex;
899 font-weight: bold;
900 }
902 .issue_policy_info {
903 font-style: italic;
904 }
906 .issue_policy_info .event_name {
907 font-weight: bold;
908 }
910 .issue_policy_info img {
911 vertical-align: middle;
912 }
914 .issue .interest_by_delegation {
915 float: right;
916 }
918 .issue .initiative_list a.highlighted {
919 font-weight: bold;
920 }
922 .initiative {
923 margin-left: 1ex;
924 margin-bottom: 1ex;
925 line-height: 50%;
926 }
928 .initiative .bar {
929 margin-right: 0.3em;
930 }
932 .initiative .rank,
933 .initiative .bar,
934 .initiative .interest {
935 float: left;
936 margin-right: 0.3em;
937 }
939 .initiative .rank {
940 width: 2.5em;
941 }
944 .initiative .interest {
945 width: 20px;
946 height: 16px;
947 line-height: 100%;
948 }
950 .initiative .name {
951 line-height: 130%;
952 margin-left: 160px;
953 }
955 @media screen and (max-width: 480px) {
956 .initiative .name {
957 clear: left;
958 margin-left: 0px;
959 }
960 }
963 .issue_initiative_list a {
964 font-weight: bold;
965 }
967 .more_initiatives_link {
968 display: block;
969 margin-left: 166px;
970 font-style: italic;
971 margin-bottom: 1ex;
972 }
974 .issue tr tr {
975 border: none;
976 background: none;
977 }
979 .initiative_link.selected {
980 font-weight: bold;
981 }
983 x.initiative_link.supported {
984 background-color: #cdf;
985 border-radius: 5px;
986 }
988 x.initiative_link.potentially_supported {
989 background-color: #cdf;
990 border-radius: 5px;
991 }
993 .lang_chooser {
994 float: right;
995 margin-right: 0.5em;
996 }
998 .delegation_list_entry {
999 margin-right: 2em;
1000 margin-bottom: 2ex;
1001 float: left;
1002 clear: left;
1003 }
1005 .delegation_list_entry .delegation_arrow {
1006 float: left;
1007 }
1009 .delegation_list_entry .delegation_scope {
1010 float: left;
1011 width: 25em;
1012 }
1014 .delegation_list_entry .delegation_scope a {
1015 display: block;
1016 }
1018 .member_list .member_thumb {
1019 float: left;
1020 margin-right: 1em;
1021 margin-bottom: 2ex;
1022 }
1024 .member_thumb {
1025 text-decoration: none;
1026 width: 14.5em;
1027 height: 48px;
1028 display: block;
1029 float: left;
1030 background-color: #f2f2f2;
1031 overflow: hidden;
1032 position: relative;
1033 border-radius: 7px;
1034 padding: 2px;
1035 }
1037 .member_thumb a:hover div {
1038 background-color: #444;
1039 color: #fff;
1040 }
1042 .member_thumb img {
1043 padding: 0;
1044 margin: 0;
1045 vertical-align: bottom;
1046 border-radius: 7px;
1047 }
1049 .member_thumb .member_name {
1050 position: absolute;
1051 left: 56px;
1052 top: 2ex;
1053 font-size: 100%;
1054 width: 14em;
1055 }
1057 .member_thumb .flags {
1058 float: right;
1059 font-size: 75%;
1060 }
1062 .member_thumb .flags a,
1063 .member_thumb .flags img {
1064 position: static;
1065 float: right;
1066 margin-left: 0.5em;
1067 }
1069 .member_thumb .flags .in_delegation_chain {
1070 font-weight: bold;
1071 }
1073 .member .right {
1074 float: right;
1075 }
1077 .member_thumb.not_accepted,
1078 .member_thumb.not_informed {
1079 background: #fff;
1080 }
1082 .member_thumb.not_accepted .member_image,
1083 .member_thumb.not_accepted .member_name,
1084 .member_thumb.not_informed .member_image,
1085 .member_thumb.not_informed .member_name {
1086 opacity: 0.4;
1087 }
1089 .member_thumb {
1090 border: 2px solid #fff;
1091 }
1093 .member_thumb.in_delegation_chain {
1094 border: 2px solid #f90;
1095 }
1098 .member_statement {
1099 margin-right: 250px;
1100 }
1102 #suggestion_description {
1103 height: 15ex;
1104 }
1106 .diff {
1107 background-color: #f2f2f2;
1108 border: 1px solid #ccc;
1109 padding: 1ex;
1110 }
1112 .diff_added {
1113 background-color: #cfc;
1114 text-decoration: underline;
1115 }
1117 .diff_removed {
1118 background-color: #fcc;
1119 text-decoration: line-through;
1120 }
1122 .slot_issue_info {
1123 background-color: #f2f2f2;
1124 border: 1px solid #ccc;
1125 float: right;
1126 padding: 0.5ex;
1127 line-height: 130%;
1128 margin-right: 1em;
1129 }
1131 .issue_info label {
1132 float: left;
1133 width: 8em;
1134 text-transform: uppercase;
1135 font-size: 70%;
1136 color: #777;
1137 font-weight: bold;
1138 clear: left;
1139 text-align: right;
1140 margin-right: 0.7em;
1141 }
1143 .admitted_info {
1144 background-color: #dfd;
1145 padding: 1ex;
1146 border-radius: 8px;
1147 }
1149 .not_admitted_info,
1150 .revoked_info {
1151 background-color: #fdd;
1152 padding: 1ex;
1153 border-radius: 8px;
1154 }
1156 .draft_updated_info,
1157 .voting_active_info,
1158 .initiator_invite_info,
1159 .motd,
1160 .public_access_issue_head {
1161 background-color: #fda;
1162 padding: 1ex;
1163 margin-top: 1ex;
1164 margin-bottom: 2ex;
1165 border: 1px solid #fa0;
1166 border-radius: 10px;
1167 }
1169 .suggestion_fulfilled {
1170 width: 15em;
1171 }
1172 .suggestion_fulfilled a.action {
1173 padding-left: 0;
1174 line-height: 120%;
1175 }
1177 .help,
1178 .use_terms {
1179 border-radius: 8px;
1180 border: 1px solid #ffe900;
1181 background-color: #fffbce;
1182 color: #000;
1183 padding: 1ex;
1184 }
1186 .help_visible {
1187 margin-top: 2ex;
1188 margin-bottom: 1ex;
1189 }
1191 .help_visible .help_icon {
1192 float: right;
1193 }
1195 .slot_help_hidden {
1196 float: left;
1197 margin-top: 1ex;
1198 }
1200 .help_actions {
1201 font-size: 75%;
1202 float: right;
1203 }
1205 .help_actions a {
1206 margin-right: 1em;
1207 color: #468;
1208 }
1210 .wiki {
1211 line-height: 133%;
1212 }
1214 .wiki h1,
1215 .wiki h2,
1216 .wiki h3,
1217 .wiki h4 {
1218 margin-top: 1ex;
1219 margin-bottom: 1ex;
1220 }
1222 .wiki h1 {
1223 font-size: 150%;
1224 font-weight: bold;
1225 }
1227 .wiki h2 {
1228 font-size: 125%;
1229 font-weight: bold;
1230 }
1232 .wiki h3 {
1233 font-size: 125%;
1234 }
1236 .wiki h4 {
1237 font-size: 100%;
1238 font-weight: bold;
1239 }
1241 .wiki p {
1242 margin-top: 1ex;
1243 margin-bottom: 1ex;
1244 }
1246 form .warning {
1247 background-color: #ffd;
1248 color: #000;
1249 border: 1px solid #dda;
1250 margin: 1ex;
1251 margin-bottom: 2ex;
1252 padding: 1ex;
1253 }
1255 a.not_voted {
1256 display: block;
1257 background-color: #fec;
1258 color: #000;
1259 }
1261 .action_active {
1262 background-color: #fec;
1263 }
1265 .heading {
1266 display: block;
1267 font-size: 120%;
1268 font-weight: bold;
1269 }
1271 .heading.first {
1272 margin-top: 0;
1273 }
1275 .menu_list li {
1276 padding-top: 1ex;
1277 padding-bottom: 1ex;
1278 }
1280 .deactivated_member_info {
1281 background-color: #a00;
1282 color: #fff;
1283 }
1285 /*************************************************************************
1286 * Voting
1287 */
1289 #voting_form {
1290 margin-top: 20px;
1291 }
1293 #voting {
1294 position: relative;
1295 }
1297 #voting .approval, .abstention, .disapproval {
1298 border: 2px black solid;
1299 margin-top: 2ex;
1300 margin-bottom: 5ex;
1301 padding: 1ex;
1302 padding-bottom: 2ex;
1303 border-radius: 8px;
1304 }
1305 #voting .approval {
1306 background-color: #9f9;
1307 }
1308 #voting .approval .movable {
1309 background-color: #dfd;
1310 }
1311 #voting .abstention {
1312 background-color: #ccc;
1313 }
1314 #voting .abstention .movable {
1315 background-color: #f2f2f2;
1316 }
1317 #voting .disapproval {
1318 background-color: #f88;
1319 }
1320 #voting .disapproval .movable {
1321 background-color: #fbb;
1322 }
1323 #voting .cathead {
1324 font-weight: bold;
1325 }
1326 #voting .movable {
1327 position: relative;
1328 border: 1px black solid;
1329 margin-top: 1ex;
1330 padding: 0.5ex;
1331 border-radius: 8px;
1332 }
1333 #voting .voting_form_active .movable {
1334 cursor: pointer;
1335 }
1336 #voting .voting_form_active .clickable {
1337 cursor: auto;
1338 }
1339 #voting .voting_form_active a.clickable {
1340 cursor: pointer;
1341 }
1343 #voting .movable {
1344 vertical-align: middle;
1345 cursor: move;
1346 }
1348 /*************************************************************************
1349 * timeline
1350 */
1351 div.ignore_area_list {
1352 float: left;
1353 width: 90%;
1354 margin: 0 0 1em 0;
1355 }
1357 div.ignore_area_list >
1358 label.ui_field_label {
1359 text-align: left ;
1360 width: 100%;
1361 border-bottom:1px solid #000000;
1362 color: #000000;
1363 font-size:75%;
1364 font-weight:bold;
1365 vertical-align:bottom;
1366 text-transform:none;
1367 padding:0.5ex 0.5em
1368 }
1370 div.ignore_area_item {
1371 clear: none;
1372 float: left;
1373 min-width: 10em;
1374 margin: 0.1ex 0.5em;
1375 margin-right: 0.5em;
1376 }
1378 div.ignore_area_item > input {
1379 float: none;
1380 clear: none;
1381 display: inline;
1382 }
1384 div.ignore_area_item >
1385 label.ui_field_label {
1386 float: none;
1387 clear: none;
1388 text-align: left;
1389 display: inline;
1390 }
1392 div.timeline_results {
1393 clear: both;
1394 }
1396 /* shadows */
1398 .member_statement,
1399 .draft_content,
1400 .suggestion_content,
1401 .initiative_head,
1402 .box,
1403 div.notifications {
1404 border-radius: 8px;
1405 }
1407 .member_statement,
1408 .draft_content,
1409 .suggestion_content,
1410 .initiative_head,
1411 .box {
1412 border: 1px solid #aaa;
1413 }
1415 .member_statement,
1416 .draft_content,
1417 .suggestion_content,
1418 .box {
1419 padding: 1ex;
1420 }
1422 .slot_footer {
1423 margin: 0 1%;
1424 border-top: 1px solid #ccc;
1425 padding: 1ex;
1426 font-size: 80%;
1427 text-align: center;
1428 }
1429 .slot_footer,
1430 .slot_footer a {
1431 color: #666;
1432 }
1434 .footer {
1435 margin: 0 auto;
1436 max-width: 1130px;
1437 }