liquid_feedback_frontend
view static/style.css @ 640:6dc5dc41ada5
Optical enhancements
| author | bsw |
|---|---|
| date | Mon Jun 25 19:41:59 2012 +0200 (2012-06-25) |
| parents | b2c61341112f |
| children | ea89fa21b0ab |
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: #fff;
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 }
310 .slot_head div:last-child {
311 border-radius: 0 0 8px 8px;
312 }
314 .page_head .title,
315 .issue .context,
316 .initiative_head .title,
317 .area_list .title {
318 padding: 8px 10px 2px 10px;
319 }
321 .issue .title {
322 padding: 5px 10px 0px 10px;
323 }
325 .events .issue .title {
326 padding: 5px 10px 10px 10px;
327 }
329 .page_head .actions,
330 .page_head .unit_head .content,
331 .page_head .area_head .content,
332 .issue .content,
333 .initiative_head .content,
334 .area_list .unit_head .content,
335 .area_list .area .content {
336 padding: 10px 10px 0 10px;
337 }
339 .page_head .actions:last-child,
340 .page_head .unit_head .content:last-child,
341 .page_head .area_head .content:last-child,
342 .issue .content:last-child,
343 .initiative_head .content:last-child,
344 .area_list .unit_head .content:last-child,
345 .area_list .area .content:last-child {
346 padding: 10px 10px 10px 10px;
347 }
349 .page_head .initiative_list,
350 .issue .initiative_list {
351 padding-left: 8px;
352 }
354 .issue .content.actions {
355 margin-bottom: 1ex;
356 }
358 .area_head {
359 overflow: auto;
360 }
363 .page_head .title,
364 .issue .title,
365 .initiative_head .title,
366 .area_list .unit_head .unit_name,
367 .area_list .area_name {
368 font-weight: bold;
369 font-size: 120%;
370 }
372 .page_head .unit_head .title .extra,
373 .page_head .area_head .title .extra,
374 .issue .title .extra {
375 margin-left: 0.7em;
376 font-size: 75%;
377 }
379 .page_head .area_head .content,
380 .page_head .area_head .content a,
381 .page_head .issue .content.actions,
382 .page_head .issue .content.actions a,
383 .issues .issue .content.actions,
384 .issues .issue .content.actions a,
385 .area_list .area .content,
386 .area_list .area .content a {
387 color: #000;
388 }
391 .unit_head {
392 background-color: #44a;
393 background-image: -webkit-linear-gradient(top, #67d, #23a);
394 color: #fff;
395 }
397 .unit_head:last-child {
398 border-radius: 0 0 8px 8px;
399 }
401 .area_head:last-child {
402 border-radius: 0 0 8px 8px;
403 }
405 .unit_head .content, .unit_head a {
406 color: #fff;
407 }
408 .area_head,
409 .area_list .area_head {
410 background-color: #abf;
411 background-image: -webkit-linear-gradient(top, #cdf, #abe);
412 }
414 .area_list .area > .content,
415 .issue {
416 background-color: #e0e9ff;
417 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
418 }
421 x {
422 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
423 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
424 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
425 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
426 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
427 }
430 .delegation_info {
431 float: right;
432 text-decoration: none;
433 padding: 5px;
434 border-radius: 0px 5px 0px 5px;
435 }
437 .delegation_arrow {
438 vertical-align: middle;
439 }
441 .delegation_info .link {
442 text-decoration: underline;
443 color: #aaa;
444 }
446 .delegation_info:hover {
447 background-color: #ddd;
448 }
450 .delegation_info .micro_avatar {
451 border: none;
452 margin: 2px;
453 box-shadow: 1px 1px 2px #000;
454 }
456 .delegation_info .micro_avatar.highlighted {
457 margin: none;
458 border: 2px solid #f90;
459 }
462 .member_list .member_image_avatar {
463 float: left;
464 margin-right: 0.5em;
465 }
467 .micro_avatar {
468 height: 24px;
469 border-radius: 4px;
470 vertical-align: middle;
471 }
473 .logo {
474 float: right;
475 margin-right: 1%;
476 }
479 .member_image_photo {
480 border-radius: 8px;
481 }
483 /*************************************************************************
484 * Main content
485 */
487 .main {
488 margin-left: 1%;
489 margin-right: 1%;
490 }
492 /*************************************************************************
493 * ui.tab
494 */
495 .ui_tabs {
496 margin: 20px 0px;
497 }
499 .ui_tabs_links a {
500 padding: 1ex 1em;
501 line-height: 300%;
502 background-color: #444;
503 background-image: -webkit-linear-gradient(top, #000 0%, #444 70%, #777 90%, #888 100%);
504 color: #fff;
505 white-space: nowrap;
506 border-radius: 10px;
507 font-weight: bold;
508 margin: 3px;
509 }
511 .ui_tabs_links a:hover,
512 .ui_tabs_links a.selected {
513 margin: 0;
514 border: 3px solid #f90;
515 box-shadow: 0px 0px 5px #f90;
516 }
518 .ui_tabs_links a.selected {
519 text-decoration: none;
520 }
523 /*************************************************************************
524 * ui.filters
525 */
527 .ui_filter {
528 overflow: auto;
529 margin: 2ex 0;
530 }
532 .ui_filter_head {
533 color: #777;
534 font-size: 90%;
535 float: left;
536 line-height: 200%;
537 margin-right: 2em;
538 }
540 .ui_filter a {
541 font-weight: bold;
542 margin-right: 0.5em;
543 }
546 .ui_filter_head a.active {
547 text-decoration: none;
548 background-color: #555;
549 color: #fff;
550 padding: 0.5ex 0.5em;
551 border-radius: 4px;
552 }
554 /*************************************************************************
555 * ui.paginate
556 */
558 .ui_paginate_head {
559 display: none;
560 margin-bottom: 1ex;
561 }
563 .ui_paginate_foot {
564 margin-top: 1ex;
565 }
567 .ui_paginate_select a {
568 padding: 0.5em;
569 }
571 /*************************************************************************
572 * ui.bargraph
573 */
575 .bargraph {
576 width: 103px;
577 }
579 .bargraph50 {
580 width: 52px;
581 }
583 .bargraph div {
584 float: left;
585 margin-top: 0.5ex;
586 height: 1.3ex;
587 }
589 .bargraph .quorum {
590 margin-top: 0.2ex;
591 height: 1.9ex;
592 }
594 /*************************************************************************
595 * notifications
596 */
598 div.notifications {
599 margin-top: 1ex;
600 background-color: #fda;
601 padding: 0.5ex;
602 border: 1px solid #fa0;
603 }
605 .notifications ul {
606 margin: 0;
607 padding: 0;
608 margin-left: 2em;
609 }
611 .notifications li {
612 margin: 0;
613 padding: 0;
614 margin-top: 0.5ex;
615 }
617 /*************************************************************************
618 * vertical ui.form
619 */
621 .vertical {
622 margin-top: 2ex;
623 }
625 .login input[type=text],
626 .vertical input[type=text],
627 .login input[type=password],
628 .vertical input[type=password],
629 .vertical textarea,
630 .vertical select {
631 font-family: sans-serif;
632 font-size: 100%;
633 width: 69%;
634 border: 1px solid #444;
635 padding: 0.2ex 0.2em 0.2ex 0.2em;
636 margin-bottom: 1ex;
637 }
641 .login input[type=password],
642 .vertical input[type=password] {
643 width: 16em;
644 }
646 .vertical select {
647 padding-right: 0;
648 }
650 .login .ui_field_label,
651 .vertical .ui_field_label {
652 text-transform: uppercase;
653 font-size: 70%;
654 line-height: 120%;
655 font-weight: bold;
656 color: #777;
657 width: 29%;
658 display: block;
659 float: left;
660 clear: left;
661 text-align: right;
662 padding-right: 0.5em;
663 }
665 .ui_field_label.label_right {
666 text-align: left;
667 width: auto;
668 }
670 .login input[type=text],
671 .login input[type=password] {
672 width: 10em;
673 }
675 .login div,
676 .vertical div {
677 clear: left;
678 }
680 .vertical span {
681 display: block;
682 margin-bottom: 0.5ex;
683 }
685 .vertical span:after {
686 content: " ";
687 }
689 .vertical span span {
690 display: inline;
691 margin-bottom: 0;
692 }
694 .login input[type=submit],
695 .vertical input[type=submit] {
696 font-size: 100%;
697 margin-left: 29%;
698 background-color: #444444;
699 color: #fff;
700 border: none;
701 padding: 0.75ex;
702 }
704 .login input[type=submit]:hover,
705 .vertical input[type=submit]:hover {
706 background-color: #444444;
707 }
709 @media screen and (max-width: 480px) {
710 .login input[type=text],
711 .vertical input[type=text],
712 .login input[type=password],
713 .vertical input[type=password],
714 .vertical textarea,
715 .vertical select,
716 .vertical input[type=submit],
717 .login input[type=submit] {
718 width: 98%;
719 }
720 .login .ui_field_label,
721 .vertical .ui_field_label {
722 text-align: left;
723 width: 98%;
724 }
725 .login input[type=text],
726 .login input[type=password] {
727 width: 98%;
728 }
729 .login input[type=submit],
730 .vertical input[type=submit] {
731 margin-left: 0;
732 }
733 }
736 /*************************************************************************
737 * Positive / Negtive votes
738 */
741 .positive_votes span {
742 display: inline;
743 }
745 .positive_votes {
746 display: inline;
747 background-color: #cfc;
748 padding: 0.3ex 0.5em 0.3ex 0.5em;
749 }
751 .negative_votes span {
752 display: inline;
753 }
755 .negative_votes {
756 display: inline;
757 background-color: #fcc;
758 padding: 0.3ex 0.5em 0.3ex 0.5em;
759 }
761 .suggestion_my_opinion a,
762 .suggestion_my_opinion span {
763 white-space: nowrap;
764 padding-left: 0.2ex !important;
765 padding-right: 0.2ex !important;
766 }
768 .active {
769 background-color: #444;
770 color: #fff;
771 }
773 .active_red2 { background-color: #a00; color: #fff !important; }
774 .active_red1 { background-color: #f88; color: #000 !important; }
775 .active_green1 { background-color: #8f8; color: #000 !important; }
776 .active_green2 { background-color: #0a0; color: #000 !important; }
780 /*************************************************************************
781 * Unit list
782 */
784 .unit_list a {
785 font-weight: bold;
786 }
788 /*************************************************************************
789 * Area list
790 */
791 .area_list {
792 border: 1px solid #54c;
793 border-radius: 10px;
794 margin-top: 2ex;
795 }
797 .area_list .area {
798 border-top: 1px solid #44a;
799 }
801 .area_list .area:first-child {
802 border-top: none;
803 }
805 .area_list .unit_head {
806 border-radius: 8px 8px 0 0;
807 }
809 .area_list .unit_head:last-child {
810 border-radius: 8px;
811 }
813 .area_list .area:last-child .content:last-child{
814 border-radius: 0 0 8px 8px;
815 }
817 .area_list .area:first-child .area_head {
818 border-radius: 8px 8px 0 0;
819 }
822 /*************************************************************************
823 * Events
824 */
826 .events .date {
827 font-size: 150%;
828 font-weight: bold;
829 margin-top: 2ex;
830 line-height: 150%;
831 }
833 .event_list .event div {
834 }
836 .event_list .event .member_id {
837 float: right;
838 }
841 /*************************************************************************
842 * Issues
843 */
845 .issues {
846 clear: left;
847 margin-top: 2ex;
848 }
850 .issues .issue {
851 overflow: hidden;
852 border: 1px solid #ddd;
853 border-radius: 8px;
854 margin-bottom: 2ex;
855 }
857 .issue.interested,
858 .issue.interest_by_delegation {
859 border: 1px solid #b2cdff;
860 }
862 .issue .issue_info {
863 padding: 1ex 1ex 0.3ex 1ex;
864 line-height: 140%;
865 margin-bottom: 1ex;
866 }
868 .event_list .event .issue_id,
869 .issue .issue_info .issue_id {
870 font-size: 125%;
871 }
873 .issue .suggestion {
874 margin-left: 1ex;
875 margin-bottom: 1ex;
876 font-weight: bold;
877 }
879 .issue_policy_info {
880 font-style: italic;
881 }
883 .issue_policy_info .event_name {
884 font-weight: bold;
885 }
887 .issue_policy_info img {
888 vertical-align: middle;
889 }
891 .issue .interest_by_delegation {
892 float: right;
893 }
895 .issue .initiative_list a.highlighted {
896 font-weight: bold;
897 }
899 .initiative {
900 margin-left: 1ex;
901 margin-bottom: 1ex;
902 line-height: 50%;
903 }
905 .initiative .bar {
906 margin-right: 0.3em;
907 }
909 .initiative .rank,
910 .initiative .bar,
911 .initiative .interest {
912 float: left;
913 margin-right: 0.3em;
914 }
916 .initiative .rank {
917 width: 2.5em;
918 }
921 .initiative .interest {
922 width: 20px;
923 height: 16px;
924 line-height: 100%;
925 }
927 .initiative .name {
928 line-height: 130%;
929 margin-left: 160px;
930 }
932 @media screen and (max-width: 480px) {
933 .initiative .name {
934 clear: left;
935 margin-left: 0px;
936 }
937 }
940 .issue_initiative_list a {
941 font-weight: bold;
942 }
944 .more_initiatives_link {
945 display: block;
946 margin-left: 166px;
947 font-style: italic;
948 margin-bottom: 1ex;
949 }
951 .issue tr tr {
952 border: none;
953 background: none;
954 }
956 .initiative_link.selected {
957 font-weight: bold;
958 }
960 x.initiative_link.supported {
961 background-color: #cdf;
962 border-radius: 5px;
963 }
965 x.initiative_link.potentially_supported {
966 background-color: #cdf;
967 border-radius: 5px;
968 }
970 .lang_chooser {
971 float: right;
972 margin-right: 0.5em;
973 }
975 .delegation_list_entry {
976 margin-right: 2em;
977 margin-bottom: 2ex;
978 float: left;
979 clear: left;
980 }
982 .delegation_list_entry .delegation_arrow {
983 float: left;
984 }
986 .delegation_list_entry .delegation_scope {
987 float: left;
988 width: 25em;
989 }
991 .delegation_list_entry .delegation_scope a {
992 display: block;
993 }
995 .member_list .member_thumb {
996 float: left;
997 margin-right: 1em;
998 margin-bottom: 2ex;
999 }
1001 .member_thumb {
1002 text-decoration: none;
1003 width: 14.5em;
1004 height: 48px;
1005 display: block;
1006 float: left;
1007 background-color: #f2f2f2;
1008 overflow: hidden;
1009 position: relative;
1010 border-radius: 7px;
1011 padding: 2px;
1012 }
1014 .member_thumb a:hover div {
1015 background-color: #444;
1016 color: #fff;
1017 }
1019 .member_thumb img {
1020 padding: 0;
1021 margin: 0;
1022 vertical-align: bottom;
1023 border-radius: 7px;
1024 }
1026 .member_thumb .member_name {
1027 position: absolute;
1028 left: 56px;
1029 top: 2ex;
1030 font-size: 100%;
1031 width: 14em;
1032 }
1034 .member_thumb .flags {
1035 float: right;
1036 font-size: 75%;
1037 }
1039 .member_thumb .flags a,
1040 .member_thumb .flags img {
1041 position: static;
1042 float: right;
1043 margin-left: 0.5em;
1044 }
1046 .member_thumb .flags .in_delegation_chain {
1047 font-weight: bold;
1048 }
1050 .member .right {
1051 float: right;
1052 }
1054 .member_thumb.not_accepted,
1055 .member_thumb.not_informed {
1056 background: #fff;
1057 }
1059 .member_thumb.not_accepted .member_image,
1060 .member_thumb.not_accepted .member_name,
1061 .member_thumb.not_informed .member_image,
1062 .member_thumb.not_informed .member_name {
1063 opacity: 0.4;
1064 }
1066 .member_thumb {
1067 border: 2px solid #fff;
1068 }
1070 .member_thumb.in_delegation_chain {
1071 border: 2px solid #f90;
1072 }
1074 .member_statement,
1075 .draft_content,
1076 .suggestion_content {
1077 background-color: #f2f2f2;
1078 padding: 1ex;
1079 border-radius: 8px;
1080 }
1082 .member_statement {
1083 margin-right: 250px;
1084 }
1086 #suggestion_description {
1087 height: 15ex;
1088 }
1090 .diff {
1091 background-color: #f2f2f2;
1092 border: 1px solid #ccc;
1093 padding: 1ex;
1094 }
1096 .diff_added {
1097 background-color: #cfc;
1098 text-decoration: underline;
1099 }
1101 .diff_removed {
1102 background-color: #fcc;
1103 text-decoration: line-through;
1104 }
1106 .slot_issue_info {
1107 background-color: #f2f2f2;
1108 border: 1px solid #ccc;
1109 float: right;
1110 padding: 0.5ex;
1111 line-height: 130%;
1112 margin-right: 1em;
1113 }
1115 .issue_info label {
1116 float: left;
1117 width: 8em;
1118 text-transform: uppercase;
1119 font-size: 70%;
1120 color: #777;
1121 font-weight: bold;
1122 clear: left;
1123 text-align: right;
1124 margin-right: 0.7em;
1125 }
1127 .admitted_info {
1128 background-color: #dfd;
1129 padding: 1ex;
1130 border-radius: 8px;
1131 }
1133 .not_admitted_info,
1134 .revoked_info {
1135 background-color: #fdd;
1136 padding: 1ex;
1137 border-radius: 8px;
1138 }
1140 .draft_updated_info,
1141 .voting_active_info,
1142 .initiator_invite_info,
1143 .motd,
1144 .public_access_issue_head {
1145 background-color: #fffbce;
1146 padding: 1ex;
1147 margin-top: 1ex;
1148 margin-bottom: 2ex;
1149 border-top: 1px solid #ffe900;
1150 border-bottom: 1px solid #ffe900;
1151 }
1153 .suggestion_fulfilled {
1154 width: 15em;
1155 }
1156 .suggestion_fulfilled a.action {
1157 padding-left: 0;
1158 line-height: 120%;
1159 }
1161 .help,
1162 .use_terms {
1163 border-radius: 8px;
1164 border: 1px solid #ffe900;
1165 background-color: #fffbce;
1166 color: #000;
1167 padding: 1ex;
1168 }
1170 .help_visible {
1171 margin-top: 2ex;
1172 margin-bottom: 1ex;
1173 }
1175 .help_visible .help_icon {
1176 float: right;
1177 }
1179 .slot_help_hidden {
1180 float: left;
1181 margin-top: 1ex;
1182 }
1184 .help_actions {
1185 font-size: 75%;
1186 float: right;
1187 }
1189 .help_actions a {
1190 margin-right: 1em;
1191 color: #468;
1192 }
1194 .wiki {
1195 line-height: 133%;
1196 }
1198 .wiki h1,
1199 .wiki h2,
1200 .wiki h3,
1201 .wiki h4 {
1202 margin-top: 1ex;
1203 margin-bottom: 1ex;
1204 }
1206 .wiki h1 {
1207 font-size: 150%;
1208 font-weight: bold;
1209 }
1211 .wiki h2 {
1212 font-size: 125%;
1213 font-weight: bold;
1214 }
1216 .wiki h3 {
1217 font-size: 125%;
1218 }
1220 .wiki h4 {
1221 font-size: 100%;
1222 font-weight: bold;
1223 }
1225 .wiki p {
1226 margin-top: 1ex;
1227 margin-bottom: 1ex;
1228 }
1230 form .warning {
1231 background-color: #ffd;
1232 color: #000;
1233 border: 1px solid #dda;
1234 margin: 1ex;
1235 margin-bottom: 2ex;
1236 padding: 1ex;
1237 }
1239 a.not_voted {
1240 display: block;
1241 background-color: #fec;
1242 color: #000;
1243 }
1245 .action_active {
1246 background-color: #fec;
1247 }
1249 .heading {
1250 display: block;
1251 font-size: 120%;
1252 font-weight: bold;
1253 }
1255 .heading.first {
1256 margin-top: 0;
1257 }
1259 .menu_list li {
1260 padding-top: 1ex;
1261 padding-bottom: 1ex;
1262 }
1264 .deactivated_member_info {
1265 background-color: #a00;
1266 color: #fff;
1267 }
1269 /*************************************************************************
1270 * Voting
1271 */
1273 #voting_form {
1274 margin-top: 20px;
1275 }
1277 #voting {
1278 position: relative;
1279 }
1281 #voting .approval, .abstention, .disapproval {
1282 border: 2px black solid;
1283 margin-top: 2ex;
1284 margin-bottom: 5ex;
1285 padding: 1ex;
1286 padding-bottom: 2ex;
1287 border-radius: 8px;
1288 }
1289 #voting .approval {
1290 background-color: #9f9;
1291 }
1292 #voting .approval .movable {
1293 background-color: #dfd;
1294 }
1295 #voting .abstention {
1296 background-color: #ccc;
1297 }
1298 #voting .abstention .movable {
1299 background-color: #f2f2f2;
1300 }
1301 #voting .disapproval {
1302 background-color: #f88;
1303 }
1304 #voting .disapproval .movable {
1305 background-color: #fbb;
1306 }
1307 #voting .cathead {
1308 font-weight: bold;
1309 }
1310 #voting .movable {
1311 position: relative;
1312 border: 1px black solid;
1313 margin-top: 1ex;
1314 padding: 0.5ex;
1315 border-radius: 8px;
1316 }
1317 #voting .voting_form_active .movable {
1318 cursor: pointer;
1319 }
1320 #voting .voting_form_active .clickable {
1321 cursor: auto;
1322 }
1323 #voting .voting_form_active a.clickable {
1324 cursor: pointer;
1325 }
1327 #voting .movable {
1328 vertical-align: middle;
1329 cursor: move;
1330 }
1332 /*************************************************************************
1333 * timeline
1334 */
1335 div.ignore_area_list {
1336 float: left;
1337 width: 90%;
1338 margin: 0 0 1em 0;
1339 }
1341 div.ignore_area_list >
1342 label.ui_field_label {
1343 text-align: left ;
1344 width: 100%;
1345 border-bottom:1px solid #000000;
1346 color: #000000;
1347 font-size:75%;
1348 font-weight:bold;
1349 vertical-align:bottom;
1350 text-transform:none;
1351 padding:0.5ex 0.5em
1352 }
1354 div.ignore_area_item {
1355 clear: none;
1356 float: left;
1357 min-width: 10em;
1358 margin: 0.1ex 0.5em;
1359 margin-right: 0.5em;
1360 }
1362 div.ignore_area_item > input {
1363 float: none;
1364 clear: none;
1365 display: inline;
1366 }
1368 div.ignore_area_item >
1369 label.ui_field_label {
1370 float: none;
1371 clear: none;
1372 text-align: left;
1373 display: inline;
1374 }
1376 div.timeline_results {
1377 clear: both;
1378 }
1380 /* shadows */
1382 .initiative_head,
1383 .box,
1384 div.notifications {
1385 border-radius: 8px;
1386 }
1388 .initiative_head,
1389 .box {
1390 border: 1px solid #aaa;
1391 }
1393 .box {
1394 padding: 1ex;
1395 }
1397 .slot_head,
1398 .area_list,
1399 .initiative_head,
1400 .issues .issue,
1401 .ui_tabs_links a,
1402 .draft_content,
1403 .help,
1404 .use_terms,
1405 .motd,
1406 .vote_info .content,
1407 .box,
1408 div.notifications {
1409 box-shadow: #777 0px 5px 5px -5px;
1410 -mox-box-shadow: #777 0px 5px 5px -5px;
1411 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1412 clear: both;
1413 }
1415 .slot_footer {
1416 margin: 0 1%;
1417 border-top: 1px solid #ccc;
1418 padding: 1ex;
1419 font-size: 80%;
1420 text-align: center;
1421 }
1422 .slot_footer,
1423 .slot_footer a {
1424 color: #666;
1425 }
1427 .footer {
1428 margin: 0 auto;
1429 max-width: 1130px;
1430 }