liquid_feedback_frontend
view static/style.css @ 372:e7e3fc3df03d
Added tag v2.beta1 for changeset 74f768a162e1
| author | jbe |
|---|---|
| date | Thu Mar 01 23:24:59 2012 +0100 (2012-03-01) |
| parents | 74f768a162e1 |
| children | 76d7eafb3893 |
line source
1 /* Style reset */
2 html,
3 body,
4 div,
5 span,
6 applet,
7 object,
8 iframe,
9 h1, h2, h3, h4, h5, h6,
10 p, a, img,
11 form, label, legend,
12 table, tbody, tfoot, thead, tr, th,td {
13 margin: 0;
14 padding: 0;
15 border: 0;
16 outline: 0;
17 font-weight: inherit;
18 font-style: inherit;
19 font-size: 100%;
20 font-family: inherit;
21 vertical-align: baseline;
22 }
23 body {
24 line-height: 1;
25 color: black;
26 background: white;
27 }
28 li {
29 line-height: 133%;
30 }
31 p {
32 margin-top: 2ex;
33 margin-bottom: 2ex;
34 }
36 table {
37 border-collapse: separate;
38 border-spacing: 0;
39 }
40 caption, th, td {
41 text-align: left;
42 font-weight: normal;
43 }
45 /*************************************************************************
46 * Some global definitions
47 */
49 body {
50 background: #fff;
51 line-height: 120%:
52 }
54 body, th, td {
55 font-family: sans-serif;
56 font-size: 15px;
57 font-size: 14px;
58 padding: 0;
59 margin: 0;
60 }
62 table {
63 margin-top: 1ex;
64 }
66 .area_list {
67 line-height: 140%;
68 }
70 body, a {
71 color: #000;
72 }
74 img {
75 border: none;
76 }
78 table {
79 border-collapse: collapse;
80 border: none;
81 }
83 td, th {
84 padding: 0.5ex 0.5em 0.5ex 0em;
85 }
87 td {
88 vertical-align: top;
89 }
91 th {
92 vertical-align: bottom;
93 font-weight: bold;
94 }
96 a.active {
97 color: #fff;
98 }
100 .revoked {
101 text-decoration: line-through;
102 }
104 .highlighted {
105 background-color: #fa7;
106 color: #000;
107 }
109 .admin_only {
110 font-style: italic;
111 }
113 h1 {
114 font-size: 150%;
115 }
117 h2 {
118 font-size: 125%;
119 }
121 .inline {
122 display: inline;
123 }
125 /*************************************************************************
126 * Notices, warnings and errors
127 */
129 .layout_notice, .layout_error, .layout_warning {
130 background: #fff;
131 font-weight: bold;
132 line-height: 1.7em;
133 -moz-opacity:0.7;
134 }
136 .slot_notice, .slot_warning, .slot_error {
137 padding-left: 1em;
138 }
140 .slot_notice {
141 background-color: #cfc;
142 color: #040;
143 }
145 .slot_warning {
146 background-color: #fec;
147 color: #420;
148 }
150 .slot_error {
151 background-color: #fcc;
152 color: #400;
153 }
155 /*************************************************************************
156 * Navigation, search and language chooser bar
157 */
159 .topbar {
160 background-color: #333;
161 background-image: -webkit-gradient(linear, left top, left bottom,
162 color-stop(0%, #888), color-stop(25%,#333)
163 );
164 color: #fff;
165 font-size: 90%;
166 line-height: 100%;
167 padding-left: 10px;
168 overflow: hidden;
169 box-shadow: #aaa 0 0 5px;
170 -mox-box-shadow: #aaa 0 0 5px;
171 -webkit-box-shadow: #aaa 0 0 5px;
172 }
174 .topbar .logolf {
175 font-weight: bold;
176 }
178 .topbar a {
179 color: #eee;
180 }
182 .topbar a:hover {
183 background-color: #eee;
184 color: #000;
185 }
187 .navigation,
188 .logout_button {
189 line-height: 200%;
190 }
192 .navigation img,
193 .logout_button img {
194 margin-right: 0.5em;
195 vertical-align: middle;
196 }
198 .navigation a,
199 .logout_button a {
200 padding: 1ex;
201 }
203 form.unit_selector {
204 display: inline;
205 }
207 .logout_button {
208 float: right;
209 }
211 .searchbox {
212 margin: 0;
213 padding: 0.1ex 1em 0ex 1em;
214 float: right;
215 line-height: 250%;
216 }
218 .searchbox form {
219 float: left;
220 margin: 0px;
221 }
223 .searchbox div {
224 display: inline;
225 }
227 .searchbox select {
228 margin-left: 0.3em;
229 margin-right: 0.4em;
230 font-size: 100%;
231 width: 8em;
232 }
234 .searchbox input[type=text] {
235 width: 8em;
236 padding: 0.25ex 0.25em 0.25ex 0.25em;
237 margin-right: 0.5em;
238 font-size: 100%;
239 }
241 .searchbox input[type=submit] {
242 font-size: 100%;
243 }
245 /*************************************************************************
246 * Title of current page including path and actions
247 */
249 .title,
250 .title2,
251 .actions {
252 background-color: #f2f2f2;
253 margin-left: 10px;
254 margin-right: 10px;
255 }
257 .initiative_head .actions {
258 box-shadow: none;
259 -moz-box-shadow: none;
260 -webkit-box-shadow: none;
261 }
263 .actions {
264 border-radius: 0 0 8px 8px;
265 }
267 .initiative_head .actions {
268 background-color: #fff;
269 margin: 0px;
270 }
272 .slot_initiatives_list {
273 margin-top: 1ex;
274 margin-left: 10px;
275 margin-right: 10px;
276 background-color: #fcfcfc;
277 border-radius: 8px;
278 clear: left;
279 border: 1px solid #ddd;
280 padding-top: 1ex;
281 padding-bottom: 1ex;
282 }
284 .title {
285 box-shadow: inset #888 0px 5px 6px -5px;
286 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
287 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
288 }
290 .title {
291 color: #000;
292 padding: 1.5ex 1em 0 1em;
293 }
295 .title div {
296 font-size: 125%;
297 line-height: 110%;
298 }
300 .title a {
301 color: #000;
302 }
304 .title .member_image {
305 margin-right: 0.7em;
306 vertical-align: middle;
307 border-radius: 7px;
308 }
310 .slot_title2 {
311 padding: 1ex 1em 0 1em;
312 }
314 .member_list .member_image_avatar {
315 float: left;
316 margin-right: 0.5em;
317 }
319 .micro_avatar {
320 width: 24px;
321 height: 24px;
322 border-radius: 4px;
323 vertical-align: middle;
324 }
326 .actions {
327 font-size: 75%;
328 line-height: 220%;
329 padding-top: 2ex;
330 padding-bottom: 1ex;
331 }
333 .interest {
334 margin-left: 1.33em;
335 margin-bottom: 1.33ex;
336 }
338 .slot_actions .interest {
339 margin-left: 0em;
340 }
342 .actions a {
343 margin-right: 1em;
344 border-radius: 5px;
345 padding-right: 0.3em;
346 }
348 .slot_initiative_head {
349 padding-left: 10px;
350 padding-top: 2ex;
351 }
353 .initiative_name {
354 font-weight: bold;
355 font-size: 125%;
356 }
357 .actions a {
358 float: left;
359 }
361 .actions a:hover {
362 background-color: #d7d7d7;
363 }
365 .actions img {
366 padding-left: 0.2em;
367 padding-right: 0.2em;
368 vertical-align: middle;
369 }
371 .logo {
372 float: right;
373 margin-right: 1em;
374 }
377 .member_image_photo {
378 border-radius: 8px;
379 }
381 /*************************************************************************
382 * vote info / delegation
383 */
385 .interest,
386 .slot_support,
387 .delegation {
388 float: left;
389 position: relative;
390 z-index: 1;
391 }
393 .interest img,
394 .slot_support img,
395 .delegation img {
396 padding-left: 0.2em;
397 padding-right: 0.2em;
398 }
399 .actions .supporter,
400 .actions .potential_supporter,
401 .vote_info .head {
402 float: left;
403 margin-right: 1em;
404 }
406 .actions .supporter,
407 .actions .potential_supporter,
408 .actions .interest .head {
409 padding-right: 0.3em;
410 }
412 .delegation .head_active,
413 .interest .head_active,
414 .actions .supporter,
415 .actions .potential_supporter {
416 border-radius: 5px;
417 border: 1px solid #5f6675;
418 }
420 .delegation .head_active,
421 .interest .head_active {
422 background-color: #cdf;
423 }
425 .actions .supporter {
426 background-color: #cdf;
427 }
429 .actions .potential_supporter {
430 background-color: #cdf;
431 }
433 .slot_support .head_initiator {
434 background-color: #f2f2f2;
435 border-radius: 5px;
436 }
438 .delegation .change_delegation {
439 margin-bottom: 2ex;
440 }
442 .delegation .change_delegation a {
443 display: inline;
444 float: none;
445 padding: 1ex;
446 }
448 .delegation .delegation_participation {
449 margin-left: 20.5em;
450 margin-top: 3ex;
451 font-style: italic;
452 font-size: 80%;
453 }
455 .slot_actions .change_delegation {
456 float: left;
457 }
459 .vote_info .close {
460 position: absolute;
461 top: 0;
462 right: 0;
463 padding: 1ex;
464 display: block;
465 }
467 .vote_info .content {
468 font-size: 133%;
469 line-height: 100%;
470 top: 2.8ex;
471 display: none;
472 position: absolute;
473 z-index: 10;
474 background-color: #cdf;
475 border-radius: 0 5px 5px 5px;
476 padding: 1em;
477 width: 35em;
478 border: 1px solid #5f6675;
479 border-top: none;
480 }
482 .delegation_arrow {
483 vertical-align: middle;
484 }
486 .vote_info .delegation_arrow {
487 margin-top: 1ex;
488 margin-bottom: 1ex;
489 }
491 .vote_info .delegation_arrow_overridden {
492 opacity: 0.4;
493 }
495 .vote_info .delegation_scope_overridden {
496 color: #777;
497 }
499 .vote_info .delegation_scope {
500 display: inline;
501 }
503 .vote_info .delegation_info {
504 }
506 .vote_info a {
507 padding-right: 0;
508 }
510 .vote_info .member_thumb {
511 clear: left;
512 background: #fff;
513 }
515 .delegation_overridden .member_thumb {
516 opacity: 0.4;
517 }
519 .delegation .revoke {
520 margin: 0.5ex;
521 float: right;
522 }
524 .delegation .revoke img {
525 vertical-align: middle;
526 }
529 /*************************************************************************
530 * Main content
531 */
533 .main {
534 margin-left: 10px;
535 margin-right: 10px;
536 }
538 /*************************************************************************
539 * ui.tab
540 */
542 .ui_tabs_links {
543 margin-top: 3ex;
544 margin-bottom: 1ex;
545 font-size: 75%;
546 }
548 .ui_tabs_links a {
549 padding: 1ex;
550 line-height: 300%;
551 background-color: #f2f2f2;
552 white-space: nowrap;
553 border-radius: 5px;
554 margin-right: 5px;
555 font-weight: bold;
556 }
558 .ui_tabs_links a:hover {
559 background-color: #d7d7d7;
560 }
562 .ui_tabs_links a.selected {
563 background-color: #444;
564 color: #fff;
565 text-decoration: none;
566 padding: 1ex;
567 }
569 .ui_tabs_content {
570 xborder: 1px solid #444;
571 xpadding: 1ex 1ex 1ex 1ex;
572 }
574 .ui_tabs_links a.yellow {
575 background-color: #fcc;
576 color: #000;
577 }
579 .ui_tabs_links a.yellow:hover {
580 background-color: #faa;
581 }
583 .ui_tabs_links a.yellow.selected {
584 background-color: #a44;
585 color: #fff;
586 text-decoration: none;
587 padding: 1ex;
588 }
590 .ui_tabs_links a.red {
591 background-color: #c33;
592 color: #000;
593 }
595 .ui_tabs_links a.red:hover {
596 background-color: #ebb;
597 }
599 .ui_tabs_links a.red.selected {
600 background-color: #644;
601 color: #fff;
602 text-decoration: none;
603 padding: 1ex;
604 }
607 /*************************************************************************
608 * ui.filters
609 */
611 .ui_filter {
612 overflow: hidden;
613 margin-bottom: 1ex;
614 }
616 .ui_filter_closed_head,
617 .ui_filter_head {
618 color: #777;
619 margin-top: 1ex;
620 margin-bottom: 1.5ex;
621 font-size: 75%;
622 float: left;
623 }
625 .ui_filter_head {
626 margin-right: 2em;
627 }
629 .ui_filter_head a {
630 color: #777;
631 padding: 0.5ex;
632 margin-right: 0.2em;
633 }
635 .ui_filter_head a.active {
636 color: #fff;
637 background-color: #777;
638 padding: 0.5ex;
639 border-radius: 5px;
640 }
642 /*************************************************************************
643 * ui.paginate
644 */
646 .ui_paginate_head {
647 display: none;
648 margin-bottom: 1ex;
649 }
651 .ui_paginate_foot {
652 margin-top: 1ex;
653 }
655 .ui_paginate_select a {
656 padding: 0.5em;
657 }
659 /*************************************************************************
660 * ui.bargraph
661 */
663 .bargraph {
664 width: 103px;
665 }
667 .bargraph50 {
668 width: 52px;
669 }
671 .bargraph div {
672 float: left;
673 margin-top: 0.5ex;
674 height: 1.3ex;
675 }
677 /*************************************************************************
678 * vertical ui.form
679 */
681 .vertical {
682 margin-top: 2ex;
683 }
685 .login input[type=text],
686 .vertical input[type=text],
687 .login input[type=password],
688 .vertical input[type=password],
689 .vertical textarea,
690 .vertical select {
691 font-family: sans-serif;
692 font-size: 100%;
693 width: 50em;
694 border: 1px solid #444;
695 padding: 0.2ex 0.2em 0.2ex 0.2em;
696 margin-bottom: 1ex;
697 }
699 .login input[type=password],
700 .vertical input[type=password] {
701 width: 16em;
702 }
704 .vertical select {
705 padding-right: 0;
706 }
708 .login .ui_field_label,
709 .vertical .ui_field_label {
710 text-transform: uppercase;
711 font-size: 70%;
712 line-height: 120%;
713 font-weight: bold;
714 color: #777;
715 width: 15em;
716 display: block;
717 float: left;
718 clear: left;
719 text-align: right;
720 padding-right: 0.5em;
721 }
723 .ui_field_label.label_right {
724 text-align: left;
725 width: auto;
726 }
728 .login input[type=text],
729 .login input[type=password] {
730 width: 10em;
731 }
733 .login div,
734 .vertical div {
735 clear: left;
736 }
738 .vertical span {
739 display: block;
740 margin-bottom: 0.5ex;
741 }
743 .vertical span:after {
744 content: " ";
745 }
747 .vertical span span {
748 display: inline;
749 margin-bottom: 0;
750 }
752 .login input[type=submit],
753 .vertical input[type=submit] {
754 font-size: 100%;
755 margin-left: 11em;
756 background-color: #444444;
757 color: #fff;
758 border: none;
759 padding: 0.75ex;
760 }
762 .login input[type=submit]:hover,
763 .vertical input[type=submit]:hover {
764 background-color: #444444;
765 }
767 /*************************************************************************
768 * Tables
769 */
772 table a.action {
773 font-size: 70%;
774 line-height: 190%;
775 padding: 0.5ex;
776 color: #777;
777 }
779 table a.active {
780 color: #fff;
781 }
783 th {
784 text-align: left;
785 }
787 tr:hover td {
788 background-color: #f2f2f2;
789 }
791 .nohover tr:hover td {
792 background-color: #fff;
793 }
795 .initiatives_list .nohover tr:hover td {
796 background-color: #f2f2f2;
797 }
799 .nohover table tr:hover td {
800 background-color: #f2f2f2;
801 }
804 tr table tr:hover td {
805 background-color: #fff;
806 }
809 /*************************************************************************
810 * Positive / Negtive votes
811 */
814 .positive_votes span {
815 display: inline;
816 }
818 .positive_votes {
819 display: inline;
820 background-color: #cfc;
821 padding: 0.3ex 0.5em 0.3ex 0.5em;
822 }
824 .negative_votes span {
825 display: inline;
826 }
828 .negative_votes {
829 display: inline;
830 background-color: #fcc;
831 padding: 0.3ex 0.5em 0.3ex 0.5em;
832 }
834 .suggestion_my_opinion a,
835 .suggestion_my_opinion span {
836 white-space: nowrap;
837 padding-left: 0.2ex !important;
838 padding-right: 0.2ex !important;
839 }
841 .active {
842 background-color: #444;
843 color: #fff;
844 }
846 .active_red2 { background-color: #a00; color: #fff !important; }
847 .active_red1 { background-color: #f88; color: #000 !important; }
848 .active_green1 { background-color: #8f8; color: #000 !important; }
849 .active_green2 { background-color: #0a0; color: #000 !important; }
854 /*************************************************************************
855 * Issues
856 */
858 .issues {
859 clear: left;
860 }
862 .issues .issue {
863 background-color: #fcfcfc;
864 overflow: hidden;
865 margin-bottom: 2ex;
866 border: 1px solid #ccc;
867 border-radius: 8px;
868 }
870 .issues .issue.interested,
871 .issues .issue.interest_by_delegation {
872 border: 1px solid #b2cdff;
873 }
875 .issues .issue .issue_info {
876 padding: 1ex 1em 0.3ex 1em;
877 line-height: 140%;
878 margin-bottom: 1ex;
879 }
881 .issues .issue.interested .issue_info,
882 .issues .issue.interested_by_delegation .issue_info {
883 background-color: #dfeaff;
884 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
885 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
886 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
887 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
888 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
889 }
891 .issues .issue .issue_info .issue_id {
892 font-size: 125%;
893 }
895 .issue_policy_info {
896 font-style: italic;
897 }
899 .issues .issue .interest_by_delegation {
900 float: right;
901 }
903 .issues .issue .initiative_list a {
904 font-weight: bold;
905 }
907 .issue_initiative_list a {
908 font-weight: bold;
909 }
911 .more_initiatives_link {
912 display: block;
913 margin-left: 166px;
914 font-style: italic;
915 margin-bottom: 1ex;
916 }
918 .issues tr tr {
919 border: none;
920 background: none;
921 }
923 .initiative_link.selected {
924 font-weight: bold;
925 }
927 x.initiative_link.supported {
928 background-color: #cdf;
929 border-radius: 5px;
930 }
932 x.initiative_link.potentially_supported {
933 background-color: #cdf;
934 border-radius: 5px;
935 }
937 .lang_chooser {
938 float: right;
939 margin-right: 0.5em;
940 }
942 .delegation_list_entry {
943 margin-right: 2em;
944 margin-bottom: 2ex;
945 float: left;
946 clear: left;
947 }
949 .delegation_list_entry .delegation_arrow {
950 float: left;
951 }
953 .delegation_list_entry .delegation_scope {
954 float: left;
955 width: 25em;
956 }
958 .delegation_list_entry .delegation_scope a {
959 display: block;
960 }
962 .member_list .member_thumb {
963 float: left;
964 margin-right: 1em;
965 margin-bottom: 2ex;
966 }
968 .member_thumb {
969 text-decoration: none;
970 width: 14.5em;
971 height: 48px;
972 display: block;
973 float: left;
974 background-color: #f2f2f2;
975 overflow: hidden;
976 position: relative;
977 border-radius: 7px;
978 padding: 2px;
979 }
981 .xmember_thumb a {
982 position: absolute;
983 top: 0;
984 left: 0;
985 padding: 0;
986 margin: 0;
987 }
989 .member_thumb a:hover div {
990 background-color: #444;
991 color: #fff;
992 }
994 .member_thumb img {
995 padding: 0;
996 margin: 0;
997 vertical-align: bottom;
998 border-radius: 7px;
999 }
1001 .member_thumb .member_name {
1002 position: absolute;
1003 left: 56px;
1004 top: 2ex;
1005 font-size: 100%;
1006 width: 14em;
1007 }
1009 .member_thumb .flags {
1010 text-align: right;
1011 font-size: 75%;
1012 }
1014 .member_thumb .flags a,
1015 .member_thumb .flags img {
1016 position: static;
1017 float: right;
1018 margin-left: 0.5em;
1019 }
1021 .member_thumb .flags .in_delegation_chain {
1022 font-weight: bold;
1023 }
1025 .member .right {
1026 float: right;
1027 }
1029 .member_thumb.not_accepted,
1030 .member_thumb.not_informed {
1031 background: #fff;
1032 }
1034 .member_thumb.not_accepted .member_image,
1035 .member_thumb.not_accepted .member_name,
1036 .member_thumb.not_informed .member_image,
1037 .member_thumb.not_informed .member_name {
1038 opacity: 0.4;
1039 }
1041 .member_thumb.in_delegation_chain {
1042 background-color: #cdf;
1043 }
1045 .member_statement,
1046 .draft_content,
1047 .suggestion_content {
1048 background-color: #f2f2f2;
1049 padding: 1ex;
1050 border-radius: 8px;
1051 }
1053 .member_statement {
1054 margin-right: 250px;
1055 }
1057 #suggestion_description {
1058 height: 15ex;
1059 }
1061 .diff {
1062 background-color: #f2f2f2;
1063 border: 1px solid #ccc;
1064 padding: 1ex;
1065 }
1067 .diff_added {
1068 background-color: #cfc;
1069 text-decoration: underline;
1070 }
1072 .diff_removed {
1073 background-color: #fcc;
1074 text-decoration: line-through;
1075 }
1077 .slot_issue_info {
1078 background-color: #f2f2f2;
1079 border: 1px solid #ccc;
1080 float: right;
1081 padding: 0.5ex;
1082 line-height: 130%;
1083 margin-right: 1em;
1084 }
1086 .issue_info label {
1087 float: left;
1088 width: 8em;
1089 text-transform: uppercase;
1090 font-size: 70%;
1091 color: #777;
1092 font-weight: bold;
1093 clear: left;
1094 text-align: right;
1095 margin-right: 0.7em;
1096 }
1098 .admitted_info {
1099 background-color: #dfd;
1100 padding: 1ex;
1101 margin-bottom: 2ex;
1102 border-radius: 8px;
1103 }
1105 .not_admitted_info,
1106 .revoked_info {
1107 background-color: #fdd;
1108 padding: 1ex;
1109 margin-bottom: 2ex;
1110 border-radius: 8px;
1111 }
1113 .draft_updated_info,
1114 .voting_active_info,
1115 .initiator_invite_info,
1116 .motd,
1117 .public_access_issue_head {
1118 background-color: #fec;
1119 padding: 1ex;
1120 margin-top: 2ex;
1121 margin-bottom: 2ex;
1122 border-radius: 8px;
1123 }
1125 .suggestion_fulfilled {
1126 width: 15em;
1127 }
1128 .suggestion_fulfilled a.action {
1129 padding-left: 0;
1130 line-height: 120%;
1131 }
1133 .help,
1134 .use_terms {
1135 border-radius: 8px;
1136 border: 1px solid #ffe900;
1137 background-color: #fffbce;
1138 color: #000;
1139 padding: 1ex;
1140 }
1142 .help_visible {
1143 margin-top: 2ex;
1144 margin-bottom: 1ex;
1145 }
1147 .help_visible .help_icon {
1148 float: right;
1149 }
1151 .slot_help_hidden {
1152 float: right;
1153 margin-right: 1em;
1154 margin-top: 1ex;
1155 }
1157 .help_actions {
1158 font-size: 75%;
1159 float: right;
1160 }
1162 .help_actions a {
1163 margin-right: 1em;
1164 color: #468;
1165 }
1167 .wiki {
1168 line-height: 133%;
1169 }
1171 .wiki h1,
1172 .wiki h2,
1173 .wiki h3,
1174 .wiki h4 {
1175 margin-top: 1ex;
1176 margin-bottom: 1ex;
1177 }
1179 .wiki h1 {
1180 font-size: 150%;
1181 font-weight: bold;
1182 }
1184 .wiki h2 {
1185 font-size: 125%;
1186 font-weight: bold;
1187 }
1189 .wiki h3 {
1190 font-size: 125%;
1191 }
1193 .wiki h4 {
1194 font-size: 100%;
1195 font-weight: bold;
1196 }
1198 .wiki p {
1199 margin-top: 1ex;
1200 margin-bottom: 1ex;
1201 }
1203 form .warning {
1204 background-color: #ffd;
1205 color: #000;
1206 border: 1px solid #dda;
1207 margin: 1ex;
1208 margin-bottom: 2ex;
1209 padding: 1ex;
1210 }
1212 a.not_voted {
1213 display: block;
1214 background-color: #fec;
1215 color: #000;
1216 }
1218 .action_active {
1219 background-color: #fec;
1220 }
1222 .heading {
1223 display: block;
1224 font-size: 120%;
1225 font-weight: bold;
1226 }
1228 .heading.member_area_list {
1229 position: absolute;
1230 }
1232 .heading.first {
1233 margin-top: 0;
1234 }
1236 .menu_list li {
1237 padding-top: 1ex;
1238 padding-bottom: 1ex;
1239 }
1241 .deactivated_member_info {
1242 background-color: #a00;
1243 color: #fff;
1244 }
1246 /*************************************************************************
1247 * Voting
1248 */
1250 #voting_form {
1251 margin-top: 20px;
1252 }
1254 #voting {
1255 position: relative;
1256 }
1258 #voting .approval, .abstention, .disapproval {
1259 border: 2px black solid;
1260 margin-top: 2ex;
1261 margin-bottom: 5ex;
1262 padding: 1ex;
1263 padding-bottom: 2ex;
1264 border-radius: 8px;
1265 }
1266 #voting .approval {
1267 background-color: #9f9;
1268 }
1269 #voting .approval .movable {
1270 background-color: #dfd;
1271 }
1272 #voting .abstention {
1273 background-color: #ccc;
1274 }
1275 #voting .abstention .movable {
1276 background-color: #f2f2f2;
1277 }
1278 #voting .disapproval {
1279 background-color: #f88;
1280 }
1281 #voting .disapproval .movable {
1282 background-color: #fbb;
1283 }
1284 #voting .cathead {
1285 font-weight: bold;
1286 }
1287 #voting .movable {
1288 position: relative;
1289 border: 1px black solid;
1290 margin-top: 1ex;
1291 padding: 0.5ex;
1292 border-radius: 8px;
1293 }
1294 #voting .voting_form_active .movable {
1295 cursor: pointer;
1296 }
1297 #voting .voting_form_active .clickable {
1298 cursor: auto;
1299 }
1300 #voting .voting_form_active a.clickable {
1301 cursor: pointer;
1302 }
1304 #voting .grabber {
1305 vertical-align: middle;
1306 cursor: move;
1307 }
1309 /*************************************************************************
1310 * timeline
1311 */
1312 div.ignore_area_list {
1313 float: left;
1314 width: 90%;
1315 margin: 0 0 1em 0;
1316 }
1318 div.ignore_area_list >
1319 label.ui_field_label {
1320 text-align: left ;
1321 width: 100%;
1322 border-bottom:1px solid #000000;
1323 color: #000000;
1324 font-size:75%;
1325 font-weight:bold;
1326 vertical-align:bottom;
1327 text-transform:none;
1328 padding:0.5ex 0.5em
1329 }
1331 div.ignore_area_item {
1332 clear: none;
1333 float: left;
1334 min-width: 10em;
1335 margin: 0.1ex 0.5em;
1336 margin-right: 0.5em;
1337 }
1339 div.ignore_area_item > input {
1340 float: none;
1341 clear: none;
1342 display: inline;
1343 }
1345 div.ignore_area_item >
1346 label.ui_field_label {
1347 float: none;
1348 clear: none;
1349 text-align: left;
1350 display: inline;
1351 }
1353 div.timeline_results {
1354 clear: both;
1355 }
1357 /* shadows */
1359 .slot_initiatives_list,
1360 .actions,
1361 .issues .issue,
1362 .ui_tabs_links a,
1363 .draft_content,
1364 .help,
1365 .use_terms,
1366 .motd,
1367 .ui_filter a.active,
1368 .vote_info .content {
1369 box-shadow: #777 0px 5px 5px -5px;
1370 -mox-box-shadow: #777 0px 5px 5px -5px;
1371 -webkit-box-shadow: #777 0px 5px 5px -5px;
1372 }