liquid_feedback_frontend
view static/style.css @ 528:305329da1c75
Wording and css changes
| author | bsw |
|---|---|
| date | Fri May 18 21:03:10 2012 +0200 (2012-05-18) |
| parents | 63d6549cc00b |
| children | 5ca9de94cb13 |
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 overflow: hidden;
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: 1%;
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 background-color: #eee;
190 color: #000;
191 }
193 .navigation {
194 background-color: #333;
195 line-height: 200%;
196 }
198 .topbar img {
199 margin-right: 0.5em;
200 vertical-align: middle;
201 }
203 .topbar a,
204 .topbar .member_menu span {
205 padding: 0 0.5em;
206 float: left;
207 display: block;
208 white-space: nowrap;
209 }
211 form.unit_selector {
212 display: inline;
213 }
215 .topbar .navigation_right {
216 float: right;
217 padding-right: 1%;
218 }
220 .member_menu {
221 float: right;
222 }
224 #member_menu {
225 position: absolute;
226 right: 20px;
227 top: 19px;
228 }
230 #member_menu {
231 display: none;
232 }
234 .member_menu:hover #member_menu {
235 display: block;
236 }
238 #member_menu ul {
239 list-style: none;
240 }
242 #member_menu li span {
243 background-color: #333;
244 line-height: 200%;
245 display: block;
246 width: 15em;
247 color: #fff;
248 }
252 #member_menu li a {
253 background-color: #333;
254 line-height: 200%;
255 display: block;
256 width: 15em;
257 }
259 #member_menu a:hover {
260 background-color: #eee;
261 color: #000;
262 }
265 /*************************************************************************
266 * Title of current page including path and actions
267 */
269 .slot_title {
270 font-size: 120%;
271 font-weight: bold;
272 margin-left: 10px;
273 margin-right: 10px;
274 margin-top: 1ex;
275 }
277 .slot_actions {
278 margin-left: 10px;
279 margin-top: 0.5ex;
280 margin-bottom: 1ex;
281 }
283 .page_head {
284 background-color: #fff;
285 margin: 0px 10px 2ex 10px;
286 border: 1px solid #aaa;
287 border-radius: 0 0 8px 8px;
288 box-shadow: #777 0px 5px 5px -5px;
289 }
292 .page_head .area_head,
293 .page_head .issue {
294 xborder-top: 1px solid #000;
295 }
297 .page_head .unit_head .title,
298 .page_head .area_head .title,
299 .issue .context,
300 .issue .title,
301 .initiative_head .title {
302 padding: 8px 16px 2px 16px;
303 }
305 .page_head .unit_head .content,
306 .page_head .area_head .content,
307 .issue .content,
308 .initiative_head .content {
309 padding: 2px 16px 8px 16px;
310 }
312 .page_head .initiative_list,
313 .issue .initiative_list {
314 padding-left: 8px;
315 }
317 .issue .content.actions {
318 margin-bottom: 1ex;
319 }
323 .page_head .unit_head .title,
324 .page_head .area_head .title,
325 .issue .title,
326 .initiative_head .title {
327 font-weight: bold;
328 font-size: 120%;
329 }
331 .page_head .unit_head .title .extra,
332 .page_head .area_head .title .extra,
333 .issue .title .extra {
334 margin-left: 0.7em;
335 font-size: 75%;
336 }
338 .page_head .unit_head .content,
339 .page_head .area_head .content,
340 .page_head .area_head .content a,
341 .page_head .issue .content.actions,
342 .page_head .issue .content.actions a,
343 .issues .issue .content.actions,
344 .issues .issue .content.actions a {
345 color: #777;
346 }
348 .page_head .unit_head .title,
349 .page_head .area_head .title,
350 .issue .title {
351 background-color: #eee;
352 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
353 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
354 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
355 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
356 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
357 }
359 .page_head .area_head .title,
360 .page_head .issue .title {
361 border-top: 1px solid #ddd;
362 }
365 .delegation_info {
366 float: right;
367 text-decoration: none;
368 padding: 5px;
369 border-radius: 0px 5px 0px 5px;
370 }
372 .delegation_arrow {
373 vertical-align: middle;
374 }
376 .delegation_info .link {
377 text-decoration: underline;
378 color: #aaa;
379 }
381 .delegation_info:hover {
382 background-color: #ddd;
383 }
385 .delegation_info .micro_avatar {
386 border: 2px solid #fff;
387 }
389 .delegation_info .micro_avatar.highlighted {
390 border: 2px solid #fa0;
391 }
394 .member_list .member_image_avatar {
395 float: left;
396 margin-right: 0.5em;
397 }
399 .micro_avatar {
400 height: 24px;
401 border-radius: 4px;
402 vertical-align: middle;
403 }
405 .logo {
406 float: right;
407 margin-right: 1%;
408 }
411 .member_image_photo {
412 border-radius: 8px;
413 }
415 /*************************************************************************
416 * Main content
417 */
419 .main {
420 margin-left: 1%;
421 margin-right: 1%;
422 }
424 /*************************************************************************
425 * ui.tab
426 */
428 .ui_tabs_links {
429 margin-top: 2ex;
430 margin-bottom: 1ex;
431 }
433 .ui_tabs_links a {
434 padding: 1ex;
435 line-height: 300%;
436 background-color: #f2f2f2;
437 white-space: nowrap;
438 border-radius: 5px;
439 margin-right: 5px;
440 font-weight: bold;
441 }
443 .ui_tabs_links a:hover {
444 background-color: #d7d7d7;
445 }
447 .ui_tabs_links a.selected {
448 background-color: #444;
449 color: #fff;
450 text-decoration: none;
451 }
453 .ui_tabs_links a.yellow {
454 background-color: #fcc;
455 color: #000;
456 }
458 .ui_tabs_links a.yellow:hover {
459 background-color: #faa;
460 }
462 .ui_tabs_links a.yellow.selected {
463 background-color: #a44;
464 color: #fff;
465 text-decoration: none;
466 padding: 1ex;
467 }
469 .ui_tabs_links a.red {
470 background-color: #c33;
471 color: #000;
472 }
474 .ui_tabs_links a.red:hover {
475 background-color: #ebb;
476 }
478 .ui_tabs_links a.red.selected {
479 background-color: #644;
480 color: #fff;
481 text-decoration: none;
482 padding: 1ex;
483 }
486 /*************************************************************************
487 * ui.filters
488 */
490 .ui_filter {
491 overflow: hidden;
492 margin-bottom: 1ex;
493 margin-right: 1em;
494 }
496 .ui_filter_head {
497 color: #777;
498 margin-top: 0.5ex;
499 margin-bottom: 0.5ex;
500 font-size: 90%;
501 font-weight: bold;
502 float: left;
503 line-height: 200%;
504 margin-right: 2em;
505 }
507 .ui_filter_head a {
508 color: #777;
509 padding: 0.5ex;
510 }
512 .ui_filter_head a.active {
513 color: #fff;
514 background-color: #777;
515 padding: 0.5ex;
516 border-radius: 5px;
517 }
519 /*************************************************************************
520 * ui.paginate
521 */
523 .ui_paginate_head {
524 display: none;
525 margin-bottom: 1ex;
526 }
528 .ui_paginate_foot {
529 margin-top: 1ex;
530 }
532 .ui_paginate_select a {
533 padding: 0.5em;
534 }
536 /*************************************************************************
537 * ui.bargraph
538 */
540 .bargraph {
541 width: 103px;
542 }
544 .bargraph50 {
545 width: 52px;
546 }
548 .bargraph div {
549 float: left;
550 margin-top: 0.5ex;
551 height: 1.3ex;
552 }
554 .bargraph .quorum {
555 margin-top: 0.2ex;
556 height: 1.9ex;
557 }
559 /*************************************************************************
560 * vertical ui.form
561 */
563 .vertical {
564 margin-top: 2ex;
565 }
567 .login input[type=text],
568 .vertical input[type=text],
569 .login input[type=password],
570 .vertical input[type=password],
571 .vertical textarea,
572 .vertical select {
573 font-family: sans-serif;
574 font-size: 100%;
575 width: 69%;
576 border: 1px solid #444;
577 padding: 0.2ex 0.2em 0.2ex 0.2em;
578 margin-bottom: 1ex;
579 }
583 .login input[type=password],
584 .vertical input[type=password] {
585 width: 16em;
586 }
588 .vertical select {
589 padding-right: 0;
590 }
592 .login .ui_field_label,
593 .vertical .ui_field_label {
594 text-transform: uppercase;
595 font-size: 70%;
596 line-height: 120%;
597 font-weight: bold;
598 color: #777;
599 width: 29%;
600 display: block;
601 float: left;
602 clear: left;
603 text-align: right;
604 padding-right: 0.5em;
605 }
607 .ui_field_label.label_right {
608 text-align: left;
609 width: auto;
610 }
612 .login input[type=text],
613 .login input[type=password] {
614 width: 10em;
615 }
617 .login div,
618 .vertical div {
619 clear: left;
620 }
622 .vertical span {
623 display: block;
624 margin-bottom: 0.5ex;
625 }
627 .vertical span:after {
628 content: " ";
629 }
631 .vertical span span {
632 display: inline;
633 margin-bottom: 0;
634 }
636 .login input[type=submit],
637 .vertical input[type=submit] {
638 font-size: 100%;
639 margin-left: 29%;
640 background-color: #444444;
641 color: #fff;
642 border: none;
643 padding: 0.75ex;
644 }
646 .login input[type=submit]:hover,
647 .vertical input[type=submit]:hover {
648 background-color: #444444;
649 }
651 @media screen and (max-width: 480px) {
652 .login input[type=text],
653 .vertical input[type=text],
654 .login input[type=password],
655 .vertical input[type=password],
656 .vertical textarea,
657 .vertical select,
658 .vertical input[type=submit],
659 .login input[type=submit] {
660 width: 98%;
661 }
662 .login .ui_field_label,
663 .vertical .ui_field_label {
664 text-align: left;
665 width: 98%;
666 }
667 .login input[type=text],
668 .login input[type=password] {
669 width: 98%;
670 }
671 .login input[type=submit],
672 .vertical input[type=submit] {
673 margin-left: 0;
674 }
675 }
678 /*************************************************************************
679 * Positive / Negtive votes
680 */
683 .positive_votes span {
684 display: inline;
685 }
687 .positive_votes {
688 display: inline;
689 background-color: #cfc;
690 padding: 0.3ex 0.5em 0.3ex 0.5em;
691 }
693 .negative_votes span {
694 display: inline;
695 }
697 .negative_votes {
698 display: inline;
699 background-color: #fcc;
700 padding: 0.3ex 0.5em 0.3ex 0.5em;
701 }
703 .suggestion_my_opinion a,
704 .suggestion_my_opinion span {
705 white-space: nowrap;
706 padding-left: 0.2ex !important;
707 padding-right: 0.2ex !important;
708 }
710 .active {
711 background-color: #444;
712 color: #fff;
713 }
715 .active_red2 { background-color: #a00; color: #fff !important; }
716 .active_red1 { background-color: #f88; color: #000 !important; }
717 .active_green1 { background-color: #8f8; color: #000 !important; }
718 .active_green2 { background-color: #0a0; color: #000 !important; }
722 /*************************************************************************
723 * Unit list
724 */
726 .unit_list a {
727 font-weight: bold;
728 }
730 /*************************************************************************
731 * Area list
732 */
734 .member_area_list {
735 margin-bottom: 0ex;
736 border-radius: 8px;
737 border: 1px solid #aaa;
738 padding: 1ex;
739 margin-bottom: 2ex;
740 }
742 .member_area_list .unit_head {
743 font-size: 120%;
744 font-weight: bold;
745 float: left;
746 clear: both;
747 }
749 .member_area_list .unit_delegatee {
750 float: left;
751 }
753 .member_area_list .voting_priv_info {
754 clear: left;
755 margin-top: 4ex;
756 }
758 .member_area_list .more_areas {
759 font-style: italic;
760 }
762 .area_list {
763 margin-bottom: 4ex;
764 }
766 .member_area_list .area_list {
767 margin-bottom: 0;
768 }
770 .area_list .area {
771 line-height: 32px;
772 clear: both;
773 }
775 .area_list .bargraph {
776 line-height: 10px;
777 }
779 .area_list .area .delegatee {
780 white-space: nowrap;
781 }
783 .area_list .area.head .phases {
784 xmargin-top: 2ex;
785 }
787 .area_list .area img {
788 vertical-align: middle;
789 }
791 .area_list .area .bar {
792 float: left;
793 padding-top: 6px
794 }
796 .area_list .area .membership,
797 .area_list .area .delegatee {
798 display: inline;
799 width: 24px
800 }
802 .area_list .area .name {
803 display: inline;
804 font-weight: bold;
805 }
807 .area_list .area .phases {
808 float: right;
809 }
811 .area_list .area .phases div {
812 float: left;
813 width: 3em;
814 text-align: right;
815 }
817 @media screen and (max-width: 480px) {
818 .area_list .area .name {
819 display: block;
820 line-height: 100%;
821 }
823 .area_list .area .delegatee,
824 .area_list .area .membership {
825 float: left;
826 white-space: nowrap;
827 }
828 .area_list .area .bar {
829 display: none;
830 }
831 }
833 /*************************************************************************
834 * Events
835 */
837 .events .date {
838 font-size: 150%;
839 font-weight: bold;
840 margin-top: 2ex;
841 line-height: 150%;
842 }
844 .event_list .event div {
845 }
847 .event_list .event .member_id {
848 float: right;
849 }
852 /*************************************************************************
853 * Issues
854 */
856 .issues {
857 clear: left;
858 }
860 .issues .issue {
861 margin-top: 10px;
862 overflow: hidden;
863 border: 1px solid #aaa;
864 border-radius: 8px;
865 }
867 .issue.interested,
868 .issue.interest_by_delegation {
869 border: 1px solid #b2cdff;
870 }
872 .issue .issue_info {
873 padding: 1ex 1ex 0.3ex 1ex;
874 line-height: 140%;
875 margin-bottom: 1ex;
876 }
878 .event_list .event .issue_id,
879 .issue .issue_info .issue_id {
880 font-size: 125%;
881 }
883 .issue .suggestion {
884 margin-left: 1ex;
885 margin-bottom: 1ex;
886 font-weight: bold;
887 }
889 .issue_policy_info {
890 font-style: italic;
891 }
893 .issue_policy_info .event_name {
894 font-weight: bold;
895 }
897 .issue_policy_info img {
898 vertical-align: middle;
899 }
901 .issue .interest_by_delegation {
902 float: right;
903 }
905 .issue .initiative_list a.highlighted {
906 font-weight: bold;
907 }
909 .initiative {
910 margin-left: 1ex;
911 margin-bottom: 1ex;
912 line-height: 50%;
913 }
915 .initiative .bar {
916 margin-right: 0.3em;
917 }
919 .initiative .rank,
920 .initiative .bar,
921 .initiative .interest {
922 float: left;
923 margin-right: 0.3em;
924 }
926 .initiative .rank {
927 width: 2.5em;
928 }
931 .initiative .interest {
932 width: 20px;
933 height: 16px;
934 line-height: 100%;
935 }
937 .initiative .name {
938 line-height: 130%;
939 margin-left: 160px;
940 }
942 @media screen and (max-width: 480px) {
943 .initiative .name {
944 clear: left;
945 margin-left: 0px;
946 }
947 }
950 .issue_initiative_list a {
951 font-weight: bold;
952 }
954 .more_initiatives_link {
955 display: block;
956 margin-left: 166px;
957 font-style: italic;
958 margin-bottom: 1ex;
959 }
961 .issue tr tr {
962 border: none;
963 background: none;
964 }
966 .initiative_link.selected {
967 font-weight: bold;
968 }
970 x.initiative_link.supported {
971 background-color: #cdf;
972 border-radius: 5px;
973 }
975 x.initiative_link.potentially_supported {
976 background-color: #cdf;
977 border-radius: 5px;
978 }
980 .lang_chooser {
981 float: right;
982 margin-right: 0.5em;
983 }
985 .delegation_list_entry {
986 margin-right: 2em;
987 margin-bottom: 2ex;
988 float: left;
989 clear: left;
990 }
992 .delegation_list_entry .delegation_arrow {
993 float: left;
994 }
996 .delegation_list_entry .delegation_scope {
997 float: left;
998 width: 25em;
999 }
1001 .delegation_list_entry .delegation_scope a {
1002 display: block;
1003 }
1005 .member_list .member_thumb {
1006 float: left;
1007 margin-right: 1em;
1008 margin-bottom: 2ex;
1009 }
1011 .member_thumb {
1012 text-decoration: none;
1013 width: 14.5em;
1014 height: 48px;
1015 display: block;
1016 float: left;
1017 background-color: #f2f2f2;
1018 overflow: hidden;
1019 position: relative;
1020 border-radius: 7px;
1021 padding: 2px;
1022 }
1024 .member_thumb a:hover div {
1025 background-color: #444;
1026 color: #fff;
1027 }
1029 .member_thumb img {
1030 padding: 0;
1031 margin: 0;
1032 vertical-align: bottom;
1033 border-radius: 7px;
1034 }
1036 .member_thumb .member_name {
1037 position: absolute;
1038 left: 56px;
1039 top: 2ex;
1040 font-size: 100%;
1041 width: 14em;
1042 }
1044 .member_thumb .flags {
1045 text-align: right;
1046 font-size: 75%;
1047 }
1049 .member_thumb .flags a,
1050 .member_thumb .flags img {
1051 position: static;
1052 float: right;
1053 margin-left: 0.5em;
1054 }
1056 .member_thumb .flags .in_delegation_chain {
1057 font-weight: bold;
1058 }
1060 .member .right {
1061 float: right;
1062 }
1064 .member_thumb.not_accepted,
1065 .member_thumb.not_informed {
1066 background: #fff;
1067 }
1069 .member_thumb.not_accepted .member_image,
1070 .member_thumb.not_accepted .member_name,
1071 .member_thumb.not_informed .member_image,
1072 .member_thumb.not_informed .member_name {
1073 opacity: 0.4;
1074 }
1076 .member_thumb {
1077 border: 2px solid #fff;
1078 }
1080 .member_thumb.in_delegation_chain {
1081 border: 2px solid #fa0;
1082 }
1084 .member_statement,
1085 .draft_content,
1086 .suggestion_content {
1087 background-color: #f2f2f2;
1088 padding: 1ex;
1089 border-radius: 8px;
1090 }
1092 .member_statement {
1093 margin-right: 250px;
1094 }
1096 #suggestion_description {
1097 height: 15ex;
1098 }
1100 .diff {
1101 background-color: #f2f2f2;
1102 border: 1px solid #ccc;
1103 padding: 1ex;
1104 }
1106 .diff_added {
1107 background-color: #cfc;
1108 text-decoration: underline;
1109 }
1111 .diff_removed {
1112 background-color: #fcc;
1113 text-decoration: line-through;
1114 }
1116 .slot_issue_info {
1117 background-color: #f2f2f2;
1118 border: 1px solid #ccc;
1119 float: right;
1120 padding: 0.5ex;
1121 line-height: 130%;
1122 margin-right: 1em;
1123 }
1125 .issue_info label {
1126 float: left;
1127 width: 8em;
1128 text-transform: uppercase;
1129 font-size: 70%;
1130 color: #777;
1131 font-weight: bold;
1132 clear: left;
1133 text-align: right;
1134 margin-right: 0.7em;
1135 }
1137 .admitted_info {
1138 background-color: #dfd;
1139 padding: 1ex;
1140 border-radius: 8px;
1141 }
1143 .not_admitted_info,
1144 .revoked_info {
1145 background-color: #fdd;
1146 padding: 1ex;
1147 border-radius: 8px;
1148 }
1150 .draft_updated_info,
1151 .voting_active_info,
1152 .initiator_invite_info,
1153 .motd,
1154 .public_access_issue_head {
1155 background-color: #fffbce;
1156 padding: 1ex;
1157 margin-top: 1ex;
1158 margin-bottom: 2ex;
1159 border-top: 1px solid #ffe900;
1160 border-bottom: 1px solid #ffe900;
1161 }
1163 .suggestion_fulfilled {
1164 width: 15em;
1165 }
1166 .suggestion_fulfilled a.action {
1167 padding-left: 0;
1168 line-height: 120%;
1169 }
1171 .help,
1172 .use_terms {
1173 border-radius: 8px;
1174 border: 1px solid #ffe900;
1175 background-color: #fffbce;
1176 color: #000;
1177 padding: 1ex;
1178 }
1180 .help_visible {
1181 margin-top: 2ex;
1182 margin-bottom: 1ex;
1183 }
1185 .help_visible .help_icon {
1186 float: right;
1187 }
1189 .slot_help_hidden {
1190 float: right;
1191 margin-right: 1em;
1192 margin-top: 1ex;
1193 }
1195 .help_actions {
1196 font-size: 75%;
1197 float: right;
1198 }
1200 .help_actions a {
1201 margin-right: 1em;
1202 color: #468;
1203 }
1205 .wiki {
1206 line-height: 133%;
1207 }
1209 .wiki h1,
1210 .wiki h2,
1211 .wiki h3,
1212 .wiki h4 {
1213 margin-top: 1ex;
1214 margin-bottom: 1ex;
1215 }
1217 .wiki h1 {
1218 font-size: 150%;
1219 font-weight: bold;
1220 }
1222 .wiki h2 {
1223 font-size: 125%;
1224 font-weight: bold;
1225 }
1227 .wiki h3 {
1228 font-size: 125%;
1229 }
1231 .wiki h4 {
1232 font-size: 100%;
1233 font-weight: bold;
1234 }
1236 .wiki p {
1237 margin-top: 1ex;
1238 margin-bottom: 1ex;
1239 }
1241 form .warning {
1242 background-color: #ffd;
1243 color: #000;
1244 border: 1px solid #dda;
1245 margin: 1ex;
1246 margin-bottom: 2ex;
1247 padding: 1ex;
1248 }
1250 a.not_voted {
1251 display: block;
1252 background-color: #fec;
1253 color: #000;
1254 }
1256 .action_active {
1257 background-color: #fec;
1258 }
1260 .heading {
1261 display: block;
1262 font-size: 120%;
1263 font-weight: bold;
1264 }
1266 .heading.first {
1267 margin-top: 0;
1268 }
1270 .menu_list li {
1271 padding-top: 1ex;
1272 padding-bottom: 1ex;
1273 }
1275 .deactivated_member_info {
1276 background-color: #a00;
1277 color: #fff;
1278 }
1280 /*************************************************************************
1281 * Voting
1282 */
1284 #voting_form {
1285 margin-top: 20px;
1286 }
1288 #voting {
1289 position: relative;
1290 }
1292 #voting .approval, .abstention, .disapproval {
1293 border: 2px black solid;
1294 margin-top: 2ex;
1295 margin-bottom: 5ex;
1296 padding: 1ex;
1297 padding-bottom: 2ex;
1298 border-radius: 8px;
1299 }
1300 #voting .approval {
1301 background-color: #9f9;
1302 }
1303 #voting .approval .movable {
1304 background-color: #dfd;
1305 }
1306 #voting .abstention {
1307 background-color: #ccc;
1308 }
1309 #voting .abstention .movable {
1310 background-color: #f2f2f2;
1311 }
1312 #voting .disapproval {
1313 background-color: #f88;
1314 }
1315 #voting .disapproval .movable {
1316 background-color: #fbb;
1317 }
1318 #voting .cathead {
1319 font-weight: bold;
1320 }
1321 #voting .movable {
1322 position: relative;
1323 border: 1px black solid;
1324 margin-top: 1ex;
1325 padding: 0.5ex;
1326 border-radius: 8px;
1327 }
1328 #voting .voting_form_active .movable {
1329 cursor: pointer;
1330 }
1331 #voting .voting_form_active .clickable {
1332 cursor: auto;
1333 }
1334 #voting .voting_form_active a.clickable {
1335 cursor: pointer;
1336 }
1338 #voting .movable {
1339 vertical-align: middle;
1340 cursor: move;
1341 }
1343 /*************************************************************************
1344 * timeline
1345 */
1346 div.ignore_area_list {
1347 float: left;
1348 width: 90%;
1349 margin: 0 0 1em 0;
1350 }
1352 div.ignore_area_list >
1353 label.ui_field_label {
1354 text-align: left ;
1355 width: 100%;
1356 border-bottom:1px solid #000000;
1357 color: #000000;
1358 font-size:75%;
1359 font-weight:bold;
1360 vertical-align:bottom;
1361 text-transform:none;
1362 padding:0.5ex 0.5em
1363 }
1365 div.ignore_area_item {
1366 clear: none;
1367 float: left;
1368 min-width: 10em;
1369 margin: 0.1ex 0.5em;
1370 margin-right: 0.5em;
1371 }
1373 div.ignore_area_item > input {
1374 float: none;
1375 clear: none;
1376 display: inline;
1377 }
1379 div.ignore_area_item >
1380 label.ui_field_label {
1381 float: none;
1382 clear: none;
1383 text-align: left;
1384 display: inline;
1385 }
1387 div.timeline_results {
1388 clear: both;
1389 }
1391 /* shadows */
1393 .initiative_head,
1394 .box {
1395 border: 1px solid #aaa;
1396 border-radius: 8px;
1397 }
1399 .box {
1400 padding: 1ex;
1401 }
1403 .member_area_list .box {
1404 border: none;
1405 padding: 0;
1406 }
1408 .initiative_head,
1409 .issues .issue,
1410 .ui_tabs_links a,
1411 .draft_content,
1412 .help,
1413 .use_terms,
1414 .motd,
1415 .ui_filter a.active,
1416 .vote_info .content,
1417 .member_area_list,
1418 .box {
1419 box-shadow: #777 0px 5px 5px -5px;
1420 -mox-box-shadow: #777 0px 5px 5px -5px;
1421 -webkit-box-shadow: #777 0px 5px 5px -5px;
1422 clear: both;
1423 }
1425 .member_area_list .box {
1426 box-shadow: none;
1427 -mox-box-shadow: none;
1428 -webkit-box-shadow: none;
1429 }
1431 .slot_footer {
1432 margin: 0 1%;
1433 border-top: 1px solid #ccc;
1434 padding: 1ex;
1435 font-size: 80%;
1436 text-align: center;
1437 }
1438 .slot_footer,
1439 .slot_footer a {
1440 color: #666;
1441 }
1443 .footer {
1444 margin: 0 auto;
1445 max-width: 1130px;
1446 }