liquid_feedback_frontend
view static/style.css @ 325:d4c34b5ee81b
Added css reset, some optical changes, some css code cleanup
| author | bsw |
|---|---|
| date | Tue Feb 28 17:49:15 2012 +0100 (2012-02-28) |
| parents | b4a438ca7756 |
| children | 62ddcdad91d5 |
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, blockquote, pre, a, img,
11 ol, ul, li,
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 ol, ul {
30 list-style: none;
31 }
32 table {
33 border-collapse: separate;
34 border-spacing: 0;
35 }
36 caption, th, td {
37 text-align: left;
38 font-weight: normal;
39 }
41 /*************************************************************************
42 * Some global definitions
43 */
45 body {
46 background: #fff;
47 }
49 body, th, td {
50 font-family: sans-serif;
51 font-size: 15px;
52 font-size: 14px;
53 padding: 0;
54 margin: 0;
55 }
57 .area_list {
58 line-height: 140%;
59 }
61 body, a {
62 color: #000;
63 }
65 img {
66 border: none;
67 }
69 table {
70 border-collapse: collapse;
71 border: none;
72 }
74 td, th {
75 padding: 0.5ex 0.5em 0.5ex 0em;
76 }
78 td {
79 vertical-align: top;
80 }
82 th {
83 vertical-align: bottom;
84 font-weight: bold;
85 }
87 a.active {
88 color: #fff;
89 }
91 .revoked {
92 text-decoration: line-through;
93 }
95 .highlighted {
96 background-color: #fa7;
97 color: #000;
98 }
100 .admin_only {
101 font-style: italic;
102 }
104 h1 {
105 font-size: 150%;
106 }
108 h2 {
109 font-size: 125%;
110 }
112 .inline {
113 display: inline;
114 }
116 /*************************************************************************
117 * Notices, warnings and errors
118 */
120 .layout_notice, .layout_error, .layout_warning {
121 background: #fff;
122 font-weight: bold;
123 line-height: 1.7em;
124 -moz-opacity:0.7;
125 }
127 .slot_notice, .slot_warning, .slot_error {
128 padding-left: 1em;
129 }
131 .slot_notice {
132 background-color: #cfc;
133 color: #040;
134 }
136 .slot_warning {
137 background-color: #fec;
138 color: #420;
139 }
141 .slot_error {
142 background-color: #fcc;
143 color: #400;
144 }
146 /*************************************************************************
147 * Navigation, search and language chooser bar
148 */
150 .topbar {
151 background-color: #333;
152 background-image: -webkit-gradient(linear, left top, left bottom,
153 color-stop(0%, #888), color-stop(25%,#333)
154 );
155 color: #fff;
156 font-size: 90%;
157 line-height: 100%;
158 padding-left: 10px;
159 overflow: hidden;
160 box-shadow: #aaa 0 0 5px;
161 -mox-box-shadow: #aaa 0 0 5px;
162 -webkit-box-shadow: #aaa 0 0 5px;
163 }
165 .topbar .logolf {
166 font-weight: bold;
167 }
169 .topbar a {
170 color: #eee;
171 }
173 .topbar a:hover {
174 background-color: #eee;
175 color: #000;
176 }
178 .navigation,
179 .logout_button {
180 line-height: 200%;
181 }
183 .navigation img,
184 .logout_button img {
185 margin-right: 0.5em;
186 vertical-align: middle;
187 }
189 .navigation a,
190 .logout_button a {
191 padding: 1ex;
192 }
194 form.unit_selector {
195 display: inline;
196 }
198 .logout_button {
199 float: right;
200 }
202 .searchbox {
203 margin: 0;
204 padding: 0.1ex 1em 0ex 1em;
205 float: right;
206 line-height: 250%;
207 }
209 .searchbox form {
210 float: left;
211 margin: 0px;
212 }
214 .searchbox div {
215 display: inline;
216 }
218 .searchbox select {
219 margin-left: 0.3em;
220 margin-right: 0.4em;
221 font-size: 100%;
222 width: 8em;
223 }
225 .searchbox input[type=text] {
226 width: 8em;
227 padding: 0.25ex 0.25em 0.25ex 0.25em;
228 margin-right: 0.5em;
229 font-size: 100%;
230 }
232 .searchbox input[type=submit] {
233 font-size: 100%;
234 }
236 /*************************************************************************
237 * Title of current page including path and actions
238 */
240 .title,
241 .title2,
242 .actions {
243 background-color: #f2f2f2;
244 margin-left: 10px;
245 margin-right: 10px;
246 }
248 .initiative_head .actions {
249 box-shadow: none;
250 -moz-box-shadow: none;
251 -webkit-box-shadow: none;
252 }
254 .actions {
255 border-radius: 0 0 8px 8px;
256 }
258 .initiative_head .actions {
259 background-color: #fff;
260 margin: 0px;
261 }
263 .slot_initiatives_list {
264 margin-top: 1ex;
265 margin-left: 10px;
266 margin-right: 10px;
267 background-color: #fcfcfc;
268 border-radius: 8px;
269 clear: left;
270 }
272 .title {
273 box-shadow: inset #888 0px 5px 6px -5px;
274 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
275 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
276 }
278 .title {
279 color: #000;
280 padding: 1.5ex 1em 0 1em;
281 }
283 .title div {
284 font-size: 125%;
285 line-height: 110%;
286 }
288 .title a {
289 color: #000;
290 }
292 .title .member_image {
293 margin-right: 0.7em;
294 vertical-align: middle;
295 border-radius: 7px;
296 }
298 .slot_title2 {
299 padding: 1ex 1em 0 1em;
300 }
302 .slot_initiatives_list {
303 border: 1px solid #ccc;
304 padding-top: 1ex;
305 padding-bottom: 1ex;
306 }
308 .member_list .member_image_avatar {
309 float: left;
310 margin-right: 0.5em;
311 }
313 .micro_avatar {
314 width: 24px;
315 height: 24px;
316 border-radius: 4px;
317 vertical-align: middle;
318 }
320 .actions {
321 font-size: 75%;
322 line-height: 220%;
323 padding-top: 2ex;
324 padding-bottom: 1ex;
325 }
327 .interest {
328 margin-left: 1.33em;
329 margin-bottom: 1.33ex;
330 }
332 .slot_actions .interest {
333 margin-left: 0em;
334 }
336 .actions a {
337 margin-right: 1em;
338 border-radius: 5px;
339 padding-right: 0.3em;
340 }
342 .slot_initiative_head {
343 padding-left: 10px;
344 padding-top: 2ex;
345 }
347 .initiative_name {
348 font-weight: bold;
349 font-size: 125%;
350 }
351 .actions a {
352 float: left;
353 }
355 .actions a:hover {
356 background-color: #d7d7d7;
357 }
359 .actions img {
360 padding-left: 0.2em;
361 padding-right: 0.2em;
362 vertical-align: middle;
363 }
365 .logo {
366 float: right;
367 margin-right: 1em;
368 }
371 .member_image_photo {
372 border-radius: 8px;
373 }
375 /*************************************************************************
376 * vote info / delegation
377 */
379 .interest,
380 .slot_support,
381 .delegation {
382 float: left;
383 position: relative;
384 z-index: 1;
385 }
387 .interest img,
388 .slot_support img,
389 .delegation img {
390 padding-left: 0.2em;
391 padding-right: 0.2em;
392 }
393 .actions .supporter,
394 .actions .potential_supporter,
395 .vote_info .head {
396 float: left;
397 margin-right: 1em;
398 }
400 .actions .supporter,
401 .actions .potential_supporter,
402 .actions .interest .head {
403 padding-right: 0.3em;
404 }
406 .delegation .head_active,
407 .interest .head_active,
408 .actions .supporter,
409 .actions .potential_supporter {
410 border-radius: 5px;
411 border: 1px solid #5f6675;
412 }
414 .delegation .head_active,
415 .interest .head_active {
416 background-color: #cdf;
417 }
419 .actions .supporter {
420 background-color: #cdf;
421 }
423 .actions .potential_supporter {
424 background-color: #cdf;
425 }
427 .slot_support .head_initiator {
428 background-color: #f2f2f2;
429 border-radius: 5px;
430 }
432 .delegation .change_delegation {
433 margin-bottom: 2ex;
434 }
436 .delegation .change_delegation a {
437 display: inline;
438 float: none;
439 padding: 1ex;
440 }
442 .delegation .delegation_participation {
443 margin-left: 20.5em;
444 margin-top: 3ex;
445 font-style: italic;
446 font-size: 80%;
447 }
449 .slot_actions .change_delegation {
450 float: left;
451 }
453 .vote_info .close {
454 position: absolute;
455 top: 0;
456 right: 0;
457 padding: 1ex;
458 display: block;
459 }
461 .vote_info .content {
462 font-size: 133%;
463 line-height: 100%;
464 top: 2.8ex;
465 display: none;
466 position: absolute;
467 z-index: 10;
468 background-color: #cdf;
469 border-radius: 0 5px 5px 5px;
470 padding: 1em;
471 width: 35em;
472 border: 1px solid #fff;
473 border-top: none;
474 }
476 .vote_info .delegation_arrow {
477 margin-top: 1ex;
478 margin-bottom: 1ex;
479 vertical-align: middle;
480 }
482 .vote_info .delegation_arrow_overridden {
483 opacity: 0.4;
484 }
486 .vote_info .delegation_scope_overridden {
487 color: #777;
488 }
490 .vote_info .delegation_scope {
491 display: inline;
492 }
494 .vote_info .delegation_info {
495 }
497 .vote_info a {
498 padding-right: 0;
499 }
501 .vote_info .member_thumb {
502 clear: left;
503 background: #fff;
504 }
506 .delegation_overridden .member_thumb {
507 opacity: 0.4;
508 }
510 .delegation .revoke {
511 margin: 0.5ex;
512 float: right;
513 }
515 .delegation .revoke img {
516 vertical-align: middle;
517 }
520 /*************************************************************************
521 * Main content
522 */
524 .main {
525 margin-left: 10px;
526 margin-right: 10px;
527 }
529 /*************************************************************************
530 * ui.tab
531 */
533 .ui_tabs_links {
534 margin-top: 3ex;
535 margin-bottom: 1ex;
536 font-size: 75%;
537 }
539 .ui_tabs_links a {
540 padding: 1ex;
541 line-height: 300%;
542 background-color: #f2f2f2;
543 white-space: nowrap;
544 border-radius: 5px;
545 margin-right: 5px;
546 font-weight: bold;
547 }
549 .ui_tabs_links a:hover {
550 background-color: #d7d7d7;
551 }
553 .ui_tabs_links a.selected {
554 background-color: #444;
555 color: #fff;
556 text-decoration: none;
557 padding: 1ex;
558 }
560 .ui_tabs_content {
561 xborder: 1px solid #444;
562 xpadding: 1ex 1ex 1ex 1ex;
563 }
565 .ui_tabs_links a.yellow {
566 background-color: #fcc;
567 color: #000;
568 }
570 .ui_tabs_links a.yellow:hover {
571 background-color: #faa;
572 }
574 .ui_tabs_links a.yellow.selected {
575 background-color: #a44;
576 color: #fff;
577 text-decoration: none;
578 padding: 1ex;
579 }
581 .ui_tabs_links a.red {
582 background-color: #c33;
583 color: #000;
584 }
586 .ui_tabs_links a.red:hover {
587 background-color: #ebb;
588 }
590 .ui_tabs_links a.red.selected {
591 background-color: #644;
592 color: #fff;
593 text-decoration: none;
594 padding: 1ex;
595 }
598 /*************************************************************************
599 * ui.filters
600 */
602 .ui_filter {
603 overflow: hidden;
604 margin-bottom: 1ex;
605 }
607 .ui_filter_closed_head,
608 .ui_filter_head {
609 color: #777;
610 margin-top: 1ex;
611 margin-bottom: 1.5ex;
612 font-size: 75%;
613 float: left;
614 }
616 .ui_filter_head {
617 margin-right: 2em;
618 }
620 .ui_filter_head a {
621 color: #777;
622 padding: 0.5ex;
623 margin-right: 0.2em;
624 }
626 .ui_filter_head a.active {
627 color: #fff;
628 background-color: #777;
629 padding: 0.5ex;
630 border-radius: 5px;
631 }
633 /*************************************************************************
634 * ui.paginate
635 */
637 .ui_paginate_head {
638 display: none;
639 margin-bottom: 1ex;
640 }
642 .ui_paginate_foot {
643 margin-top: 1ex;
644 }
646 .ui_paginate_select a {
647 padding: 0.5em;
648 }
650 /*************************************************************************
651 * ui.bargraph
652 */
654 .bargraph {
655 width: 103px;
656 }
658 .bargraph50 {
659 width: 52px;
660 }
662 .bargraph div {
663 float: left;
664 margin-top: 0.5ex;
665 height: 1.3ex;
666 }
668 .bargraph_legend {
669 margin-top: 2ex;
670 }
672 .bargraph_legend .bargraph {
673 width: 26px;
674 }
676 .bargraph_legend div,
677 .bargraph_legend div div,
678 .bargraph_legend div div div {
679 float: left;
680 }
682 .bargraph_legend_label {
683 margin-left: 0.5em;
684 margin-right: 1em;
685 }
687 /*************************************************************************
688 * vertical ui.form
689 */
691 .login input[type=text],
692 .vertical input[type=text],
693 .login input[type=password],
694 .vertical input[type=password],
695 .vertical textarea,
696 .vertical select {
697 font-family: sans-serif;
698 font-size: 100%;
699 width: 50em;
700 border: 1px solid #444;
701 padding: 0.2ex 0.2em 0.2ex 0.2em;
702 margin-bottom: 1ex;
703 }
705 .login input[type=password],
706 .vertical input[type=password] {
707 width: 16em;
708 }
710 .vertical select {
711 padding-right: 0;
712 }
714 .login .ui_field_label,
715 .vertical .ui_field_label {
716 text-transform: uppercase;
717 font-size: 70%;
718 line-height: 120%;
719 font-weight: bold;
720 color: #777;
721 width: 15em;
722 display: block;
723 float: left;
724 clear: left;
725 text-align: right;
726 padding-right: 0.5em;
727 }
729 .ui_field_label.label_right {
730 text-align: left;
731 width: auto;
732 }
734 .login input[type=text],
735 .login input[type=password] {
736 width: 10em;
737 }
739 .login div,
740 .vertical div {
741 clear: left;
742 }
744 .vertical span {
745 display: block;
746 margin-bottom: 0.5ex;
747 }
749 .vertical span:after {
750 content: " ";
751 }
753 .vertical span span {
754 display: inline;
755 margin-bottom: 0;
756 }
758 .login input[type=submit],
759 .vertical input[type=submit] {
760 font-size: 100%;
761 margin-left: 11em;
762 background-color: #444444;
763 color: #fff;
764 border: none;
765 padding: 0.75ex;
766 }
768 .login input[type=submit]:hover,
769 .vertical input[type=submit]:hover {
770 background-color: #444444;
771 }
773 /*************************************************************************
774 * Tables
775 */
778 table a.action {
779 font-size: 70%;
780 line-height: 190%;
781 padding: 0.5ex;
782 color: #777;
783 }
785 table a.active {
786 color: #fff;
787 }
789 th {
790 text-align: left;
791 }
793 tr:hover td {
794 background-color: #f2f2f2;
795 }
797 .nohover tr:hover td {
798 background-color: #fff;
799 }
801 .initiatives_list .nohover tr:hover td {
802 background-color: #f2f2f2;
803 }
805 .nohover table tr:hover td {
806 background-color: #f2f2f2;
807 }
810 tr table tr:hover td {
811 background-color: #fff;
812 }
815 /*************************************************************************
816 * Positive / Negtive votes
817 */
820 .positive_votes span {
821 display: inline;
822 }
824 .positive_votes {
825 display: inline;
826 background-color: #cfc;
827 padding: 0.3ex 0.5em 0.3ex 0.5em;
828 }
830 .negative_votes span {
831 display: inline;
832 }
834 .negative_votes {
835 display: inline;
836 background-color: #fcc;
837 padding: 0.3ex 0.5em 0.3ex 0.5em;
838 }
840 .suggestion_my_opinion a,
841 .suggestion_my_opinion span {
842 white-space: nowrap;
843 padding-left: 0.2ex !important;
844 padding-right: 0.2ex !important;
845 }
847 .active {
848 background-color: #444;
849 color: #fff;
850 }
852 .active_red2 { background-color: #a00; color: #fff !important; }
853 .active_red1 { background-color: #f88; color: #000 !important; }
854 .active_green1 { background-color: #8f8; color: #000 !important; }
855 .active_green2 { background-color: #0a0; color: #000 !important; }
860 /*************************************************************************
861 * Issues
862 */
864 .issues {
865 clear: left;
866 }
868 .issues .issue {
869 background-color: #fcfcfc;
870 overflow: hidden;
871 margin-bottom: 2ex;
872 border: 1px solid #ccc;
873 border-radius: 8px;
874 }
876 .issues .issue.interested,
877 .issues .issue.interest_by_delegation {
878 }
880 .issues .issue .issue_info {
881 padding: 1ex 1em;
882 line-height: 140%;
883 background-image: linear-gradient(top, #eee 0%, #fff 66%);
884 background-image: -o-linear-gradient(top, #eee 0%, #fff 66%);
885 background-image: -moz-linear-gradient(top, #eee 0%, #fff 66%);
886 xbackground-image: -webkit-linear-gradient(top, #eee 0%, #fff 66%);
887 background-image: -ms-linear-gradient(top, #eee 0%, #fff 66%);
888 }
890 .issues .issue.interested .issue_info,
891 .issues .issue.interested_by_delegation .issue_info {
892 xbackground-color: #cdf;
893 background-image: linear-gradient(top, #cdf 0%, #fff 66%);
894 background-image: -o-linear-gradient(top, #cdf 0%, #fff 66%);
895 background-image: -moz-linear-gradient(top, #cdf 0%, #fff 66%);
896 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fff 100%);
897 background-image: -ms-linear-gradient(top, #cdf 0%, #fff 66%);
898 }
900 .issues .issue .issue_info .issue_id {
901 font-size: 125%;
902 }
904 .issue_policy_info {
905 font-style: italic;
906 }
908 .issues .issue .interest_by_delegation {
909 float: right;
910 }
912 .issues .issue .initiative_list a {
913 font-weight: bold;
914 }
916 .issue_initiative_list a {
917 font-weight: bold;
918 }
920 .more_initiatives_link {
921 margin-left: 166px;
922 font-style: italic;
923 }
925 .issues tr tr {
926 border: none;
927 background: none;
928 }
930 .initiative_link.selected {
931 font-weight: bold;
932 }
934 x.initiative_link.supported {
935 background-color: #cdf;
936 border-radius: 5px;
937 }
939 x.initiative_link.potentially_supported {
940 background-color: #cdf;
941 border-radius: 5px;
942 }
944 .lang_chooser {
945 float: right;
946 margin-right: 0.5em;
947 }
949 .delegation_list_entry {
950 margin-right: 2em;
951 margin-bottom: 2ex;
952 float: left;
953 clear: left;
954 }
956 .delegation_list_entry .delegation_arrow {
957 float: left;
958 }
960 .delegation_list_entry .delegation_scope {
961 float: left;
962 width: 25em;
963 }
965 .delegation_list_entry .delegation_scope a {
966 display: block;
967 }
969 .member_list .member_thumb {
970 float: left;
971 margin-right: 1em;
972 margin-bottom: 2ex;
973 }
975 .member_thumb {
976 text-decoration: none;
977 width: 14.5em;
978 height: 48px;
979 display: block;
980 float: left;
981 background-color: #f2f2f2;
982 overflow: hidden;
983 position: relative;
984 border-radius: 7px;
985 padding: 2px;
986 }
988 .xmember_thumb a {
989 position: absolute;
990 top: 0;
991 left: 0;
992 padding: 0;
993 margin: 0;
994 }
996 .member_thumb a:hover div {
997 background-color: #444;
998 color: #fff;
999 }
1001 .member_thumb img {
1002 padding: 0;
1003 margin: 0;
1004 vertical-align: bottom;
1005 border-radius: 7px;
1006 }
1008 .member_thumb .member_name {
1009 position: absolute;
1010 left: 56px;
1011 top: 2ex;
1012 font-size: 100%;
1013 width: 14em;
1014 }
1016 .member_thumb .flags {
1017 text-align: right;
1018 font-size: 75%;
1019 }
1021 .member_thumb .flags a,
1022 .member_thumb .flags img {
1023 position: static;
1024 float: right;
1025 margin-left: 0.5em;
1026 }
1028 .member_thumb .flags .in_delegation_chain {
1029 font-weight: bold;
1030 }
1032 .member .right {
1033 float: right;
1034 }
1036 .member_thumb.not_accepted,
1037 .member_thumb.not_informed {
1038 background: #fff;
1039 }
1041 .member_thumb.not_accepted .member_image,
1042 .member_thumb.not_accepted .member_name,
1043 .member_thumb.not_informed .member_image,
1044 .member_thumb.not_informed .member_name {
1045 opacity: 0.4;
1046 }
1048 .member_thumb.in_delegation_chain {
1049 background-color: #cdf;
1050 }
1052 .member_statement,
1053 .draft_content,
1054 .suggestion_content {
1055 background-color: #f2f2f2;
1056 padding: 1ex;
1057 border-radius: 8px;
1058 }
1060 .member_statement {
1061 margin-right: 250px;
1062 }
1064 #suggestion_description {
1065 height: 15ex;
1066 }
1068 .diff {
1069 background-color: #f2f2f2;
1070 border: 1px solid #ccc;
1071 padding: 1ex;
1072 }
1074 .diff_added {
1075 background-color: #cfc;
1076 text-decoration: underline;
1077 }
1079 .diff_removed {
1080 background-color: #fcc;
1081 text-decoration: line-through;
1082 }
1084 .slot_issue_info {
1085 background-color: #f2f2f2;
1086 border: 1px solid #ccc;
1087 float: right;
1088 padding: 0.5ex;
1089 line-height: 130%;
1090 margin-right: 1em;
1091 }
1093 .issue_info label {
1094 float: left;
1095 width: 8em;
1096 text-transform: uppercase;
1097 font-size: 70%;
1098 color: #777;
1099 font-weight: bold;
1100 clear: left;
1101 text-align: right;
1102 margin-right: 0.7em;
1103 }
1105 .admitted_info {
1106 background-color: #dfd;
1107 padding: 1ex;
1108 margin-bottom: 2ex;
1109 border-radius: 8px;
1110 }
1112 .not_admitted_info,
1113 .revoked_info {
1114 background-color: #fdd;
1115 padding: 1ex;
1116 margin-top: 2ex;
1117 margin-bottom: 2ex;
1118 border-radius: 8px;
1119 }
1121 .draft_updated_info,
1122 .voting_active_info,
1123 .initiator_invite_info,
1124 .motd,
1125 .public_access_issue_head {
1126 background-color: #fec;
1127 padding: 1ex;
1128 margin-top: 2ex;
1129 margin-bottom: 2ex;
1130 border-radius: 8px;
1131 }
1133 .suggestion_fulfilled {
1134 width: 15em;
1135 }
1136 .suggestion_fulfilled a.action {
1137 padding-left: 0;
1138 line-height: 120%;
1139 }
1141 .help,
1142 .use_terms {
1143 border-radius: 8px;
1144 background-color: #fffbce;
1145 color: #000;
1146 padding: 1ex;
1147 }
1149 .help_visible {
1150 margin-bottom: 1ex;
1151 }
1153 .help_visible .help_icon {
1154 float: right;
1155 }
1157 .slot_help_hidden {
1158 float: right;
1159 margin-right: 1em;
1160 margin-top: 1ex;
1161 }
1163 .help_actions {
1164 font-size: 75%;
1165 float: right;
1166 }
1168 .help_actions a {
1169 margin-right: 1em;
1170 color: #468;
1171 }
1173 .wiki {
1174 }
1176 .wiki h1,
1177 .wiki h2,
1178 .wiki h3,
1179 .wiki h4 {
1180 margin-top: 1ex;
1181 margin-bottom: 1ex;
1182 }
1184 .wiki h1 {
1185 font-size: 150%;
1186 }
1188 .wiki h2 {
1189 font-size: 125%;
1190 }
1192 .wiki p {
1193 margin-top: 1ex;
1194 margin-bottom: 1ex;
1195 }
1197 form .warning {
1198 background-color: #ffd;
1199 color: #000;
1200 border: 1px solid #dda;
1201 margin: 1ex;
1202 margin-bottom: 2ex;
1203 padding: 1ex;
1204 }
1206 a.not_voted {
1207 display: block;
1208 background-color: #fec;
1209 color: #000;
1210 }
1212 .action_active {
1213 background-color: #fec;
1214 }
1216 .heading {
1217 display: block;
1218 font-size: 120%;
1219 font-weight: bold;
1220 }
1222 .heading.member_area_list {
1223 position: absolute;
1224 }
1226 .heading.first {
1227 margin-top: 0;
1228 }
1230 .menu_list li {
1231 padding-top: 1ex;
1232 padding-bottom: 1ex;
1233 }
1235 .deactivated_member_info {
1236 background-color: #a00;
1237 color: #fff;
1238 }
1240 /*************************************************************************
1241 * Voting
1242 */
1244 #voting_form {
1245 margin-top: 20px;
1246 }
1248 #voting {
1249 position: relative;
1250 }
1252 #voting .approval, .abstention, .disapproval {
1253 border: 2px black solid;
1254 margin-top: 2ex;
1255 margin-bottom: 5ex;
1256 padding: 1ex;
1257 padding-bottom: 2ex;
1258 border-radius: 8px;
1259 }
1260 #voting .approval {
1261 background-color: #9f9;
1262 }
1263 #voting .approval .movable {
1264 background-color: #dfd;
1265 }
1266 #voting .abstention {
1267 background-color: #ccc;
1268 }
1269 #voting .abstention .movable {
1270 background-color: #f2f2f2;
1271 }
1272 #voting .disapproval {
1273 background-color: #f88;
1274 }
1275 #voting .disapproval .movable {
1276 background-color: #fbb;
1277 }
1278 #voting .cathead {
1279 font-weight: bold;
1280 }
1281 #voting .movable {
1282 position: relative;
1283 border: 1px black solid;
1284 margin-top: 1ex;
1285 padding: 0.5ex;
1286 border-radius: 8px;
1287 }
1288 #voting .voting_form_active .movable {
1289 cursor: pointer;
1290 }
1291 #voting .voting_form_active .clickable {
1292 cursor: auto;
1293 }
1294 #voting .voting_form_active a.clickable {
1295 cursor: pointer;
1296 }
1298 #voting .grabber {
1299 vertical-align: middle;
1300 cursor: move;
1301 }
1303 /*************************************************************************
1304 * timeline
1305 */
1306 div.ignore_area_list {
1307 float: left;
1308 width: 90%;
1309 margin: 0 0 1em 0;
1310 }
1312 div.ignore_area_list >
1313 label.ui_field_label {
1314 text-align: left ;
1315 width: 100%;
1316 border-bottom:1px solid #000000;
1317 color: #000000;
1318 font-size:75%;
1319 font-weight:bold;
1320 vertical-align:bottom;
1321 text-transform:none;
1322 padding:0.5ex 0.5em
1323 }
1325 div.ignore_area_item {
1326 clear: none;
1327 float: left;
1328 min-width: 10em;
1329 margin: 0.1ex 0.5em;
1330 margin-right: 0.5em;
1331 }
1333 div.ignore_area_item > input {
1334 float: none;
1335 clear: none;
1336 display: inline;
1337 }
1339 div.ignore_area_item >
1340 label.ui_field_label {
1341 float: none;
1342 clear: none;
1343 text-align: left;
1344 display: inline;
1345 }
1347 div.timeline_results {
1348 clear: both;
1349 }
1351 /* shadows */
1353 .slot_initiatives_list,
1354 .actions,
1355 .issues .issue,
1356 .ui_tabs_links a,
1357 .draft_content,
1358 .help,
1359 .use_terms,
1360 .motd,
1361 .ui_filter a.active {
1362 box-shadow: #777 0px 5px 5px -5px;
1363 -mox-box-shadow: #777 0px 5px 5px -5px;
1364 -webkit-box-shadow: #777 0px 5px 5px -5px;
1365 }