liquid_feedback_frontend
view static/style.css @ 633:710530f5dd45
Small optical enhancements
| author | bsw |
|---|---|
| date | Mon Jun 25 17:03:32 2012 +0200 (2012-06-25) |
| parents | 11207174ae13 |
| children | b2c61341112f |
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 .issue .title,
317 .initiative_head .title,
318 .area_list .title {
319 padding: 8px 10px 2px 10px;
320 }
322 .page_head .actions,
323 .page_head .unit_head .content,
324 .page_head .area_head .content,
325 .issue .content,
326 .initiative_head .content,
327 .area_list .unit_head .content,
328 .area_list .area .content {
329 padding: 10px 10px 0 10px;
330 }
332 .page_head .actions:last-child,
333 .page_head .unit_head .content:last-child,
334 .page_head .area_head .content:last-child,
335 .issue .content:last-child,
336 .initiative_head .content:last-child,
337 .area_list .unit_head .content:last-child,
338 .area_list .area .content:last-child {
339 padding: 10px 10px 10px 10px;
340 }
342 .page_head .initiative_list,
343 .issue .initiative_list {
344 padding-left: 8px;
345 }
347 .issue .content.actions {
348 margin-bottom: 1ex;
349 }
351 .area_head {
352 overflow: auto;
353 }
356 .page_head .title,
357 .issue .title,
358 .initiative_head .title,
359 .area_list .unit_head .unit_name,
360 .area_list .area_name {
361 font-weight: bold;
362 font-size: 120%;
363 }
365 .page_head .unit_head .title .extra,
366 .page_head .area_head .title .extra,
367 .issue .title .extra {
368 margin-left: 0.7em;
369 font-size: 75%;
370 }
372 .page_head .area_head .content,
373 .page_head .area_head .content a,
374 .page_head .issue .content.actions,
375 .page_head .issue .content.actions a,
376 .issues .issue .content.actions,
377 .issues .issue .content.actions a,
378 .area_list .area .content,
379 .area_list .area .content a {
380 color: #000;
381 }
384 .unit_head {
385 background-color: #44a;
386 background-image: -webkit-linear-gradient(top, #67d, #23a);
387 }
389 .unit_head:last-child {
390 border-radius: 0 0 8px 8px;
391 }
393 .area_head:last-child {
394 border-radius: 0 0 8px 8px;
395 }
397 .unit_head .content, .unit_head a {
398 color: #fff;
399 }
400 .area_head,
401 .area_list .area_head {
402 background-color: #abf;
403 background-image: -webkit-linear-gradient(top, #cdf, #abe);
404 }
406 .area_list .area > .content,
407 .issue {
408 background-color: #e0e9ff;
409 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
410 }
413 x {
414 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
415 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
416 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
417 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
418 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
419 }
422 .delegation_info {
423 float: right;
424 text-decoration: none;
425 padding: 5px;
426 border-radius: 0px 5px 0px 5px;
427 }
429 .delegation_arrow {
430 vertical-align: middle;
431 }
433 .delegation_info .link {
434 text-decoration: underline;
435 color: #aaa;
436 }
438 .delegation_info:hover {
439 background-color: #ddd;
440 }
442 .delegation_info .micro_avatar {
443 border: none;
444 margin: 2px;
445 box-shadow: 1px 1px 2px #000;
446 }
448 .delegation_info .micro_avatar.highlighted {
449 margin: none;
450 border: 2px solid #f90;
451 }
454 .member_list .member_image_avatar {
455 float: left;
456 margin-right: 0.5em;
457 }
459 .micro_avatar {
460 height: 24px;
461 border-radius: 4px;
462 vertical-align: middle;
463 }
465 .logo {
466 float: right;
467 margin-right: 1%;
468 }
471 .member_image_photo {
472 border-radius: 8px;
473 }
475 /*************************************************************************
476 * Main content
477 */
479 .main {
480 margin-left: 1%;
481 margin-right: 1%;
482 }
484 /*************************************************************************
485 * ui.tab
486 */
487 .ui_tabs {
488 margin: 20px 0px;
489 }
491 .ui_tabs_links a {
492 padding: 1ex 1em;
493 line-height: 300%;
494 background-color: #444;
495 background-image: -webkit-linear-gradient(top, #000 0%, #444 70%, #777 90%, #888 100%);
496 color: #fff;
497 white-space: nowrap;
498 border-radius: 5px;
499 font-weight: bold;
500 margin: 3px;
501 }
503 .ui_tabs_links a:hover,
504 .ui_tabs_links a.selected {
505 margin: 0;
506 border: 3px solid #f90;
507 box-shadow: 0px 0px 5px #f90;
508 }
510 .ui_tabs_links a.selected {
511 text-decoration: none;
512 }
515 /*************************************************************************
516 * ui.filters
517 */
519 .ui_filter {
520 overflow: auto;
521 margin: 2ex 0;
522 }
524 .ui_filter_head {
525 color: #777;
526 font-size: 90%;
527 float: left;
528 line-height: 200%;
529 margin-right: 2em;
530 }
532 .ui_filter a {
533 font-weight: bold;
534 margin-right: 0.5em;
535 }
538 .ui_filter_head a.active {
539 text-decoration: none;
540 background-color: #555;
541 color: #fff;
542 padding: 0.5ex 0.5em;
543 border-radius: 4px;
544 }
546 /*************************************************************************
547 * ui.paginate
548 */
550 .ui_paginate_head {
551 display: none;
552 margin-bottom: 1ex;
553 }
555 .ui_paginate_foot {
556 margin-top: 1ex;
557 }
559 .ui_paginate_select a {
560 padding: 0.5em;
561 }
563 /*************************************************************************
564 * ui.bargraph
565 */
567 .bargraph {
568 width: 103px;
569 }
571 .bargraph50 {
572 width: 52px;
573 }
575 .bargraph div {
576 float: left;
577 margin-top: 0.5ex;
578 height: 1.3ex;
579 }
581 .bargraph .quorum {
582 margin-top: 0.2ex;
583 height: 1.9ex;
584 }
586 /*************************************************************************
587 * notifications
588 */
590 div.notifications {
591 margin-top: 1ex;
592 background-color: #fda;
593 padding: 0.5ex;
594 border: 1px solid #fa0;
595 }
597 .notifications ul {
598 margin: 0;
599 padding: 0;
600 margin-left: 2em;
601 }
603 .notifications li {
604 margin: 0;
605 padding: 0;
606 margin-top: 0.5ex;
607 }
609 /*************************************************************************
610 * vertical ui.form
611 */
613 .vertical {
614 margin-top: 2ex;
615 }
617 .login input[type=text],
618 .vertical input[type=text],
619 .login input[type=password],
620 .vertical input[type=password],
621 .vertical textarea,
622 .vertical select {
623 font-family: sans-serif;
624 font-size: 100%;
625 width: 69%;
626 border: 1px solid #444;
627 padding: 0.2ex 0.2em 0.2ex 0.2em;
628 margin-bottom: 1ex;
629 }
633 .login input[type=password],
634 .vertical input[type=password] {
635 width: 16em;
636 }
638 .vertical select {
639 padding-right: 0;
640 }
642 .login .ui_field_label,
643 .vertical .ui_field_label {
644 text-transform: uppercase;
645 font-size: 70%;
646 line-height: 120%;
647 font-weight: bold;
648 color: #777;
649 width: 29%;
650 display: block;
651 float: left;
652 clear: left;
653 text-align: right;
654 padding-right: 0.5em;
655 }
657 .ui_field_label.label_right {
658 text-align: left;
659 width: auto;
660 }
662 .login input[type=text],
663 .login input[type=password] {
664 width: 10em;
665 }
667 .login div,
668 .vertical div {
669 clear: left;
670 }
672 .vertical span {
673 display: block;
674 margin-bottom: 0.5ex;
675 }
677 .vertical span:after {
678 content: " ";
679 }
681 .vertical span span {
682 display: inline;
683 margin-bottom: 0;
684 }
686 .login input[type=submit],
687 .vertical input[type=submit] {
688 font-size: 100%;
689 margin-left: 29%;
690 background-color: #444444;
691 color: #fff;
692 border: none;
693 padding: 0.75ex;
694 }
696 .login input[type=submit]:hover,
697 .vertical input[type=submit]:hover {
698 background-color: #444444;
699 }
701 @media screen and (max-width: 480px) {
702 .login input[type=text],
703 .vertical input[type=text],
704 .login input[type=password],
705 .vertical input[type=password],
706 .vertical textarea,
707 .vertical select,
708 .vertical input[type=submit],
709 .login input[type=submit] {
710 width: 98%;
711 }
712 .login .ui_field_label,
713 .vertical .ui_field_label {
714 text-align: left;
715 width: 98%;
716 }
717 .login input[type=text],
718 .login input[type=password] {
719 width: 98%;
720 }
721 .login input[type=submit],
722 .vertical input[type=submit] {
723 margin-left: 0;
724 }
725 }
728 /*************************************************************************
729 * Positive / Negtive votes
730 */
733 .positive_votes span {
734 display: inline;
735 }
737 .positive_votes {
738 display: inline;
739 background-color: #cfc;
740 padding: 0.3ex 0.5em 0.3ex 0.5em;
741 }
743 .negative_votes span {
744 display: inline;
745 }
747 .negative_votes {
748 display: inline;
749 background-color: #fcc;
750 padding: 0.3ex 0.5em 0.3ex 0.5em;
751 }
753 .suggestion_my_opinion a,
754 .suggestion_my_opinion span {
755 white-space: nowrap;
756 padding-left: 0.2ex !important;
757 padding-right: 0.2ex !important;
758 }
760 .active {
761 background-color: #444;
762 color: #fff;
763 }
765 .active_red2 { background-color: #a00; color: #fff !important; }
766 .active_red1 { background-color: #f88; color: #000 !important; }
767 .active_green1 { background-color: #8f8; color: #000 !important; }
768 .active_green2 { background-color: #0a0; color: #000 !important; }
772 /*************************************************************************
773 * Unit list
774 */
776 .unit_list a {
777 font-weight: bold;
778 }
780 /*************************************************************************
781 * Area list
782 */
783 .area_list {
784 border: 1px solid #54c;
785 border-radius: 10px;
786 margin-top: 2ex;
787 }
789 .area_list .area {
790 border-top: 1px solid #44a;
791 }
793 .area_list .area:first-child {
794 border-top: none;
795 }
797 .area_list .unit_head {
798 border-radius: 8px 8px 0 0;
799 }
801 .area_list .unit_head:last-child {
802 border-radius: 8px;
803 }
805 .area_list .area:last-child .content:last-child{
806 border-radius: 0 0 8px 8px;
807 }
809 .area_list .area:first-child .area_head {
810 border-radius: 8px 8px 0 0;
811 }
814 /*************************************************************************
815 * Events
816 */
818 .events .date {
819 font-size: 150%;
820 font-weight: bold;
821 margin-top: 2ex;
822 line-height: 150%;
823 }
825 .event_list .event div {
826 }
828 .event_list .event .member_id {
829 float: right;
830 }
833 /*************************************************************************
834 * Issues
835 */
837 .issues {
838 clear: left;
839 margin-top: 2ex;
840 }
842 .issues .issue {
843 overflow: hidden;
844 border: 1px solid #ddd;
845 border-radius: 8px;
846 margin-bottom: 2ex;
847 }
849 .issue.interested,
850 .issue.interest_by_delegation {
851 border: 1px solid #b2cdff;
852 }
854 .issue .issue_info {
855 padding: 1ex 1ex 0.3ex 1ex;
856 line-height: 140%;
857 margin-bottom: 1ex;
858 }
860 .event_list .event .issue_id,
861 .issue .issue_info .issue_id {
862 font-size: 125%;
863 }
865 .issue .suggestion {
866 margin-left: 1ex;
867 margin-bottom: 1ex;
868 font-weight: bold;
869 }
871 .issue_policy_info {
872 font-style: italic;
873 }
875 .issue_policy_info .event_name {
876 font-weight: bold;
877 }
879 .issue_policy_info img {
880 vertical-align: middle;
881 }
883 .issue .interest_by_delegation {
884 float: right;
885 }
887 .issue .initiative_list a.highlighted {
888 font-weight: bold;
889 }
891 .initiative {
892 margin-left: 1ex;
893 margin-bottom: 1ex;
894 line-height: 50%;
895 }
897 .initiative .bar {
898 margin-right: 0.3em;
899 }
901 .initiative .rank,
902 .initiative .bar,
903 .initiative .interest {
904 float: left;
905 margin-right: 0.3em;
906 }
908 .initiative .rank {
909 width: 2.5em;
910 }
913 .initiative .interest {
914 width: 20px;
915 height: 16px;
916 line-height: 100%;
917 }
919 .initiative .name {
920 line-height: 130%;
921 margin-left: 160px;
922 }
924 @media screen and (max-width: 480px) {
925 .initiative .name {
926 clear: left;
927 margin-left: 0px;
928 }
929 }
932 .issue_initiative_list a {
933 font-weight: bold;
934 }
936 .more_initiatives_link {
937 display: block;
938 margin-left: 166px;
939 font-style: italic;
940 margin-bottom: 1ex;
941 }
943 .issue tr tr {
944 border: none;
945 background: none;
946 }
948 .initiative_link.selected {
949 font-weight: bold;
950 }
952 x.initiative_link.supported {
953 background-color: #cdf;
954 border-radius: 5px;
955 }
957 x.initiative_link.potentially_supported {
958 background-color: #cdf;
959 border-radius: 5px;
960 }
962 .lang_chooser {
963 float: right;
964 margin-right: 0.5em;
965 }
967 .delegation_list_entry {
968 margin-right: 2em;
969 margin-bottom: 2ex;
970 float: left;
971 clear: left;
972 }
974 .delegation_list_entry .delegation_arrow {
975 float: left;
976 }
978 .delegation_list_entry .delegation_scope {
979 float: left;
980 width: 25em;
981 }
983 .delegation_list_entry .delegation_scope a {
984 display: block;
985 }
987 .member_list .member_thumb {
988 float: left;
989 margin-right: 1em;
990 margin-bottom: 2ex;
991 }
993 .member_thumb {
994 text-decoration: none;
995 width: 14.5em;
996 height: 48px;
997 display: block;
998 float: left;
999 background-color: #f2f2f2;
1000 overflow: hidden;
1001 position: relative;
1002 border-radius: 7px;
1003 padding: 2px;
1004 }
1006 .member_thumb a:hover div {
1007 background-color: #444;
1008 color: #fff;
1009 }
1011 .member_thumb img {
1012 padding: 0;
1013 margin: 0;
1014 vertical-align: bottom;
1015 border-radius: 7px;
1016 }
1018 .member_thumb .member_name {
1019 position: absolute;
1020 left: 56px;
1021 top: 2ex;
1022 font-size: 100%;
1023 width: 14em;
1024 }
1026 .member_thumb .flags {
1027 float: right;
1028 font-size: 75%;
1029 }
1031 .member_thumb .flags a,
1032 .member_thumb .flags img {
1033 position: static;
1034 float: right;
1035 margin-left: 0.5em;
1036 }
1038 .member_thumb .flags .in_delegation_chain {
1039 font-weight: bold;
1040 }
1042 .member .right {
1043 float: right;
1044 }
1046 .member_thumb.not_accepted,
1047 .member_thumb.not_informed {
1048 background: #fff;
1049 }
1051 .member_thumb.not_accepted .member_image,
1052 .member_thumb.not_accepted .member_name,
1053 .member_thumb.not_informed .member_image,
1054 .member_thumb.not_informed .member_name {
1055 opacity: 0.4;
1056 }
1058 .member_thumb {
1059 border: 2px solid #fff;
1060 }
1062 .member_thumb.in_delegation_chain {
1063 border: 2px solid #f90;
1064 }
1066 .member_statement,
1067 .draft_content,
1068 .suggestion_content {
1069 background-color: #f2f2f2;
1070 padding: 1ex;
1071 border-radius: 8px;
1072 }
1074 .member_statement {
1075 margin-right: 250px;
1076 }
1078 #suggestion_description {
1079 height: 15ex;
1080 }
1082 .diff {
1083 background-color: #f2f2f2;
1084 border: 1px solid #ccc;
1085 padding: 1ex;
1086 }
1088 .diff_added {
1089 background-color: #cfc;
1090 text-decoration: underline;
1091 }
1093 .diff_removed {
1094 background-color: #fcc;
1095 text-decoration: line-through;
1096 }
1098 .slot_issue_info {
1099 background-color: #f2f2f2;
1100 border: 1px solid #ccc;
1101 float: right;
1102 padding: 0.5ex;
1103 line-height: 130%;
1104 margin-right: 1em;
1105 }
1107 .issue_info label {
1108 float: left;
1109 width: 8em;
1110 text-transform: uppercase;
1111 font-size: 70%;
1112 color: #777;
1113 font-weight: bold;
1114 clear: left;
1115 text-align: right;
1116 margin-right: 0.7em;
1117 }
1119 .admitted_info {
1120 background-color: #dfd;
1121 padding: 1ex;
1122 border-radius: 8px;
1123 }
1125 .not_admitted_info,
1126 .revoked_info {
1127 background-color: #fdd;
1128 padding: 1ex;
1129 border-radius: 8px;
1130 }
1132 .draft_updated_info,
1133 .voting_active_info,
1134 .initiator_invite_info,
1135 .motd,
1136 .public_access_issue_head {
1137 background-color: #fffbce;
1138 padding: 1ex;
1139 margin-top: 1ex;
1140 margin-bottom: 2ex;
1141 border-top: 1px solid #ffe900;
1142 border-bottom: 1px solid #ffe900;
1143 }
1145 .suggestion_fulfilled {
1146 width: 15em;
1147 }
1148 .suggestion_fulfilled a.action {
1149 padding-left: 0;
1150 line-height: 120%;
1151 }
1153 .help,
1154 .use_terms {
1155 border-radius: 8px;
1156 border: 1px solid #ffe900;
1157 background-color: #fffbce;
1158 color: #000;
1159 padding: 1ex;
1160 }
1162 .help_visible {
1163 margin-top: 2ex;
1164 margin-bottom: 1ex;
1165 }
1167 .help_visible .help_icon {
1168 float: right;
1169 }
1171 .slot_help_hidden {
1172 float: left;
1173 margin-top: 1ex;
1174 }
1176 .help_actions {
1177 font-size: 75%;
1178 float: right;
1179 }
1181 .help_actions a {
1182 margin-right: 1em;
1183 color: #468;
1184 }
1186 .wiki {
1187 line-height: 133%;
1188 }
1190 .wiki h1,
1191 .wiki h2,
1192 .wiki h3,
1193 .wiki h4 {
1194 margin-top: 1ex;
1195 margin-bottom: 1ex;
1196 }
1198 .wiki h1 {
1199 font-size: 150%;
1200 font-weight: bold;
1201 }
1203 .wiki h2 {
1204 font-size: 125%;
1205 font-weight: bold;
1206 }
1208 .wiki h3 {
1209 font-size: 125%;
1210 }
1212 .wiki h4 {
1213 font-size: 100%;
1214 font-weight: bold;
1215 }
1217 .wiki p {
1218 margin-top: 1ex;
1219 margin-bottom: 1ex;
1220 }
1222 form .warning {
1223 background-color: #ffd;
1224 color: #000;
1225 border: 1px solid #dda;
1226 margin: 1ex;
1227 margin-bottom: 2ex;
1228 padding: 1ex;
1229 }
1231 a.not_voted {
1232 display: block;
1233 background-color: #fec;
1234 color: #000;
1235 }
1237 .action_active {
1238 background-color: #fec;
1239 }
1241 .heading {
1242 display: block;
1243 font-size: 120%;
1244 font-weight: bold;
1245 }
1247 .heading.first {
1248 margin-top: 0;
1249 }
1251 .menu_list li {
1252 padding-top: 1ex;
1253 padding-bottom: 1ex;
1254 }
1256 .deactivated_member_info {
1257 background-color: #a00;
1258 color: #fff;
1259 }
1261 /*************************************************************************
1262 * Voting
1263 */
1265 #voting_form {
1266 margin-top: 20px;
1267 }
1269 #voting {
1270 position: relative;
1271 }
1273 #voting .approval, .abstention, .disapproval {
1274 border: 2px black solid;
1275 margin-top: 2ex;
1276 margin-bottom: 5ex;
1277 padding: 1ex;
1278 padding-bottom: 2ex;
1279 border-radius: 8px;
1280 }
1281 #voting .approval {
1282 background-color: #9f9;
1283 }
1284 #voting .approval .movable {
1285 background-color: #dfd;
1286 }
1287 #voting .abstention {
1288 background-color: #ccc;
1289 }
1290 #voting .abstention .movable {
1291 background-color: #f2f2f2;
1292 }
1293 #voting .disapproval {
1294 background-color: #f88;
1295 }
1296 #voting .disapproval .movable {
1297 background-color: #fbb;
1298 }
1299 #voting .cathead {
1300 font-weight: bold;
1301 }
1302 #voting .movable {
1303 position: relative;
1304 border: 1px black solid;
1305 margin-top: 1ex;
1306 padding: 0.5ex;
1307 border-radius: 8px;
1308 }
1309 #voting .voting_form_active .movable {
1310 cursor: pointer;
1311 }
1312 #voting .voting_form_active .clickable {
1313 cursor: auto;
1314 }
1315 #voting .voting_form_active a.clickable {
1316 cursor: pointer;
1317 }
1319 #voting .movable {
1320 vertical-align: middle;
1321 cursor: move;
1322 }
1324 /*************************************************************************
1325 * timeline
1326 */
1327 div.ignore_area_list {
1328 float: left;
1329 width: 90%;
1330 margin: 0 0 1em 0;
1331 }
1333 div.ignore_area_list >
1334 label.ui_field_label {
1335 text-align: left ;
1336 width: 100%;
1337 border-bottom:1px solid #000000;
1338 color: #000000;
1339 font-size:75%;
1340 font-weight:bold;
1341 vertical-align:bottom;
1342 text-transform:none;
1343 padding:0.5ex 0.5em
1344 }
1346 div.ignore_area_item {
1347 clear: none;
1348 float: left;
1349 min-width: 10em;
1350 margin: 0.1ex 0.5em;
1351 margin-right: 0.5em;
1352 }
1354 div.ignore_area_item > input {
1355 float: none;
1356 clear: none;
1357 display: inline;
1358 }
1360 div.ignore_area_item >
1361 label.ui_field_label {
1362 float: none;
1363 clear: none;
1364 text-align: left;
1365 display: inline;
1366 }
1368 div.timeline_results {
1369 clear: both;
1370 }
1372 /* shadows */
1374 .initiative_head,
1375 .box,
1376 div.notifications {
1377 border-radius: 8px;
1378 }
1380 .initiative_head,
1381 .box {
1382 border: 1px solid #aaa;
1383 }
1385 .box {
1386 padding: 1ex;
1387 }
1389 .slot_head,
1390 .area_list,
1391 .initiative_head,
1392 .issues .issue,
1393 .ui_tabs_links a,
1394 .draft_content,
1395 .help,
1396 .use_terms,
1397 .motd,
1398 .vote_info .content,
1399 .box,
1400 div.notifications {
1401 box-shadow: #777 0px 5px 5px -5px;
1402 -mox-box-shadow: #777 0px 5px 5px -5px;
1403 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1404 clear: both;
1405 }
1407 .slot_footer {
1408 margin: 0 1%;
1409 border-top: 1px solid #ccc;
1410 padding: 1ex;
1411 font-size: 80%;
1412 text-align: center;
1413 }
1414 .slot_footer,
1415 .slot_footer a {
1416 color: #666;
1417 }
1419 .footer {
1420 margin: 0 auto;
1421 max-width: 1130px;
1422 }