liquid_feedback_frontend
view static/style.css @ 587:f0ffe4420fe2
Make member menu right aligned
| author | bsw |
|---|---|
| date | Wed Jun 20 22:29:33 2012 +0200 (2012-06-20) |
| parents | 95f214d91956 |
| children | 9df26b41ace0 |
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 > li {
243 width: 200px;
244 }
246 #member_menu li a {
247 float: right;
248 }
250 #member_menu ul {
251 margin: 0;
252 padding: 0;
253 list-style-type: none;
254 display: none;
255 position: absolute;
256 top: 100%;
257 left: 0;
258 z-index: 3;
259 width: 200px;
260 border-radius: 0 0 8px 8px;
261 background: #000;
262 }
264 #member_menu ul li {
265 float: none;
266 }
268 #member_menu ul li a {
269 float: none;
270 background: #444;
271 }
273 #member_menu ul ul {
274 top: 1px;
275 right: 1px;
276 }
278 #member_menu li:hover ul {
279 display: block;
280 }
282 #member_menu li li a {
283 background: #000;
284 border-radius: 5px;
285 color: #ddd;
286 }
288 #member_menu ul li:hover a {
289 background: #444;
290 color: #fff;
291 }
293 /*
294 #member_menu {
295 position: absolute;
296 right: 20px;
297 top: 19px;
298 }
300 #member_menu {
301 display: none;
302 }
304 .member_menu:hover #member_menu {
305 display: block;
306 }
308 #member_menu ul {
309 list-style: none;
310 }
312 #member_menu li span {
313 background-color: #333;
314 line-height: 200%;
315 display: block;
316 width: 15em;
317 color: #fff;
318 }
322 #member_menu li a {
323 background-color: #333;
324 line-height: 200%;
325 display: block;
326 width: 15em;
327 }
329 #member_menu a:hover {
330 background-color: #eee;
331 color: #000;
332 }
334 */
335 /*************************************************************************
336 * Title of current page including path and actions
337 */
339 .slot_title {
340 font-size: 120%;
341 font-weight: bold;
342 margin-left: 10px;
343 margin-right: 10px;
344 margin-top: 1ex;
345 }
347 .page_head .actions {
348 margin-top: 0.5ex;
349 margin-bottom: 1ex;
350 }
352 .slot_head {
353 background-color: #fff;
354 margin: 0px 10px 2ex 10px;
355 border: 1px solid #aaa;
356 border-radius: 0 0 8px 8px;
357 }
359 .page_head .title,
360 .issue .context,
361 .issue .title,
362 .initiative_head .title {
363 padding: 8px 10px 2px 10px;
364 }
366 .page_head .unit_head .content,
367 .page_head .area_head .content,
368 .issue .content,
369 .initiative_head .content {
370 padding: 2px 10px 8px 10px;
371 }
373 .page_head .initiative_list,
374 .issue .initiative_list {
375 padding-left: 8px;
376 }
378 .issue .content.actions {
379 margin-bottom: 1ex;
380 }
384 .page_head .title,
385 .issue .title,
386 .initiative_head .title {
387 font-weight: bold;
388 font-size: 120%;
389 }
391 .page_head .unit_head .title .extra,
392 .page_head .area_head .title .extra,
393 .issue .title .extra {
394 margin-left: 0.7em;
395 font-size: 75%;
396 }
398 .page_head .unit_head .content,
399 .page_head .area_head .content,
400 .page_head .area_head .content a,
401 .page_head .issue .content.actions,
402 .page_head .issue .content.actions a,
403 .issues .issue .content.actions,
404 .issues .issue .content.actions a {
405 color: #777;
406 }
408 .page_head .unit_head .title,
409 .page_head .area_head .title,
410 .issue .title {
411 background-color: #eee;
412 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
413 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
414 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
415 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
416 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
417 }
419 .page_head .area_head .title,
420 .page_head .issue .title {
421 border-top: 1px solid #ddd;
422 }
425 .delegation_info {
426 float: right;
427 text-decoration: none;
428 padding: 5px;
429 border-radius: 0px 5px 0px 5px;
430 }
432 .delegation_arrow {
433 vertical-align: middle;
434 }
436 .delegation_info .link {
437 text-decoration: underline;
438 color: #aaa;
439 }
441 .delegation_info:hover {
442 background-color: #ddd;
443 }
445 .delegation_info .micro_avatar {
446 border: 2px solid #fff;
447 }
449 .delegation_info .micro_avatar.highlighted {
450 border: 2px solid #fa0;
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: 10px 0px;
489 }
491 .ui_tabs_links a {
492 padding: 0.75ex 0.6em;
493 line-height: 225%;
494 background-color: #f7f7f7;
495 white-space: nowrap;
496 border-radius: 5px;
497 margin-right: 5px;
498 font-weight: bold;
499 }
501 .ui_tabs_links a:hover,
502 .ui_tabs_links a.selected {
503 background-color: #444;
504 color: #fff;
505 text-decoration: none;
506 }
509 /*************************************************************************
510 * ui.filters
511 */
513 .ui_filter {
514 overflow: auto;
515 }
517 .ui_filter_head {
518 color: #777;
519 margin-top: 1ex;
520 font-size: 90%;
521 font-weight: bold;
522 float: left;
523 line-height: 200%;
524 margin-right: 2em;
525 }
527 .ui_filter_head a {
528 color: #777;
529 padding: 0.5ex;
530 }
532 .ui_filter_head a:hover,
533 .ui_filter_head a.active {
534 color: #fff;
535 background-color: #777;
536 padding: 0.5ex;
537 border-radius: 5px;
538 }
540 /*************************************************************************
541 * ui.paginate
542 */
544 .ui_paginate_head {
545 display: none;
546 margin-bottom: 1ex;
547 }
549 .ui_paginate_foot {
550 margin-top: 1ex;
551 }
553 .ui_paginate_select a {
554 padding: 0.5em;
555 }
557 /*************************************************************************
558 * ui.bargraph
559 */
561 .bargraph {
562 width: 103px;
563 }
565 .bargraph50 {
566 width: 52px;
567 }
569 .bargraph div {
570 float: left;
571 margin-top: 0.5ex;
572 height: 1.3ex;
573 }
575 .bargraph .quorum {
576 margin-top: 0.2ex;
577 height: 1.9ex;
578 }
580 /*************************************************************************
581 * notifications
582 */
584 div.notifications {
585 margin-top: 1ex;
586 background-color: #fdd;
587 padding: 0.5ex;
588 border: 1px solid #daa;
589 }
591 .notifications ul {
592 margin: 0;
593 padding: 0;
594 margin-left: 2em;
595 }
597 .notifications li {
598 margin: 0;
599 padding: 0;
600 margin-top: 0.5ex;
601 }
603 /*************************************************************************
604 * vertical ui.form
605 */
607 .vertical {
608 margin-top: 2ex;
609 }
611 .login input[type=text],
612 .vertical input[type=text],
613 .login input[type=password],
614 .vertical input[type=password],
615 .vertical textarea,
616 .vertical select {
617 font-family: sans-serif;
618 font-size: 100%;
619 width: 69%;
620 border: 1px solid #444;
621 padding: 0.2ex 0.2em 0.2ex 0.2em;
622 margin-bottom: 1ex;
623 }
627 .login input[type=password],
628 .vertical input[type=password] {
629 width: 16em;
630 }
632 .vertical select {
633 padding-right: 0;
634 }
636 .login .ui_field_label,
637 .vertical .ui_field_label {
638 text-transform: uppercase;
639 font-size: 70%;
640 line-height: 120%;
641 font-weight: bold;
642 color: #777;
643 width: 29%;
644 display: block;
645 float: left;
646 clear: left;
647 text-align: right;
648 padding-right: 0.5em;
649 }
651 .ui_field_label.label_right {
652 text-align: left;
653 width: auto;
654 }
656 .login input[type=text],
657 .login input[type=password] {
658 width: 10em;
659 }
661 .login div,
662 .vertical div {
663 clear: left;
664 }
666 .vertical span {
667 display: block;
668 margin-bottom: 0.5ex;
669 }
671 .vertical span:after {
672 content: " ";
673 }
675 .vertical span span {
676 display: inline;
677 margin-bottom: 0;
678 }
680 .login input[type=submit],
681 .vertical input[type=submit] {
682 font-size: 100%;
683 margin-left: 29%;
684 background-color: #444444;
685 color: #fff;
686 border: none;
687 padding: 0.75ex;
688 }
690 .login input[type=submit]:hover,
691 .vertical input[type=submit]:hover {
692 background-color: #444444;
693 }
695 @media screen and (max-width: 480px) {
696 .login input[type=text],
697 .vertical input[type=text],
698 .login input[type=password],
699 .vertical input[type=password],
700 .vertical textarea,
701 .vertical select,
702 .vertical input[type=submit],
703 .login input[type=submit] {
704 width: 98%;
705 }
706 .login .ui_field_label,
707 .vertical .ui_field_label {
708 text-align: left;
709 width: 98%;
710 }
711 .login input[type=text],
712 .login input[type=password] {
713 width: 98%;
714 }
715 .login input[type=submit],
716 .vertical input[type=submit] {
717 margin-left: 0;
718 }
719 }
722 /*************************************************************************
723 * Positive / Negtive votes
724 */
727 .positive_votes span {
728 display: inline;
729 }
731 .positive_votes {
732 display: inline;
733 background-color: #cfc;
734 padding: 0.3ex 0.5em 0.3ex 0.5em;
735 }
737 .negative_votes span {
738 display: inline;
739 }
741 .negative_votes {
742 display: inline;
743 background-color: #fcc;
744 padding: 0.3ex 0.5em 0.3ex 0.5em;
745 }
747 .suggestion_my_opinion a,
748 .suggestion_my_opinion span {
749 white-space: nowrap;
750 padding-left: 0.2ex !important;
751 padding-right: 0.2ex !important;
752 }
754 .active {
755 background-color: #444;
756 color: #fff;
757 }
759 .active_red2 { background-color: #a00; color: #fff !important; }
760 .active_red1 { background-color: #f88; color: #000 !important; }
761 .active_green1 { background-color: #8f8; color: #000 !important; }
762 .active_green2 { background-color: #0a0; color: #000 !important; }
766 /*************************************************************************
767 * Unit list
768 */
770 .unit_list a {
771 font-weight: bold;
772 }
774 /*************************************************************************
775 * Area list
776 */
778 .member_area_list {
779 margin-bottom: 0ex;
780 border-radius: 8px;
781 border: 1px solid #aaa;
782 padding: 1ex;
783 margin-bottom: 2ex;
784 }
786 .member_area_list .unit_head {
787 font-size: 120%;
788 font-weight: bold;
789 float: left;
790 clear: both;
791 }
793 .member_area_list .unit_delegatee {
794 float: left;
795 }
797 .member_area_list .voting_priv_info {
798 clear: left;
799 margin-top: 4ex;
800 }
802 .member_area_list .more_areas {
803 font-style: italic;
804 }
806 .area_list {
807 margin-bottom: 4ex;
808 }
810 .member_area_list .area_list {
811 margin-bottom: 0;
812 }
814 .area_list .area {
815 line-height: 32px;
816 clear: both;
817 }
819 .area_list .bargraph {
820 line-height: 10px;
821 }
823 .area_list .area .delegatee {
824 white-space: nowrap;
825 }
827 .area_list .area.head .phases {
828 xmargin-top: 2ex;
829 }
831 .area_list .area img {
832 vertical-align: middle;
833 }
835 .area_list .area .bar {
836 float: left;
837 padding-top: 6px
838 }
840 .area_list .area .membership,
841 .area_list .area .delegatee {
842 display: inline;
843 width: 24px
844 }
846 .area_list .area .name {
847 display: inline;
848 font-weight: bold;
849 }
851 .area_list .area .phases {
852 float: right;
853 }
855 .area_list .area .phases div {
856 float: left;
857 width: 3em;
858 text-align: right;
859 }
861 @media screen and (max-width: 480px) {
862 .area_list .area .name {
863 display: block;
864 line-height: 100%;
865 }
867 .area_list .area .delegatee,
868 .area_list .area .membership {
869 float: left;
870 white-space: nowrap;
871 }
872 .area_list .area .bar {
873 display: none;
874 }
875 }
877 /*************************************************************************
878 * Events
879 */
881 .events .date {
882 font-size: 150%;
883 font-weight: bold;
884 margin-top: 2ex;
885 line-height: 150%;
886 }
888 .event_list .event div {
889 }
891 .event_list .event .member_id {
892 float: right;
893 }
896 /*************************************************************************
897 * Issues
898 */
900 .issues {
901 clear: left;
902 margin-top: 2ex;
903 }
905 .issues .issue {
906 overflow: hidden;
907 border: 1px solid #ddd;
908 border-radius: 8px;
909 margin-bottom: 2ex;
910 }
912 .issue.interested,
913 .issue.interest_by_delegation {
914 border: 1px solid #b2cdff;
915 }
917 .issue .issue_info {
918 padding: 1ex 1ex 0.3ex 1ex;
919 line-height: 140%;
920 margin-bottom: 1ex;
921 }
923 .event_list .event .issue_id,
924 .issue .issue_info .issue_id {
925 font-size: 125%;
926 }
928 .issue .suggestion {
929 margin-left: 1ex;
930 margin-bottom: 1ex;
931 font-weight: bold;
932 }
934 .issue_policy_info {
935 font-style: italic;
936 }
938 .issue_policy_info .event_name {
939 font-weight: bold;
940 }
942 .issue_policy_info img {
943 vertical-align: middle;
944 }
946 .issue .interest_by_delegation {
947 float: right;
948 }
950 .issue .initiative_list a.highlighted {
951 font-weight: bold;
952 }
954 .initiative {
955 margin-left: 1ex;
956 margin-bottom: 1ex;
957 line-height: 50%;
958 }
960 .initiative .bar {
961 margin-right: 0.3em;
962 }
964 .initiative .rank,
965 .initiative .bar,
966 .initiative .interest {
967 float: left;
968 margin-right: 0.3em;
969 }
971 .initiative .rank {
972 width: 2.5em;
973 }
976 .initiative .interest {
977 width: 20px;
978 height: 16px;
979 line-height: 100%;
980 }
982 .initiative .name {
983 line-height: 130%;
984 margin-left: 160px;
985 }
987 @media screen and (max-width: 480px) {
988 .initiative .name {
989 clear: left;
990 margin-left: 0px;
991 }
992 }
995 .issue_initiative_list a {
996 font-weight: bold;
997 }
999 .more_initiatives_link {
1000 display: block;
1001 margin-left: 166px;
1002 font-style: italic;
1003 margin-bottom: 1ex;
1004 }
1006 .issue tr tr {
1007 border: none;
1008 background: none;
1009 }
1011 .initiative_link.selected {
1012 font-weight: bold;
1013 }
1015 x.initiative_link.supported {
1016 background-color: #cdf;
1017 border-radius: 5px;
1018 }
1020 x.initiative_link.potentially_supported {
1021 background-color: #cdf;
1022 border-radius: 5px;
1023 }
1025 .lang_chooser {
1026 float: right;
1027 margin-right: 0.5em;
1028 }
1030 .delegation_list_entry {
1031 margin-right: 2em;
1032 margin-bottom: 2ex;
1033 float: left;
1034 clear: left;
1035 }
1037 .delegation_list_entry .delegation_arrow {
1038 float: left;
1039 }
1041 .delegation_list_entry .delegation_scope {
1042 float: left;
1043 width: 25em;
1044 }
1046 .delegation_list_entry .delegation_scope a {
1047 display: block;
1048 }
1050 .member_list .member_thumb {
1051 float: left;
1052 margin-right: 1em;
1053 margin-bottom: 2ex;
1054 }
1056 .member_thumb {
1057 text-decoration: none;
1058 width: 14.5em;
1059 height: 48px;
1060 display: block;
1061 float: left;
1062 background-color: #f2f2f2;
1063 overflow: hidden;
1064 position: relative;
1065 border-radius: 7px;
1066 padding: 2px;
1067 }
1069 .member_thumb a:hover div {
1070 background-color: #444;
1071 color: #fff;
1072 }
1074 .member_thumb img {
1075 padding: 0;
1076 margin: 0;
1077 vertical-align: bottom;
1078 border-radius: 7px;
1079 }
1081 .member_thumb .member_name {
1082 position: absolute;
1083 left: 56px;
1084 top: 2ex;
1085 font-size: 100%;
1086 width: 14em;
1087 }
1089 .member_thumb .flags {
1090 float: right;
1091 font-size: 75%;
1092 }
1094 .member_thumb .flags a,
1095 .member_thumb .flags img {
1096 position: static;
1097 float: right;
1098 margin-left: 0.5em;
1099 }
1101 .member_thumb .flags .in_delegation_chain {
1102 font-weight: bold;
1103 }
1105 .member .right {
1106 float: right;
1107 }
1109 .member_thumb.not_accepted,
1110 .member_thumb.not_informed {
1111 background: #fff;
1112 }
1114 .member_thumb.not_accepted .member_image,
1115 .member_thumb.not_accepted .member_name,
1116 .member_thumb.not_informed .member_image,
1117 .member_thumb.not_informed .member_name {
1118 opacity: 0.4;
1119 }
1121 .member_thumb {
1122 border: 2px solid #fff;
1123 }
1125 .member_thumb.in_delegation_chain {
1126 border: 2px solid #fa0;
1127 }
1129 .member_statement,
1130 .draft_content,
1131 .suggestion_content {
1132 background-color: #f2f2f2;
1133 padding: 1ex;
1134 border-radius: 8px;
1135 }
1137 .member_statement {
1138 margin-right: 250px;
1139 }
1141 #suggestion_description {
1142 height: 15ex;
1143 }
1145 .diff {
1146 background-color: #f2f2f2;
1147 border: 1px solid #ccc;
1148 padding: 1ex;
1149 }
1151 .diff_added {
1152 background-color: #cfc;
1153 text-decoration: underline;
1154 }
1156 .diff_removed {
1157 background-color: #fcc;
1158 text-decoration: line-through;
1159 }
1161 .slot_issue_info {
1162 background-color: #f2f2f2;
1163 border: 1px solid #ccc;
1164 float: right;
1165 padding: 0.5ex;
1166 line-height: 130%;
1167 margin-right: 1em;
1168 }
1170 .issue_info label {
1171 float: left;
1172 width: 8em;
1173 text-transform: uppercase;
1174 font-size: 70%;
1175 color: #777;
1176 font-weight: bold;
1177 clear: left;
1178 text-align: right;
1179 margin-right: 0.7em;
1180 }
1182 .admitted_info {
1183 background-color: #dfd;
1184 padding: 1ex;
1185 border-radius: 8px;
1186 }
1188 .not_admitted_info,
1189 .revoked_info {
1190 background-color: #fdd;
1191 padding: 1ex;
1192 border-radius: 8px;
1193 }
1195 .draft_updated_info,
1196 .voting_active_info,
1197 .initiator_invite_info,
1198 .motd,
1199 .public_access_issue_head {
1200 background-color: #fffbce;
1201 padding: 1ex;
1202 margin-top: 1ex;
1203 margin-bottom: 2ex;
1204 border-top: 1px solid #ffe900;
1205 border-bottom: 1px solid #ffe900;
1206 }
1208 .suggestion_fulfilled {
1209 width: 15em;
1210 }
1211 .suggestion_fulfilled a.action {
1212 padding-left: 0;
1213 line-height: 120%;
1214 }
1216 .help,
1217 .use_terms {
1218 border-radius: 8px;
1219 border: 1px solid #ffe900;
1220 background-color: #fffbce;
1221 color: #000;
1222 padding: 1ex;
1223 }
1225 .help_visible {
1226 margin-top: 2ex;
1227 margin-bottom: 1ex;
1228 }
1230 .help_visible .help_icon {
1231 float: right;
1232 }
1234 .slot_help_hidden {
1235 float: left;
1236 margin-top: 1ex;
1237 }
1239 .help_actions {
1240 font-size: 75%;
1241 float: right;
1242 }
1244 .help_actions a {
1245 margin-right: 1em;
1246 color: #468;
1247 }
1249 .wiki {
1250 line-height: 133%;
1251 }
1253 .wiki h1,
1254 .wiki h2,
1255 .wiki h3,
1256 .wiki h4 {
1257 margin-top: 1ex;
1258 margin-bottom: 1ex;
1259 }
1261 .wiki h1 {
1262 font-size: 150%;
1263 font-weight: bold;
1264 }
1266 .wiki h2 {
1267 font-size: 125%;
1268 font-weight: bold;
1269 }
1271 .wiki h3 {
1272 font-size: 125%;
1273 }
1275 .wiki h4 {
1276 font-size: 100%;
1277 font-weight: bold;
1278 }
1280 .wiki p {
1281 margin-top: 1ex;
1282 margin-bottom: 1ex;
1283 }
1285 form .warning {
1286 background-color: #ffd;
1287 color: #000;
1288 border: 1px solid #dda;
1289 margin: 1ex;
1290 margin-bottom: 2ex;
1291 padding: 1ex;
1292 }
1294 a.not_voted {
1295 display: block;
1296 background-color: #fec;
1297 color: #000;
1298 }
1300 .action_active {
1301 background-color: #fec;
1302 }
1304 .heading {
1305 display: block;
1306 font-size: 120%;
1307 font-weight: bold;
1308 }
1310 .heading.first {
1311 margin-top: 0;
1312 }
1314 .menu_list li {
1315 padding-top: 1ex;
1316 padding-bottom: 1ex;
1317 }
1319 .deactivated_member_info {
1320 background-color: #a00;
1321 color: #fff;
1322 }
1324 /*************************************************************************
1325 * Voting
1326 */
1328 #voting_form {
1329 margin-top: 20px;
1330 }
1332 #voting {
1333 position: relative;
1334 }
1336 #voting .approval, .abstention, .disapproval {
1337 border: 2px black solid;
1338 margin-top: 2ex;
1339 margin-bottom: 5ex;
1340 padding: 1ex;
1341 padding-bottom: 2ex;
1342 border-radius: 8px;
1343 }
1344 #voting .approval {
1345 background-color: #9f9;
1346 }
1347 #voting .approval .movable {
1348 background-color: #dfd;
1349 }
1350 #voting .abstention {
1351 background-color: #ccc;
1352 }
1353 #voting .abstention .movable {
1354 background-color: #f2f2f2;
1355 }
1356 #voting .disapproval {
1357 background-color: #f88;
1358 }
1359 #voting .disapproval .movable {
1360 background-color: #fbb;
1361 }
1362 #voting .cathead {
1363 font-weight: bold;
1364 }
1365 #voting .movable {
1366 position: relative;
1367 border: 1px black solid;
1368 margin-top: 1ex;
1369 padding: 0.5ex;
1370 border-radius: 8px;
1371 }
1372 #voting .voting_form_active .movable {
1373 cursor: pointer;
1374 }
1375 #voting .voting_form_active .clickable {
1376 cursor: auto;
1377 }
1378 #voting .voting_form_active a.clickable {
1379 cursor: pointer;
1380 }
1382 #voting .movable {
1383 vertical-align: middle;
1384 cursor: move;
1385 }
1387 /*************************************************************************
1388 * timeline
1389 */
1390 div.ignore_area_list {
1391 float: left;
1392 width: 90%;
1393 margin: 0 0 1em 0;
1394 }
1396 div.ignore_area_list >
1397 label.ui_field_label {
1398 text-align: left ;
1399 width: 100%;
1400 border-bottom:1px solid #000000;
1401 color: #000000;
1402 font-size:75%;
1403 font-weight:bold;
1404 vertical-align:bottom;
1405 text-transform:none;
1406 padding:0.5ex 0.5em
1407 }
1409 div.ignore_area_item {
1410 clear: none;
1411 float: left;
1412 min-width: 10em;
1413 margin: 0.1ex 0.5em;
1414 margin-right: 0.5em;
1415 }
1417 div.ignore_area_item > input {
1418 float: none;
1419 clear: none;
1420 display: inline;
1421 }
1423 div.ignore_area_item >
1424 label.ui_field_label {
1425 float: none;
1426 clear: none;
1427 text-align: left;
1428 display: inline;
1429 }
1431 div.timeline_results {
1432 clear: both;
1433 }
1435 /* shadows */
1437 .initiative_head,
1438 .box,
1439 div.notifications {
1440 border-radius: 8px;
1441 }
1443 .initiative_head,
1444 .box {
1445 border: 1px solid #aaa;
1446 }
1448 .box {
1449 padding: 1ex;
1450 }
1452 .member_area_list .box {
1453 border: none;
1454 padding: 0;
1455 }
1457 .slot_head,
1458 .initiative_head,
1459 .issues .issue,
1460 .ui_tabs_links a,
1461 .draft_content,
1462 .help,
1463 .use_terms,
1464 .motd,
1465 .ui_filter a.active,
1466 .vote_info .content,
1467 .member_area_list,
1468 .box,
1469 div.notifications {
1470 box-shadow: #777 0px 5px 5px -5px;
1471 -mox-box-shadow: #777 0px 5px 5px -5px;
1472 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1473 clear: both;
1474 }
1476 .member_area_list .box {
1477 box-shadow: none;
1478 -mox-box-shadow: none;
1479 -webkit-box-shadow: none;
1480 }
1482 .slot_footer {
1483 margin: 0 1%;
1484 border-top: 1px solid #ccc;
1485 padding: 1ex;
1486 font-size: 80%;
1487 text-align: center;
1488 }
1489 .slot_footer,
1490 .slot_footer a {
1491 color: #666;
1492 }
1494 .footer {
1495 margin: 0 auto;
1496 max-width: 1130px;
1497 }