liquid_feedback_frontend
view static/style.css @ 340:65561f115d26
Small optical changes and css code cleanup
| author | bsw |
|---|---|
| date | Tue Feb 28 19:02:15 2012 +0100 (2012-02-28) |
| parents | 4f8058e4d7db |
| children | 56c13151d0b8 |
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 table {
29 border-collapse: separate;
30 border-spacing: 0;
31 }
32 caption, th, td {
33 text-align: left;
34 font-weight: normal;
35 }
37 /*************************************************************************
38 * Some global definitions
39 */
41 body {
42 background: #fff;
43 }
45 body, th, td {
46 font-family: sans-serif;
47 font-size: 15px;
48 font-size: 14px;
49 padding: 0;
50 margin: 0;
51 }
53 .area_list {
54 line-height: 140%;
55 }
57 body, a {
58 color: #000;
59 }
61 img {
62 border: none;
63 }
65 table {
66 border-collapse: collapse;
67 border: none;
68 }
70 td, th {
71 padding: 0.5ex 0.5em 0.5ex 0em;
72 }
74 td {
75 vertical-align: top;
76 }
78 th {
79 vertical-align: bottom;
80 font-weight: bold;
81 }
83 a.active {
84 color: #fff;
85 }
87 .revoked {
88 text-decoration: line-through;
89 }
91 .highlighted {
92 background-color: #fa7;
93 color: #000;
94 }
96 .admin_only {
97 font-style: italic;
98 }
100 h1 {
101 font-size: 150%;
102 }
104 h2 {
105 font-size: 125%;
106 }
108 .inline {
109 display: inline;
110 }
112 /*************************************************************************
113 * Notices, warnings and errors
114 */
116 .layout_notice, .layout_error, .layout_warning {
117 background: #fff;
118 font-weight: bold;
119 line-height: 1.7em;
120 -moz-opacity:0.7;
121 }
123 .slot_notice, .slot_warning, .slot_error {
124 padding-left: 1em;
125 }
127 .slot_notice {
128 background-color: #cfc;
129 color: #040;
130 }
132 .slot_warning {
133 background-color: #fec;
134 color: #420;
135 }
137 .slot_error {
138 background-color: #fcc;
139 color: #400;
140 }
142 /*************************************************************************
143 * Navigation, search and language chooser bar
144 */
146 .topbar {
147 background-color: #333;
148 background-image: -webkit-gradient(linear, left top, left bottom,
149 color-stop(0%, #888), color-stop(25%,#333)
150 );
151 color: #fff;
152 font-size: 90%;
153 line-height: 100%;
154 padding-left: 10px;
155 overflow: hidden;
156 box-shadow: #aaa 0 0 5px;
157 -mox-box-shadow: #aaa 0 0 5px;
158 -webkit-box-shadow: #aaa 0 0 5px;
159 }
161 .topbar .logolf {
162 font-weight: bold;
163 }
165 .topbar a {
166 color: #eee;
167 }
169 .topbar a:hover {
170 background-color: #eee;
171 color: #000;
172 }
174 .navigation,
175 .logout_button {
176 line-height: 200%;
177 }
179 .navigation img,
180 .logout_button img {
181 margin-right: 0.5em;
182 vertical-align: middle;
183 }
185 .navigation a,
186 .logout_button a {
187 padding: 1ex;
188 }
190 form.unit_selector {
191 display: inline;
192 }
194 .logout_button {
195 float: right;
196 }
198 .searchbox {
199 margin: 0;
200 padding: 0.1ex 1em 0ex 1em;
201 float: right;
202 line-height: 250%;
203 }
205 .searchbox form {
206 float: left;
207 margin: 0px;
208 }
210 .searchbox div {
211 display: inline;
212 }
214 .searchbox select {
215 margin-left: 0.3em;
216 margin-right: 0.4em;
217 font-size: 100%;
218 width: 8em;
219 }
221 .searchbox input[type=text] {
222 width: 8em;
223 padding: 0.25ex 0.25em 0.25ex 0.25em;
224 margin-right: 0.5em;
225 font-size: 100%;
226 }
228 .searchbox input[type=submit] {
229 font-size: 100%;
230 }
232 /*************************************************************************
233 * Title of current page including path and actions
234 */
236 .title,
237 .title2,
238 .actions {
239 background-color: #f2f2f2;
240 margin-left: 10px;
241 margin-right: 10px;
242 }
244 .initiative_head .actions {
245 box-shadow: none;
246 -moz-box-shadow: none;
247 -webkit-box-shadow: none;
248 }
250 .actions {
251 border-radius: 0 0 8px 8px;
252 }
254 .initiative_head .actions {
255 background-color: #fff;
256 margin: 0px;
257 }
259 .slot_initiatives_list {
260 margin-top: 1ex;
261 margin-left: 10px;
262 margin-right: 10px;
263 background-color: #fcfcfc;
264 border-radius: 8px;
265 clear: left;
266 border: 1px solid #ddd;
267 padding-top: 1ex;
268 padding-bottom: 1ex;
269 }
271 .title {
272 box-shadow: inset #888 0px 5px 6px -5px;
273 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
274 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
275 }
277 .title {
278 color: #000;
279 padding: 1.5ex 1em 0 1em;
280 }
282 .title div {
283 font-size: 125%;
284 line-height: 110%;
285 }
287 .title a {
288 color: #000;
289 }
291 .title .member_image {
292 margin-right: 0.7em;
293 vertical-align: middle;
294 border-radius: 7px;
295 }
297 .slot_title2 {
298 padding: 1ex 1em 0 1em;
299 }
301 .member_list .member_image_avatar {
302 float: left;
303 margin-right: 0.5em;
304 }
306 .micro_avatar {
307 width: 24px;
308 height: 24px;
309 border-radius: 4px;
310 vertical-align: middle;
311 }
313 .actions {
314 font-size: 75%;
315 line-height: 220%;
316 padding-top: 2ex;
317 padding-bottom: 1ex;
318 }
320 .interest {
321 margin-left: 1.33em;
322 margin-bottom: 1.33ex;
323 }
325 .slot_actions .interest {
326 margin-left: 0em;
327 }
329 .actions a {
330 margin-right: 1em;
331 border-radius: 5px;
332 padding-right: 0.3em;
333 }
335 .slot_initiative_head {
336 padding-left: 10px;
337 padding-top: 2ex;
338 }
340 .initiative_name {
341 font-weight: bold;
342 font-size: 125%;
343 }
344 .actions a {
345 float: left;
346 }
348 .actions a:hover {
349 background-color: #d7d7d7;
350 }
352 .actions img {
353 padding-left: 0.2em;
354 padding-right: 0.2em;
355 vertical-align: middle;
356 }
358 .logo {
359 float: right;
360 margin-right: 1em;
361 }
364 .member_image_photo {
365 border-radius: 8px;
366 }
368 /*************************************************************************
369 * vote info / delegation
370 */
372 .interest,
373 .slot_support,
374 .delegation {
375 float: left;
376 position: relative;
377 z-index: 1;
378 }
380 .interest img,
381 .slot_support img,
382 .delegation img {
383 padding-left: 0.2em;
384 padding-right: 0.2em;
385 }
386 .actions .supporter,
387 .actions .potential_supporter,
388 .vote_info .head {
389 float: left;
390 margin-right: 1em;
391 }
393 .actions .supporter,
394 .actions .potential_supporter,
395 .actions .interest .head {
396 padding-right: 0.3em;
397 }
399 .delegation .head_active,
400 .interest .head_active,
401 .actions .supporter,
402 .actions .potential_supporter {
403 border-radius: 5px;
404 border: 1px solid #5f6675;
405 }
407 .delegation .head_active,
408 .interest .head_active {
409 background-color: #cdf;
410 }
412 .actions .supporter {
413 background-color: #cdf;
414 }
416 .actions .potential_supporter {
417 background-color: #cdf;
418 }
420 .slot_support .head_initiator {
421 background-color: #f2f2f2;
422 border-radius: 5px;
423 }
425 .delegation .change_delegation {
426 margin-bottom: 2ex;
427 }
429 .delegation .change_delegation a {
430 display: inline;
431 float: none;
432 padding: 1ex;
433 }
435 .delegation .delegation_participation {
436 margin-left: 20.5em;
437 margin-top: 3ex;
438 font-style: italic;
439 font-size: 80%;
440 }
442 .slot_actions .change_delegation {
443 float: left;
444 }
446 .vote_info .close {
447 position: absolute;
448 top: 0;
449 right: 0;
450 padding: 1ex;
451 display: block;
452 }
454 .vote_info .content {
455 font-size: 133%;
456 line-height: 100%;
457 top: 2.8ex;
458 display: none;
459 position: absolute;
460 z-index: 10;
461 background-color: #cdf;
462 border-radius: 0 5px 5px 5px;
463 padding: 1em;
464 width: 35em;
465 border: 1px solid #fff;
466 border-top: none;
467 }
469 .vote_info .delegation_arrow {
470 margin-top: 1ex;
471 margin-bottom: 1ex;
472 vertical-align: middle;
473 }
475 .vote_info .delegation_arrow_overridden {
476 opacity: 0.4;
477 }
479 .vote_info .delegation_scope_overridden {
480 color: #777;
481 }
483 .vote_info .delegation_scope {
484 display: inline;
485 }
487 .vote_info .delegation_info {
488 }
490 .vote_info a {
491 padding-right: 0;
492 }
494 .vote_info .member_thumb {
495 clear: left;
496 background: #fff;
497 }
499 .delegation_overridden .member_thumb {
500 opacity: 0.4;
501 }
503 .delegation .revoke {
504 margin: 0.5ex;
505 float: right;
506 }
508 .delegation .revoke img {
509 vertical-align: middle;
510 }
513 /*************************************************************************
514 * Main content
515 */
517 .main {
518 margin-left: 10px;
519 margin-right: 10px;
520 }
522 /*************************************************************************
523 * ui.tab
524 */
526 .ui_tabs_links {
527 margin-top: 3ex;
528 margin-bottom: 1ex;
529 font-size: 75%;
530 }
532 .ui_tabs_links a {
533 padding: 1ex;
534 line-height: 300%;
535 background-color: #f2f2f2;
536 white-space: nowrap;
537 border-radius: 5px;
538 margin-right: 5px;
539 font-weight: bold;
540 }
542 .ui_tabs_links a:hover {
543 background-color: #d7d7d7;
544 }
546 .ui_tabs_links a.selected {
547 background-color: #444;
548 color: #fff;
549 text-decoration: none;
550 padding: 1ex;
551 }
553 .ui_tabs_content {
554 xborder: 1px solid #444;
555 xpadding: 1ex 1ex 1ex 1ex;
556 }
558 .ui_tabs_links a.yellow {
559 background-color: #fcc;
560 color: #000;
561 }
563 .ui_tabs_links a.yellow:hover {
564 background-color: #faa;
565 }
567 .ui_tabs_links a.yellow.selected {
568 background-color: #a44;
569 color: #fff;
570 text-decoration: none;
571 padding: 1ex;
572 }
574 .ui_tabs_links a.red {
575 background-color: #c33;
576 color: #000;
577 }
579 .ui_tabs_links a.red:hover {
580 background-color: #ebb;
581 }
583 .ui_tabs_links a.red.selected {
584 background-color: #644;
585 color: #fff;
586 text-decoration: none;
587 padding: 1ex;
588 }
591 /*************************************************************************
592 * ui.filters
593 */
595 .ui_filter {
596 overflow: hidden;
597 margin-bottom: 1ex;
598 }
600 .ui_filter_closed_head,
601 .ui_filter_head {
602 color: #777;
603 margin-top: 1ex;
604 margin-bottom: 1.5ex;
605 font-size: 75%;
606 float: left;
607 }
609 .ui_filter_head {
610 margin-right: 2em;
611 }
613 .ui_filter_head a {
614 color: #777;
615 padding: 0.5ex;
616 margin-right: 0.2em;
617 }
619 .ui_filter_head a.active {
620 color: #fff;
621 background-color: #777;
622 padding: 0.5ex;
623 border-radius: 5px;
624 }
626 /*************************************************************************
627 * ui.paginate
628 */
630 .ui_paginate_head {
631 display: none;
632 margin-bottom: 1ex;
633 }
635 .ui_paginate_foot {
636 margin-top: 1ex;
637 }
639 .ui_paginate_select a {
640 padding: 0.5em;
641 }
643 /*************************************************************************
644 * ui.bargraph
645 */
647 .bargraph {
648 width: 103px;
649 }
651 .bargraph50 {
652 width: 52px;
653 }
655 .bargraph div {
656 float: left;
657 margin-top: 0.5ex;
658 height: 1.3ex;
659 }
661 .bargraph_legend {
662 margin-top: 2ex;
663 }
665 .bargraph_legend .bargraph {
666 width: 26px;
667 }
669 .bargraph_legend div,
670 .bargraph_legend div div,
671 .bargraph_legend div div div {
672 float: left;
673 }
675 .bargraph_legend_label {
676 margin-left: 0.5em;
677 margin-right: 1em;
678 }
680 /*************************************************************************
681 * vertical ui.form
682 */
684 .login input[type=text],
685 .vertical input[type=text],
686 .login input[type=password],
687 .vertical input[type=password],
688 .vertical textarea,
689 .vertical select {
690 font-family: sans-serif;
691 font-size: 100%;
692 width: 50em;
693 border: 1px solid #444;
694 padding: 0.2ex 0.2em 0.2ex 0.2em;
695 margin-bottom: 1ex;
696 }
698 .login input[type=password],
699 .vertical input[type=password] {
700 width: 16em;
701 }
703 .vertical select {
704 padding-right: 0;
705 }
707 .login .ui_field_label,
708 .vertical .ui_field_label {
709 text-transform: uppercase;
710 font-size: 70%;
711 line-height: 120%;
712 font-weight: bold;
713 color: #777;
714 width: 15em;
715 display: block;
716 float: left;
717 clear: left;
718 text-align: right;
719 padding-right: 0.5em;
720 }
722 .ui_field_label.label_right {
723 text-align: left;
724 width: auto;
725 }
727 .login input[type=text],
728 .login input[type=password] {
729 width: 10em;
730 }
732 .login div,
733 .vertical div {
734 clear: left;
735 }
737 .vertical span {
738 display: block;
739 margin-bottom: 0.5ex;
740 }
742 .vertical span:after {
743 content: " ";
744 }
746 .vertical span span {
747 display: inline;
748 margin-bottom: 0;
749 }
751 .login input[type=submit],
752 .vertical input[type=submit] {
753 font-size: 100%;
754 margin-left: 11em;
755 background-color: #444444;
756 color: #fff;
757 border: none;
758 padding: 0.75ex;
759 }
761 .login input[type=submit]:hover,
762 .vertical input[type=submit]:hover {
763 background-color: #444444;
764 }
766 /*************************************************************************
767 * Tables
768 */
771 table a.action {
772 font-size: 70%;
773 line-height: 190%;
774 padding: 0.5ex;
775 color: #777;
776 }
778 table a.active {
779 color: #fff;
780 }
782 th {
783 text-align: left;
784 }
786 tr:hover td {
787 background-color: #f2f2f2;
788 }
790 .nohover tr:hover td {
791 background-color: #fff;
792 }
794 .initiatives_list .nohover tr:hover td {
795 background-color: #f2f2f2;
796 }
798 .nohover table tr:hover td {
799 background-color: #f2f2f2;
800 }
803 tr table tr:hover td {
804 background-color: #fff;
805 }
808 /*************************************************************************
809 * Positive / Negtive votes
810 */
813 .positive_votes span {
814 display: inline;
815 }
817 .positive_votes {
818 display: inline;
819 background-color: #cfc;
820 padding: 0.3ex 0.5em 0.3ex 0.5em;
821 }
823 .negative_votes span {
824 display: inline;
825 }
827 .negative_votes {
828 display: inline;
829 background-color: #fcc;
830 padding: 0.3ex 0.5em 0.3ex 0.5em;
831 }
833 .suggestion_my_opinion a,
834 .suggestion_my_opinion span {
835 white-space: nowrap;
836 padding-left: 0.2ex !important;
837 padding-right: 0.2ex !important;
838 }
840 .active {
841 background-color: #444;
842 color: #fff;
843 }
845 .active_red2 { background-color: #a00; color: #fff !important; }
846 .active_red1 { background-color: #f88; color: #000 !important; }
847 .active_green1 { background-color: #8f8; color: #000 !important; }
848 .active_green2 { background-color: #0a0; color: #000 !important; }
853 /*************************************************************************
854 * Issues
855 */
857 .issues {
858 clear: left;
859 }
861 .issues .issue {
862 background-color: #fcfcfc;
863 overflow: hidden;
864 margin-bottom: 2ex;
865 border: 1px solid #ccc;
866 border-radius: 8px;
867 }
869 .issues .issue.interested,
870 .issues .issue.interest_by_delegation {
871 border: 1px solid #b2cdff;
872 }
874 .issues .issue .issue_info {
875 padding: 1ex 1em 0.3ex 1em;
876 line-height: 140%;
877 margin-bottom: 1ex;
878 }
880 .issues .issue.interested .issue_info,
881 .issues .issue.interested_by_delegation .issue_info {
882 background-color: #dfeaff;
883 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
884 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
885 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
886 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
887 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
888 }
890 .issues .issue .issue_info .issue_id {
891 font-size: 125%;
892 }
894 .issue_policy_info {
895 font-style: italic;
896 }
898 .issues .issue .interest_by_delegation {
899 float: right;
900 }
902 .issues .issue .initiative_list a {
903 font-weight: bold;
904 }
906 .issue_initiative_list a {
907 font-weight: bold;
908 }
910 .more_initiatives_link {
911 display: block;
912 margin-left: 166px;
913 font-style: italic;
914 margin-bottom: 1ex;
915 }
917 .issues tr tr {
918 border: none;
919 background: none;
920 }
922 .initiative_link.selected {
923 font-weight: bold;
924 }
926 x.initiative_link.supported {
927 background-color: #cdf;
928 border-radius: 5px;
929 }
931 x.initiative_link.potentially_supported {
932 background-color: #cdf;
933 border-radius: 5px;
934 }
936 .lang_chooser {
937 float: right;
938 margin-right: 0.5em;
939 }
941 .delegation_list_entry {
942 margin-right: 2em;
943 margin-bottom: 2ex;
944 float: left;
945 clear: left;
946 }
948 .delegation_list_entry .delegation_arrow {
949 float: left;
950 }
952 .delegation_list_entry .delegation_scope {
953 float: left;
954 width: 25em;
955 }
957 .delegation_list_entry .delegation_scope a {
958 display: block;
959 }
961 .member_list .member_thumb {
962 float: left;
963 margin-right: 1em;
964 margin-bottom: 2ex;
965 }
967 .member_thumb {
968 text-decoration: none;
969 width: 14.5em;
970 height: 48px;
971 display: block;
972 float: left;
973 background-color: #f2f2f2;
974 overflow: hidden;
975 position: relative;
976 border-radius: 7px;
977 padding: 2px;
978 }
980 .xmember_thumb a {
981 position: absolute;
982 top: 0;
983 left: 0;
984 padding: 0;
985 margin: 0;
986 }
988 .member_thumb a:hover div {
989 background-color: #444;
990 color: #fff;
991 }
993 .member_thumb img {
994 padding: 0;
995 margin: 0;
996 vertical-align: bottom;
997 border-radius: 7px;
998 }
1000 .member_thumb .member_name {
1001 position: absolute;
1002 left: 56px;
1003 top: 2ex;
1004 font-size: 100%;
1005 width: 14em;
1006 }
1008 .member_thumb .flags {
1009 text-align: right;
1010 font-size: 75%;
1011 }
1013 .member_thumb .flags a,
1014 .member_thumb .flags img {
1015 position: static;
1016 float: right;
1017 margin-left: 0.5em;
1018 }
1020 .member_thumb .flags .in_delegation_chain {
1021 font-weight: bold;
1022 }
1024 .member .right {
1025 float: right;
1026 }
1028 .member_thumb.not_accepted,
1029 .member_thumb.not_informed {
1030 background: #fff;
1031 }
1033 .member_thumb.not_accepted .member_image,
1034 .member_thumb.not_accepted .member_name,
1035 .member_thumb.not_informed .member_image,
1036 .member_thumb.not_informed .member_name {
1037 opacity: 0.4;
1038 }
1040 .member_thumb.in_delegation_chain {
1041 background-color: #cdf;
1042 }
1044 .member_statement,
1045 .draft_content,
1046 .suggestion_content {
1047 background-color: #f2f2f2;
1048 padding: 1ex;
1049 border-radius: 8px;
1050 }
1052 .member_statement {
1053 margin-right: 250px;
1054 }
1056 #suggestion_description {
1057 height: 15ex;
1058 }
1060 .diff {
1061 background-color: #f2f2f2;
1062 border: 1px solid #ccc;
1063 padding: 1ex;
1064 }
1066 .diff_added {
1067 background-color: #cfc;
1068 text-decoration: underline;
1069 }
1071 .diff_removed {
1072 background-color: #fcc;
1073 text-decoration: line-through;
1074 }
1076 .slot_issue_info {
1077 background-color: #f2f2f2;
1078 border: 1px solid #ccc;
1079 float: right;
1080 padding: 0.5ex;
1081 line-height: 130%;
1082 margin-right: 1em;
1083 }
1085 .issue_info label {
1086 float: left;
1087 width: 8em;
1088 text-transform: uppercase;
1089 font-size: 70%;
1090 color: #777;
1091 font-weight: bold;
1092 clear: left;
1093 text-align: right;
1094 margin-right: 0.7em;
1095 }
1097 .admitted_info {
1098 background-color: #dfd;
1099 padding: 1ex;
1100 margin-bottom: 2ex;
1101 border-radius: 8px;
1102 }
1104 .not_admitted_info,
1105 .revoked_info {
1106 background-color: #fdd;
1107 padding: 1ex;
1108 margin-bottom: 2ex;
1109 border-radius: 8px;
1110 }
1112 .draft_updated_info,
1113 .voting_active_info,
1114 .initiator_invite_info,
1115 .motd,
1116 .public_access_issue_head {
1117 background-color: #fec;
1118 padding: 1ex;
1119 margin-top: 2ex;
1120 margin-bottom: 2ex;
1121 border-radius: 8px;
1122 }
1124 .suggestion_fulfilled {
1125 width: 15em;
1126 }
1127 .suggestion_fulfilled a.action {
1128 padding-left: 0;
1129 line-height: 120%;
1130 }
1132 .help,
1133 .use_terms {
1134 border-radius: 8px;
1135 border: 1px solid #ffe900;
1136 background-color: #fffbce;
1137 color: #000;
1138 padding: 1ex;
1139 }
1141 .help_visible {
1142 margin-top: 2ex;
1143 margin-bottom: 1ex;
1144 }
1146 .help_visible .help_icon {
1147 float: right;
1148 }
1150 .slot_help_hidden {
1151 float: right;
1152 margin-right: 1em;
1153 margin-top: 1ex;
1154 }
1156 .help_actions {
1157 font-size: 75%;
1158 float: right;
1159 }
1161 .help_actions a {
1162 margin-right: 1em;
1163 color: #468;
1164 }
1166 .wiki {
1167 line-height: 133%;
1168 }
1170 .wiki h1,
1171 .wiki h2,
1172 .wiki h3,
1173 .wiki h4 {
1174 margin-top: 1ex;
1175 margin-bottom: 1ex;
1176 }
1178 .wiki h1 {
1179 font-size: 150%;
1180 font-weight: bold;
1181 }
1183 .wiki h2 {
1184 font-size: 125%;
1185 font-weight: bold;
1186 }
1188 .wiki h3 {
1189 font-size: 125%;
1190 }
1192 .wiki h4 {
1193 font-size: 100%;
1194 font-weight: bold;
1195 }
1197 .wiki p {
1198 margin-top: 1ex;
1199 margin-bottom: 1ex;
1200 }
1202 form .warning {
1203 background-color: #ffd;
1204 color: #000;
1205 border: 1px solid #dda;
1206 margin: 1ex;
1207 margin-bottom: 2ex;
1208 padding: 1ex;
1209 }
1211 a.not_voted {
1212 display: block;
1213 background-color: #fec;
1214 color: #000;
1215 }
1217 .action_active {
1218 background-color: #fec;
1219 }
1221 .heading {
1222 display: block;
1223 font-size: 120%;
1224 font-weight: bold;
1225 }
1227 .heading.member_area_list {
1228 position: absolute;
1229 }
1231 .heading.first {
1232 margin-top: 0;
1233 }
1235 .menu_list li {
1236 padding-top: 1ex;
1237 padding-bottom: 1ex;
1238 }
1240 .deactivated_member_info {
1241 background-color: #a00;
1242 color: #fff;
1243 }
1245 /*************************************************************************
1246 * Voting
1247 */
1249 #voting_form {
1250 margin-top: 20px;
1251 }
1253 #voting {
1254 position: relative;
1255 }
1257 #voting .approval, .abstention, .disapproval {
1258 border: 2px black solid;
1259 margin-top: 2ex;
1260 margin-bottom: 5ex;
1261 padding: 1ex;
1262 padding-bottom: 2ex;
1263 border-radius: 8px;
1264 }
1265 #voting .approval {
1266 background-color: #9f9;
1267 }
1268 #voting .approval .movable {
1269 background-color: #dfd;
1270 }
1271 #voting .abstention {
1272 background-color: #ccc;
1273 }
1274 #voting .abstention .movable {
1275 background-color: #f2f2f2;
1276 }
1277 #voting .disapproval {
1278 background-color: #f88;
1279 }
1280 #voting .disapproval .movable {
1281 background-color: #fbb;
1282 }
1283 #voting .cathead {
1284 font-weight: bold;
1285 }
1286 #voting .movable {
1287 position: relative;
1288 border: 1px black solid;
1289 margin-top: 1ex;
1290 padding: 0.5ex;
1291 border-radius: 8px;
1292 }
1293 #voting .voting_form_active .movable {
1294 cursor: pointer;
1295 }
1296 #voting .voting_form_active .clickable {
1297 cursor: auto;
1298 }
1299 #voting .voting_form_active a.clickable {
1300 cursor: pointer;
1301 }
1303 #voting .grabber {
1304 vertical-align: middle;
1305 cursor: move;
1306 }
1308 /*************************************************************************
1309 * timeline
1310 */
1311 div.ignore_area_list {
1312 float: left;
1313 width: 90%;
1314 margin: 0 0 1em 0;
1315 }
1317 div.ignore_area_list >
1318 label.ui_field_label {
1319 text-align: left ;
1320 width: 100%;
1321 border-bottom:1px solid #000000;
1322 color: #000000;
1323 font-size:75%;
1324 font-weight:bold;
1325 vertical-align:bottom;
1326 text-transform:none;
1327 padding:0.5ex 0.5em
1328 }
1330 div.ignore_area_item {
1331 clear: none;
1332 float: left;
1333 min-width: 10em;
1334 margin: 0.1ex 0.5em;
1335 margin-right: 0.5em;
1336 }
1338 div.ignore_area_item > input {
1339 float: none;
1340 clear: none;
1341 display: inline;
1342 }
1344 div.ignore_area_item >
1345 label.ui_field_label {
1346 float: none;
1347 clear: none;
1348 text-align: left;
1349 display: inline;
1350 }
1352 div.timeline_results {
1353 clear: both;
1354 }
1356 /* shadows */
1358 .slot_initiatives_list,
1359 .actions,
1360 .issues .issue,
1361 .ui_tabs_links a,
1362 .draft_content,
1363 .help,
1364 .use_terms,
1365 .motd,
1366 .ui_filter a.active {
1367 box-shadow: #777 0px 5px 5px -5px;
1368 -mox-box-shadow: #777 0px 5px 5px -5px;
1369 -webkit-box-shadow: #777 0px 5px 5px -5px;
1370 }