liquid_feedback_frontend
view static/style.css @ 586:95f214d91956
Fixed member drop down menu
| author | bsw |
|---|---|
| date | Wed Jun 20 22:21:29 2012 +0200 (2012-06-20) |
| parents | bf744a72c406 |
| children | f0ffe4420fe2 |
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 background-color: #000;
190 color: #fff;
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 padding: 0 0.5em;
205 float: left;
206 display: block;
207 white-space: nowrap;
208 }
210 form.unit_selector {
211 display: inline;
212 }
214 .topbar .navigation_right {
215 float: right;
216 padding-right: 1%;
217 }
220 #member_menu {
221 xposition: relative;
222 z-index: 2;
223 xfloat: left;
224 }
226 #member_menu li {
227 float: left;
228 }
230 #member_menu li:hover {
231 position: relative;
232 z-index: 4;
233 cursor: default;
234 }
236 #member_menu {
237 margin: 0;
238 padding: 0;
239 width: 200px;
240 }
242 #member_menu ul {
243 margin: 0;
244 padding: 0;
245 list-style-type: none;
246 display: none;
247 position: absolute;
248 top: 100%;
249 left: 0;
250 z-index: 3;
251 width: 200px;
252 border-radius: 0 0 8px 8px;
253 background: #000;
254 }
256 #member_menu ul li {
257 float: none;
258 }
260 #member_menu ul li a {
261 float: none;
262 background: #444;
263 }
265 #member_menu ul ul {
266 top: 1px;
267 right: 1px;
268 }
270 #member_menu li:hover ul {
271 display: block;
272 }
274 #member_menu li li a {
275 background: #000;
276 border-radius: 5px;
277 color: #ddd;
278 }
280 #member_menu ul li:hover a {
281 background: #444;
282 color: #fff;
283 }
285 /*
286 #member_menu {
287 position: absolute;
288 right: 20px;
289 top: 19px;
290 }
292 #member_menu {
293 display: none;
294 }
296 .member_menu:hover #member_menu {
297 display: block;
298 }
300 #member_menu ul {
301 list-style: none;
302 }
304 #member_menu li span {
305 background-color: #333;
306 line-height: 200%;
307 display: block;
308 width: 15em;
309 color: #fff;
310 }
314 #member_menu li a {
315 background-color: #333;
316 line-height: 200%;
317 display: block;
318 width: 15em;
319 }
321 #member_menu a:hover {
322 background-color: #eee;
323 color: #000;
324 }
326 */
327 /*************************************************************************
328 * Title of current page including path and actions
329 */
331 .slot_title {
332 font-size: 120%;
333 font-weight: bold;
334 margin-left: 10px;
335 margin-right: 10px;
336 margin-top: 1ex;
337 }
339 .page_head .actions {
340 margin-top: 0.5ex;
341 margin-bottom: 1ex;
342 }
344 .slot_head {
345 background-color: #fff;
346 margin: 0px 10px 2ex 10px;
347 border: 1px solid #aaa;
348 border-radius: 0 0 8px 8px;
349 }
351 .page_head .title,
352 .issue .context,
353 .issue .title,
354 .initiative_head .title {
355 padding: 8px 10px 2px 10px;
356 }
358 .page_head .unit_head .content,
359 .page_head .area_head .content,
360 .issue .content,
361 .initiative_head .content {
362 padding: 2px 10px 8px 10px;
363 }
365 .page_head .initiative_list,
366 .issue .initiative_list {
367 padding-left: 8px;
368 }
370 .issue .content.actions {
371 margin-bottom: 1ex;
372 }
376 .page_head .title,
377 .issue .title,
378 .initiative_head .title {
379 font-weight: bold;
380 font-size: 120%;
381 }
383 .page_head .unit_head .title .extra,
384 .page_head .area_head .title .extra,
385 .issue .title .extra {
386 margin-left: 0.7em;
387 font-size: 75%;
388 }
390 .page_head .unit_head .content,
391 .page_head .area_head .content,
392 .page_head .area_head .content a,
393 .page_head .issue .content.actions,
394 .page_head .issue .content.actions a,
395 .issues .issue .content.actions,
396 .issues .issue .content.actions a {
397 color: #777;
398 }
400 .page_head .unit_head .title,
401 .page_head .area_head .title,
402 .issue .title {
403 background-color: #eee;
404 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
405 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
406 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
407 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
408 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
409 }
411 .page_head .area_head .title,
412 .page_head .issue .title {
413 border-top: 1px solid #ddd;
414 }
417 .delegation_info {
418 float: right;
419 text-decoration: none;
420 padding: 5px;
421 border-radius: 0px 5px 0px 5px;
422 }
424 .delegation_arrow {
425 vertical-align: middle;
426 }
428 .delegation_info .link {
429 text-decoration: underline;
430 color: #aaa;
431 }
433 .delegation_info:hover {
434 background-color: #ddd;
435 }
437 .delegation_info .micro_avatar {
438 border: 2px solid #fff;
439 }
441 .delegation_info .micro_avatar.highlighted {
442 border: 2px solid #fa0;
443 }
446 .member_list .member_image_avatar {
447 float: left;
448 margin-right: 0.5em;
449 }
451 .micro_avatar {
452 height: 24px;
453 border-radius: 4px;
454 vertical-align: middle;
455 }
457 .logo {
458 float: right;
459 margin-right: 1%;
460 }
463 .member_image_photo {
464 border-radius: 8px;
465 }
467 /*************************************************************************
468 * Main content
469 */
471 .main {
472 margin-left: 1%;
473 margin-right: 1%;
474 }
476 /*************************************************************************
477 * ui.tab
478 */
479 .ui_tabs {
480 margin: 10px 0px;
481 }
483 .ui_tabs_links a {
484 padding: 0.75ex 0.6em;
485 line-height: 225%;
486 background-color: #f7f7f7;
487 white-space: nowrap;
488 border-radius: 5px;
489 margin-right: 5px;
490 font-weight: bold;
491 }
493 .ui_tabs_links a:hover,
494 .ui_tabs_links a.selected {
495 background-color: #444;
496 color: #fff;
497 text-decoration: none;
498 }
501 /*************************************************************************
502 * ui.filters
503 */
505 .ui_filter {
506 overflow: auto;
507 }
509 .ui_filter_head {
510 color: #777;
511 margin-top: 1ex;
512 font-size: 90%;
513 font-weight: bold;
514 float: left;
515 line-height: 200%;
516 margin-right: 2em;
517 }
519 .ui_filter_head a {
520 color: #777;
521 padding: 0.5ex;
522 }
524 .ui_filter_head a:hover,
525 .ui_filter_head a.active {
526 color: #fff;
527 background-color: #777;
528 padding: 0.5ex;
529 border-radius: 5px;
530 }
532 /*************************************************************************
533 * ui.paginate
534 */
536 .ui_paginate_head {
537 display: none;
538 margin-bottom: 1ex;
539 }
541 .ui_paginate_foot {
542 margin-top: 1ex;
543 }
545 .ui_paginate_select a {
546 padding: 0.5em;
547 }
549 /*************************************************************************
550 * ui.bargraph
551 */
553 .bargraph {
554 width: 103px;
555 }
557 .bargraph50 {
558 width: 52px;
559 }
561 .bargraph div {
562 float: left;
563 margin-top: 0.5ex;
564 height: 1.3ex;
565 }
567 .bargraph .quorum {
568 margin-top: 0.2ex;
569 height: 1.9ex;
570 }
572 /*************************************************************************
573 * notifications
574 */
576 div.notifications {
577 margin-top: 1ex;
578 background-color: #fdd;
579 padding: 0.5ex;
580 border: 1px solid #daa;
581 }
583 .notifications ul {
584 margin: 0;
585 padding: 0;
586 margin-left: 2em;
587 }
589 .notifications li {
590 margin: 0;
591 padding: 0;
592 margin-top: 0.5ex;
593 }
595 /*************************************************************************
596 * vertical ui.form
597 */
599 .vertical {
600 margin-top: 2ex;
601 }
603 .login input[type=text],
604 .vertical input[type=text],
605 .login input[type=password],
606 .vertical input[type=password],
607 .vertical textarea,
608 .vertical select {
609 font-family: sans-serif;
610 font-size: 100%;
611 width: 69%;
612 border: 1px solid #444;
613 padding: 0.2ex 0.2em 0.2ex 0.2em;
614 margin-bottom: 1ex;
615 }
619 .login input[type=password],
620 .vertical input[type=password] {
621 width: 16em;
622 }
624 .vertical select {
625 padding-right: 0;
626 }
628 .login .ui_field_label,
629 .vertical .ui_field_label {
630 text-transform: uppercase;
631 font-size: 70%;
632 line-height: 120%;
633 font-weight: bold;
634 color: #777;
635 width: 29%;
636 display: block;
637 float: left;
638 clear: left;
639 text-align: right;
640 padding-right: 0.5em;
641 }
643 .ui_field_label.label_right {
644 text-align: left;
645 width: auto;
646 }
648 .login input[type=text],
649 .login input[type=password] {
650 width: 10em;
651 }
653 .login div,
654 .vertical div {
655 clear: left;
656 }
658 .vertical span {
659 display: block;
660 margin-bottom: 0.5ex;
661 }
663 .vertical span:after {
664 content: " ";
665 }
667 .vertical span span {
668 display: inline;
669 margin-bottom: 0;
670 }
672 .login input[type=submit],
673 .vertical input[type=submit] {
674 font-size: 100%;
675 margin-left: 29%;
676 background-color: #444444;
677 color: #fff;
678 border: none;
679 padding: 0.75ex;
680 }
682 .login input[type=submit]:hover,
683 .vertical input[type=submit]:hover {
684 background-color: #444444;
685 }
687 @media screen and (max-width: 480px) {
688 .login input[type=text],
689 .vertical input[type=text],
690 .login input[type=password],
691 .vertical input[type=password],
692 .vertical textarea,
693 .vertical select,
694 .vertical input[type=submit],
695 .login input[type=submit] {
696 width: 98%;
697 }
698 .login .ui_field_label,
699 .vertical .ui_field_label {
700 text-align: left;
701 width: 98%;
702 }
703 .login input[type=text],
704 .login input[type=password] {
705 width: 98%;
706 }
707 .login input[type=submit],
708 .vertical input[type=submit] {
709 margin-left: 0;
710 }
711 }
714 /*************************************************************************
715 * Positive / Negtive votes
716 */
719 .positive_votes span {
720 display: inline;
721 }
723 .positive_votes {
724 display: inline;
725 background-color: #cfc;
726 padding: 0.3ex 0.5em 0.3ex 0.5em;
727 }
729 .negative_votes span {
730 display: inline;
731 }
733 .negative_votes {
734 display: inline;
735 background-color: #fcc;
736 padding: 0.3ex 0.5em 0.3ex 0.5em;
737 }
739 .suggestion_my_opinion a,
740 .suggestion_my_opinion span {
741 white-space: nowrap;
742 padding-left: 0.2ex !important;
743 padding-right: 0.2ex !important;
744 }
746 .active {
747 background-color: #444;
748 color: #fff;
749 }
751 .active_red2 { background-color: #a00; color: #fff !important; }
752 .active_red1 { background-color: #f88; color: #000 !important; }
753 .active_green1 { background-color: #8f8; color: #000 !important; }
754 .active_green2 { background-color: #0a0; color: #000 !important; }
758 /*************************************************************************
759 * Unit list
760 */
762 .unit_list a {
763 font-weight: bold;
764 }
766 /*************************************************************************
767 * Area list
768 */
770 .member_area_list {
771 margin-bottom: 0ex;
772 border-radius: 8px;
773 border: 1px solid #aaa;
774 padding: 1ex;
775 margin-bottom: 2ex;
776 }
778 .member_area_list .unit_head {
779 font-size: 120%;
780 font-weight: bold;
781 float: left;
782 clear: both;
783 }
785 .member_area_list .unit_delegatee {
786 float: left;
787 }
789 .member_area_list .voting_priv_info {
790 clear: left;
791 margin-top: 4ex;
792 }
794 .member_area_list .more_areas {
795 font-style: italic;
796 }
798 .area_list {
799 margin-bottom: 4ex;
800 }
802 .member_area_list .area_list {
803 margin-bottom: 0;
804 }
806 .area_list .area {
807 line-height: 32px;
808 clear: both;
809 }
811 .area_list .bargraph {
812 line-height: 10px;
813 }
815 .area_list .area .delegatee {
816 white-space: nowrap;
817 }
819 .area_list .area.head .phases {
820 xmargin-top: 2ex;
821 }
823 .area_list .area img {
824 vertical-align: middle;
825 }
827 .area_list .area .bar {
828 float: left;
829 padding-top: 6px
830 }
832 .area_list .area .membership,
833 .area_list .area .delegatee {
834 display: inline;
835 width: 24px
836 }
838 .area_list .area .name {
839 display: inline;
840 font-weight: bold;
841 }
843 .area_list .area .phases {
844 float: right;
845 }
847 .area_list .area .phases div {
848 float: left;
849 width: 3em;
850 text-align: right;
851 }
853 @media screen and (max-width: 480px) {
854 .area_list .area .name {
855 display: block;
856 line-height: 100%;
857 }
859 .area_list .area .delegatee,
860 .area_list .area .membership {
861 float: left;
862 white-space: nowrap;
863 }
864 .area_list .area .bar {
865 display: none;
866 }
867 }
869 /*************************************************************************
870 * Events
871 */
873 .events .date {
874 font-size: 150%;
875 font-weight: bold;
876 margin-top: 2ex;
877 line-height: 150%;
878 }
880 .event_list .event div {
881 }
883 .event_list .event .member_id {
884 float: right;
885 }
888 /*************************************************************************
889 * Issues
890 */
892 .issues {
893 clear: left;
894 margin-top: 2ex;
895 }
897 .issues .issue {
898 overflow: hidden;
899 border: 1px solid #ddd;
900 border-radius: 8px;
901 margin-bottom: 2ex;
902 }
904 .issue.interested,
905 .issue.interest_by_delegation {
906 border: 1px solid #b2cdff;
907 }
909 .issue .issue_info {
910 padding: 1ex 1ex 0.3ex 1ex;
911 line-height: 140%;
912 margin-bottom: 1ex;
913 }
915 .event_list .event .issue_id,
916 .issue .issue_info .issue_id {
917 font-size: 125%;
918 }
920 .issue .suggestion {
921 margin-left: 1ex;
922 margin-bottom: 1ex;
923 font-weight: bold;
924 }
926 .issue_policy_info {
927 font-style: italic;
928 }
930 .issue_policy_info .event_name {
931 font-weight: bold;
932 }
934 .issue_policy_info img {
935 vertical-align: middle;
936 }
938 .issue .interest_by_delegation {
939 float: right;
940 }
942 .issue .initiative_list a.highlighted {
943 font-weight: bold;
944 }
946 .initiative {
947 margin-left: 1ex;
948 margin-bottom: 1ex;
949 line-height: 50%;
950 }
952 .initiative .bar {
953 margin-right: 0.3em;
954 }
956 .initiative .rank,
957 .initiative .bar,
958 .initiative .interest {
959 float: left;
960 margin-right: 0.3em;
961 }
963 .initiative .rank {
964 width: 2.5em;
965 }
968 .initiative .interest {
969 width: 20px;
970 height: 16px;
971 line-height: 100%;
972 }
974 .initiative .name {
975 line-height: 130%;
976 margin-left: 160px;
977 }
979 @media screen and (max-width: 480px) {
980 .initiative .name {
981 clear: left;
982 margin-left: 0px;
983 }
984 }
987 .issue_initiative_list a {
988 font-weight: bold;
989 }
991 .more_initiatives_link {
992 display: block;
993 margin-left: 166px;
994 font-style: italic;
995 margin-bottom: 1ex;
996 }
998 .issue tr tr {
999 border: none;
1000 background: none;
1001 }
1003 .initiative_link.selected {
1004 font-weight: bold;
1005 }
1007 x.initiative_link.supported {
1008 background-color: #cdf;
1009 border-radius: 5px;
1010 }
1012 x.initiative_link.potentially_supported {
1013 background-color: #cdf;
1014 border-radius: 5px;
1015 }
1017 .lang_chooser {
1018 float: right;
1019 margin-right: 0.5em;
1020 }
1022 .delegation_list_entry {
1023 margin-right: 2em;
1024 margin-bottom: 2ex;
1025 float: left;
1026 clear: left;
1027 }
1029 .delegation_list_entry .delegation_arrow {
1030 float: left;
1031 }
1033 .delegation_list_entry .delegation_scope {
1034 float: left;
1035 width: 25em;
1036 }
1038 .delegation_list_entry .delegation_scope a {
1039 display: block;
1040 }
1042 .member_list .member_thumb {
1043 float: left;
1044 margin-right: 1em;
1045 margin-bottom: 2ex;
1046 }
1048 .member_thumb {
1049 text-decoration: none;
1050 width: 14.5em;
1051 height: 48px;
1052 display: block;
1053 float: left;
1054 background-color: #f2f2f2;
1055 overflow: hidden;
1056 position: relative;
1057 border-radius: 7px;
1058 padding: 2px;
1059 }
1061 .member_thumb a:hover div {
1062 background-color: #444;
1063 color: #fff;
1064 }
1066 .member_thumb img {
1067 padding: 0;
1068 margin: 0;
1069 vertical-align: bottom;
1070 border-radius: 7px;
1071 }
1073 .member_thumb .member_name {
1074 position: absolute;
1075 left: 56px;
1076 top: 2ex;
1077 font-size: 100%;
1078 width: 14em;
1079 }
1081 .member_thumb .flags {
1082 float: right;
1083 font-size: 75%;
1084 }
1086 .member_thumb .flags a,
1087 .member_thumb .flags img {
1088 position: static;
1089 float: right;
1090 margin-left: 0.5em;
1091 }
1093 .member_thumb .flags .in_delegation_chain {
1094 font-weight: bold;
1095 }
1097 .member .right {
1098 float: right;
1099 }
1101 .member_thumb.not_accepted,
1102 .member_thumb.not_informed {
1103 background: #fff;
1104 }
1106 .member_thumb.not_accepted .member_image,
1107 .member_thumb.not_accepted .member_name,
1108 .member_thumb.not_informed .member_image,
1109 .member_thumb.not_informed .member_name {
1110 opacity: 0.4;
1111 }
1113 .member_thumb {
1114 border: 2px solid #fff;
1115 }
1117 .member_thumb.in_delegation_chain {
1118 border: 2px solid #fa0;
1119 }
1121 .member_statement,
1122 .draft_content,
1123 .suggestion_content {
1124 background-color: #f2f2f2;
1125 padding: 1ex;
1126 border-radius: 8px;
1127 }
1129 .member_statement {
1130 margin-right: 250px;
1131 }
1133 #suggestion_description {
1134 height: 15ex;
1135 }
1137 .diff {
1138 background-color: #f2f2f2;
1139 border: 1px solid #ccc;
1140 padding: 1ex;
1141 }
1143 .diff_added {
1144 background-color: #cfc;
1145 text-decoration: underline;
1146 }
1148 .diff_removed {
1149 background-color: #fcc;
1150 text-decoration: line-through;
1151 }
1153 .slot_issue_info {
1154 background-color: #f2f2f2;
1155 border: 1px solid #ccc;
1156 float: right;
1157 padding: 0.5ex;
1158 line-height: 130%;
1159 margin-right: 1em;
1160 }
1162 .issue_info label {
1163 float: left;
1164 width: 8em;
1165 text-transform: uppercase;
1166 font-size: 70%;
1167 color: #777;
1168 font-weight: bold;
1169 clear: left;
1170 text-align: right;
1171 margin-right: 0.7em;
1172 }
1174 .admitted_info {
1175 background-color: #dfd;
1176 padding: 1ex;
1177 border-radius: 8px;
1178 }
1180 .not_admitted_info,
1181 .revoked_info {
1182 background-color: #fdd;
1183 padding: 1ex;
1184 border-radius: 8px;
1185 }
1187 .draft_updated_info,
1188 .voting_active_info,
1189 .initiator_invite_info,
1190 .motd,
1191 .public_access_issue_head {
1192 background-color: #fffbce;
1193 padding: 1ex;
1194 margin-top: 1ex;
1195 margin-bottom: 2ex;
1196 border-top: 1px solid #ffe900;
1197 border-bottom: 1px solid #ffe900;
1198 }
1200 .suggestion_fulfilled {
1201 width: 15em;
1202 }
1203 .suggestion_fulfilled a.action {
1204 padding-left: 0;
1205 line-height: 120%;
1206 }
1208 .help,
1209 .use_terms {
1210 border-radius: 8px;
1211 border: 1px solid #ffe900;
1212 background-color: #fffbce;
1213 color: #000;
1214 padding: 1ex;
1215 }
1217 .help_visible {
1218 margin-top: 2ex;
1219 margin-bottom: 1ex;
1220 }
1222 .help_visible .help_icon {
1223 float: right;
1224 }
1226 .slot_help_hidden {
1227 float: right;
1228 margin-top: 1ex;
1229 }
1231 .help_actions {
1232 font-size: 75%;
1233 float: right;
1234 }
1236 .help_actions a {
1237 margin-right: 1em;
1238 color: #468;
1239 }
1241 .wiki {
1242 line-height: 133%;
1243 }
1245 .wiki h1,
1246 .wiki h2,
1247 .wiki h3,
1248 .wiki h4 {
1249 margin-top: 1ex;
1250 margin-bottom: 1ex;
1251 }
1253 .wiki h1 {
1254 font-size: 150%;
1255 font-weight: bold;
1256 }
1258 .wiki h2 {
1259 font-size: 125%;
1260 font-weight: bold;
1261 }
1263 .wiki h3 {
1264 font-size: 125%;
1265 }
1267 .wiki h4 {
1268 font-size: 100%;
1269 font-weight: bold;
1270 }
1272 .wiki p {
1273 margin-top: 1ex;
1274 margin-bottom: 1ex;
1275 }
1277 form .warning {
1278 background-color: #ffd;
1279 color: #000;
1280 border: 1px solid #dda;
1281 margin: 1ex;
1282 margin-bottom: 2ex;
1283 padding: 1ex;
1284 }
1286 a.not_voted {
1287 display: block;
1288 background-color: #fec;
1289 color: #000;
1290 }
1292 .action_active {
1293 background-color: #fec;
1294 }
1296 .heading {
1297 display: block;
1298 font-size: 120%;
1299 font-weight: bold;
1300 }
1302 .heading.first {
1303 margin-top: 0;
1304 }
1306 .menu_list li {
1307 padding-top: 1ex;
1308 padding-bottom: 1ex;
1309 }
1311 .deactivated_member_info {
1312 background-color: #a00;
1313 color: #fff;
1314 }
1316 /*************************************************************************
1317 * Voting
1318 */
1320 #voting_form {
1321 margin-top: 20px;
1322 }
1324 #voting {
1325 position: relative;
1326 }
1328 #voting .approval, .abstention, .disapproval {
1329 border: 2px black solid;
1330 margin-top: 2ex;
1331 margin-bottom: 5ex;
1332 padding: 1ex;
1333 padding-bottom: 2ex;
1334 border-radius: 8px;
1335 }
1336 #voting .approval {
1337 background-color: #9f9;
1338 }
1339 #voting .approval .movable {
1340 background-color: #dfd;
1341 }
1342 #voting .abstention {
1343 background-color: #ccc;
1344 }
1345 #voting .abstention .movable {
1346 background-color: #f2f2f2;
1347 }
1348 #voting .disapproval {
1349 background-color: #f88;
1350 }
1351 #voting .disapproval .movable {
1352 background-color: #fbb;
1353 }
1354 #voting .cathead {
1355 font-weight: bold;
1356 }
1357 #voting .movable {
1358 position: relative;
1359 border: 1px black solid;
1360 margin-top: 1ex;
1361 padding: 0.5ex;
1362 border-radius: 8px;
1363 }
1364 #voting .voting_form_active .movable {
1365 cursor: pointer;
1366 }
1367 #voting .voting_form_active .clickable {
1368 cursor: auto;
1369 }
1370 #voting .voting_form_active a.clickable {
1371 cursor: pointer;
1372 }
1374 #voting .movable {
1375 vertical-align: middle;
1376 cursor: move;
1377 }
1379 /*************************************************************************
1380 * timeline
1381 */
1382 div.ignore_area_list {
1383 float: left;
1384 width: 90%;
1385 margin: 0 0 1em 0;
1386 }
1388 div.ignore_area_list >
1389 label.ui_field_label {
1390 text-align: left ;
1391 width: 100%;
1392 border-bottom:1px solid #000000;
1393 color: #000000;
1394 font-size:75%;
1395 font-weight:bold;
1396 vertical-align:bottom;
1397 text-transform:none;
1398 padding:0.5ex 0.5em
1399 }
1401 div.ignore_area_item {
1402 clear: none;
1403 float: left;
1404 min-width: 10em;
1405 margin: 0.1ex 0.5em;
1406 margin-right: 0.5em;
1407 }
1409 div.ignore_area_item > input {
1410 float: none;
1411 clear: none;
1412 display: inline;
1413 }
1415 div.ignore_area_item >
1416 label.ui_field_label {
1417 float: none;
1418 clear: none;
1419 text-align: left;
1420 display: inline;
1421 }
1423 div.timeline_results {
1424 clear: both;
1425 }
1427 /* shadows */
1429 .initiative_head,
1430 .box,
1431 div.notifications {
1432 border-radius: 8px;
1433 }
1435 .initiative_head,
1436 .box {
1437 border: 1px solid #aaa;
1438 }
1440 .box {
1441 padding: 1ex;
1442 }
1444 .member_area_list .box {
1445 border: none;
1446 padding: 0;
1447 }
1449 .slot_head,
1450 .initiative_head,
1451 .issues .issue,
1452 .ui_tabs_links a,
1453 .draft_content,
1454 .help,
1455 .use_terms,
1456 .motd,
1457 .ui_filter a.active,
1458 .vote_info .content,
1459 .member_area_list,
1460 .box,
1461 div.notifications {
1462 box-shadow: #777 0px 5px 5px -5px;
1463 -mox-box-shadow: #777 0px 5px 5px -5px;
1464 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1465 clear: both;
1466 }
1468 .member_area_list .box {
1469 box-shadow: none;
1470 -mox-box-shadow: none;
1471 -webkit-box-shadow: none;
1472 }
1474 .slot_footer {
1475 margin: 0 1%;
1476 border-top: 1px solid #ccc;
1477 padding: 1ex;
1478 font-size: 80%;
1479 text-align: center;
1480 }
1481 .slot_footer,
1482 .slot_footer a {
1483 color: #666;
1484 }
1486 .footer {
1487 margin: 0 auto;
1488 max-width: 1130px;
1489 }