liquid_feedback_frontend
view static/style.css @ 337:4f8058e4d7db
Removed unneccessary spacing on top of not_admitted boxes
| author | bsw |
|---|---|
| date | Tue Feb 28 18:48:20 2012 +0100 (2012-02-28) |
| parents | b471e2429838 |
| children | 65561f115d26 |
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 }
268 .title {
269 box-shadow: inset #888 0px 5px 6px -5px;
270 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
271 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
272 }
274 .title {
275 color: #000;
276 padding: 1.5ex 1em 0 1em;
277 }
279 .title div {
280 font-size: 125%;
281 line-height: 110%;
282 }
284 .title a {
285 color: #000;
286 }
288 .title .member_image {
289 margin-right: 0.7em;
290 vertical-align: middle;
291 border-radius: 7px;
292 }
294 .slot_title2 {
295 padding: 1ex 1em 0 1em;
296 }
298 .slot_initiatives_list {
299 border: 1px solid #ccc;
300 padding-top: 1ex;
301 padding-bottom: 1ex;
302 }
304 .member_list .member_image_avatar {
305 float: left;
306 margin-right: 0.5em;
307 }
309 .micro_avatar {
310 width: 24px;
311 height: 24px;
312 border-radius: 4px;
313 vertical-align: middle;
314 }
316 .actions {
317 font-size: 75%;
318 line-height: 220%;
319 padding-top: 2ex;
320 padding-bottom: 1ex;
321 }
323 .interest {
324 margin-left: 1.33em;
325 margin-bottom: 1.33ex;
326 }
328 .slot_actions .interest {
329 margin-left: 0em;
330 }
332 .actions a {
333 margin-right: 1em;
334 border-radius: 5px;
335 padding-right: 0.3em;
336 }
338 .slot_initiative_head {
339 padding-left: 10px;
340 padding-top: 2ex;
341 }
343 .initiative_name {
344 font-weight: bold;
345 font-size: 125%;
346 }
347 .actions a {
348 float: left;
349 }
351 .actions a:hover {
352 background-color: #d7d7d7;
353 }
355 .actions img {
356 padding-left: 0.2em;
357 padding-right: 0.2em;
358 vertical-align: middle;
359 }
361 .logo {
362 float: right;
363 margin-right: 1em;
364 }
367 .member_image_photo {
368 border-radius: 8px;
369 }
371 /*************************************************************************
372 * vote info / delegation
373 */
375 .interest,
376 .slot_support,
377 .delegation {
378 float: left;
379 position: relative;
380 z-index: 1;
381 }
383 .interest img,
384 .slot_support img,
385 .delegation img {
386 padding-left: 0.2em;
387 padding-right: 0.2em;
388 }
389 .actions .supporter,
390 .actions .potential_supporter,
391 .vote_info .head {
392 float: left;
393 margin-right: 1em;
394 }
396 .actions .supporter,
397 .actions .potential_supporter,
398 .actions .interest .head {
399 padding-right: 0.3em;
400 }
402 .delegation .head_active,
403 .interest .head_active,
404 .actions .supporter,
405 .actions .potential_supporter {
406 border-radius: 5px;
407 border: 1px solid #5f6675;
408 }
410 .delegation .head_active,
411 .interest .head_active {
412 background-color: #cdf;
413 }
415 .actions .supporter {
416 background-color: #cdf;
417 }
419 .actions .potential_supporter {
420 background-color: #cdf;
421 }
423 .slot_support .head_initiator {
424 background-color: #f2f2f2;
425 border-radius: 5px;
426 }
428 .delegation .change_delegation {
429 margin-bottom: 2ex;
430 }
432 .delegation .change_delegation a {
433 display: inline;
434 float: none;
435 padding: 1ex;
436 }
438 .delegation .delegation_participation {
439 margin-left: 20.5em;
440 margin-top: 3ex;
441 font-style: italic;
442 font-size: 80%;
443 }
445 .slot_actions .change_delegation {
446 float: left;
447 }
449 .vote_info .close {
450 position: absolute;
451 top: 0;
452 right: 0;
453 padding: 1ex;
454 display: block;
455 }
457 .vote_info .content {
458 font-size: 133%;
459 line-height: 100%;
460 top: 2.8ex;
461 display: none;
462 position: absolute;
463 z-index: 10;
464 background-color: #cdf;
465 border-radius: 0 5px 5px 5px;
466 padding: 1em;
467 width: 35em;
468 border: 1px solid #fff;
469 border-top: none;
470 }
472 .vote_info .delegation_arrow {
473 margin-top: 1ex;
474 margin-bottom: 1ex;
475 vertical-align: middle;
476 }
478 .vote_info .delegation_arrow_overridden {
479 opacity: 0.4;
480 }
482 .vote_info .delegation_scope_overridden {
483 color: #777;
484 }
486 .vote_info .delegation_scope {
487 display: inline;
488 }
490 .vote_info .delegation_info {
491 }
493 .vote_info a {
494 padding-right: 0;
495 }
497 .vote_info .member_thumb {
498 clear: left;
499 background: #fff;
500 }
502 .delegation_overridden .member_thumb {
503 opacity: 0.4;
504 }
506 .delegation .revoke {
507 margin: 0.5ex;
508 float: right;
509 }
511 .delegation .revoke img {
512 vertical-align: middle;
513 }
516 /*************************************************************************
517 * Main content
518 */
520 .main {
521 margin-left: 10px;
522 margin-right: 10px;
523 }
525 /*************************************************************************
526 * ui.tab
527 */
529 .ui_tabs_links {
530 margin-top: 3ex;
531 margin-bottom: 1ex;
532 font-size: 75%;
533 }
535 .ui_tabs_links a {
536 padding: 1ex;
537 line-height: 300%;
538 background-color: #f2f2f2;
539 white-space: nowrap;
540 border-radius: 5px;
541 margin-right: 5px;
542 font-weight: bold;
543 }
545 .ui_tabs_links a:hover {
546 background-color: #d7d7d7;
547 }
549 .ui_tabs_links a.selected {
550 background-color: #444;
551 color: #fff;
552 text-decoration: none;
553 padding: 1ex;
554 }
556 .ui_tabs_content {
557 xborder: 1px solid #444;
558 xpadding: 1ex 1ex 1ex 1ex;
559 }
561 .ui_tabs_links a.yellow {
562 background-color: #fcc;
563 color: #000;
564 }
566 .ui_tabs_links a.yellow:hover {
567 background-color: #faa;
568 }
570 .ui_tabs_links a.yellow.selected {
571 background-color: #a44;
572 color: #fff;
573 text-decoration: none;
574 padding: 1ex;
575 }
577 .ui_tabs_links a.red {
578 background-color: #c33;
579 color: #000;
580 }
582 .ui_tabs_links a.red:hover {
583 background-color: #ebb;
584 }
586 .ui_tabs_links a.red.selected {
587 background-color: #644;
588 color: #fff;
589 text-decoration: none;
590 padding: 1ex;
591 }
594 /*************************************************************************
595 * ui.filters
596 */
598 .ui_filter {
599 overflow: hidden;
600 margin-bottom: 1ex;
601 }
603 .ui_filter_closed_head,
604 .ui_filter_head {
605 color: #777;
606 margin-top: 1ex;
607 margin-bottom: 1.5ex;
608 font-size: 75%;
609 float: left;
610 }
612 .ui_filter_head {
613 margin-right: 2em;
614 }
616 .ui_filter_head a {
617 color: #777;
618 padding: 0.5ex;
619 margin-right: 0.2em;
620 }
622 .ui_filter_head a.active {
623 color: #fff;
624 background-color: #777;
625 padding: 0.5ex;
626 border-radius: 5px;
627 }
629 /*************************************************************************
630 * ui.paginate
631 */
633 .ui_paginate_head {
634 display: none;
635 margin-bottom: 1ex;
636 }
638 .ui_paginate_foot {
639 margin-top: 1ex;
640 }
642 .ui_paginate_select a {
643 padding: 0.5em;
644 }
646 /*************************************************************************
647 * ui.bargraph
648 */
650 .bargraph {
651 width: 103px;
652 }
654 .bargraph50 {
655 width: 52px;
656 }
658 .bargraph div {
659 float: left;
660 margin-top: 0.5ex;
661 height: 1.3ex;
662 }
664 .bargraph_legend {
665 margin-top: 2ex;
666 }
668 .bargraph_legend .bargraph {
669 width: 26px;
670 }
672 .bargraph_legend div,
673 .bargraph_legend div div,
674 .bargraph_legend div div div {
675 float: left;
676 }
678 .bargraph_legend_label {
679 margin-left: 0.5em;
680 margin-right: 1em;
681 }
683 /*************************************************************************
684 * vertical ui.form
685 */
687 .login input[type=text],
688 .vertical input[type=text],
689 .login input[type=password],
690 .vertical input[type=password],
691 .vertical textarea,
692 .vertical select {
693 font-family: sans-serif;
694 font-size: 100%;
695 width: 50em;
696 border: 1px solid #444;
697 padding: 0.2ex 0.2em 0.2ex 0.2em;
698 margin-bottom: 1ex;
699 }
701 .login input[type=password],
702 .vertical input[type=password] {
703 width: 16em;
704 }
706 .vertical select {
707 padding-right: 0;
708 }
710 .login .ui_field_label,
711 .vertical .ui_field_label {
712 text-transform: uppercase;
713 font-size: 70%;
714 line-height: 120%;
715 font-weight: bold;
716 color: #777;
717 width: 15em;
718 display: block;
719 float: left;
720 clear: left;
721 text-align: right;
722 padding-right: 0.5em;
723 }
725 .ui_field_label.label_right {
726 text-align: left;
727 width: auto;
728 }
730 .login input[type=text],
731 .login input[type=password] {
732 width: 10em;
733 }
735 .login div,
736 .vertical div {
737 clear: left;
738 }
740 .vertical span {
741 display: block;
742 margin-bottom: 0.5ex;
743 }
745 .vertical span:after {
746 content: " ";
747 }
749 .vertical span span {
750 display: inline;
751 margin-bottom: 0;
752 }
754 .login input[type=submit],
755 .vertical input[type=submit] {
756 font-size: 100%;
757 margin-left: 11em;
758 background-color: #444444;
759 color: #fff;
760 border: none;
761 padding: 0.75ex;
762 }
764 .login input[type=submit]:hover,
765 .vertical input[type=submit]:hover {
766 background-color: #444444;
767 }
769 /*************************************************************************
770 * Tables
771 */
774 table a.action {
775 font-size: 70%;
776 line-height: 190%;
777 padding: 0.5ex;
778 color: #777;
779 }
781 table a.active {
782 color: #fff;
783 }
785 th {
786 text-align: left;
787 }
789 tr:hover td {
790 background-color: #f2f2f2;
791 }
793 .nohover tr:hover td {
794 background-color: #fff;
795 }
797 .initiatives_list .nohover tr:hover td {
798 background-color: #f2f2f2;
799 }
801 .nohover table tr:hover td {
802 background-color: #f2f2f2;
803 }
806 tr table tr:hover td {
807 background-color: #fff;
808 }
811 /*************************************************************************
812 * Positive / Negtive votes
813 */
816 .positive_votes span {
817 display: inline;
818 }
820 .positive_votes {
821 display: inline;
822 background-color: #cfc;
823 padding: 0.3ex 0.5em 0.3ex 0.5em;
824 }
826 .negative_votes span {
827 display: inline;
828 }
830 .negative_votes {
831 display: inline;
832 background-color: #fcc;
833 padding: 0.3ex 0.5em 0.3ex 0.5em;
834 }
836 .suggestion_my_opinion a,
837 .suggestion_my_opinion span {
838 white-space: nowrap;
839 padding-left: 0.2ex !important;
840 padding-right: 0.2ex !important;
841 }
843 .active {
844 background-color: #444;
845 color: #fff;
846 }
848 .active_red2 { background-color: #a00; color: #fff !important; }
849 .active_red1 { background-color: #f88; color: #000 !important; }
850 .active_green1 { background-color: #8f8; color: #000 !important; }
851 .active_green2 { background-color: #0a0; color: #000 !important; }
856 /*************************************************************************
857 * Issues
858 */
860 .issues {
861 clear: left;
862 }
864 .issues .issue {
865 background-color: #fcfcfc;
866 overflow: hidden;
867 margin-bottom: 2ex;
868 border: 1px solid #ccc;
869 border-radius: 8px;
870 }
872 .issues .issue.interested,
873 .issues .issue.interest_by_delegation {
874 border: 1px solid #b2cdff;
875 }
877 .issues .issue .issue_info {
878 padding: 1ex 1em 0.3ex 1em;
879 line-height: 140%;
880 margin-bottom: 1ex;
881 }
883 .issues .issue.interested .issue_info,
884 .issues .issue.interested_by_delegation .issue_info {
885 background-color: #dfeaff;
886 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
887 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
888 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
889 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
890 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
891 }
893 .issues .issue .issue_info .issue_id {
894 font-size: 125%;
895 }
897 .issue_policy_info {
898 font-style: italic;
899 }
901 .issues .issue .interest_by_delegation {
902 float: right;
903 }
905 .issues .issue .initiative_list a {
906 font-weight: bold;
907 }
909 .issue_initiative_list a {
910 font-weight: bold;
911 }
913 .more_initiatives_link {
914 display: block;
915 margin-left: 166px;
916 font-style: italic;
917 margin-bottom: 1ex;
918 }
920 .issues tr tr {
921 border: none;
922 background: none;
923 }
925 .initiative_link.selected {
926 font-weight: bold;
927 }
929 x.initiative_link.supported {
930 background-color: #cdf;
931 border-radius: 5px;
932 }
934 x.initiative_link.potentially_supported {
935 background-color: #cdf;
936 border-radius: 5px;
937 }
939 .lang_chooser {
940 float: right;
941 margin-right: 0.5em;
942 }
944 .delegation_list_entry {
945 margin-right: 2em;
946 margin-bottom: 2ex;
947 float: left;
948 clear: left;
949 }
951 .delegation_list_entry .delegation_arrow {
952 float: left;
953 }
955 .delegation_list_entry .delegation_scope {
956 float: left;
957 width: 25em;
958 }
960 .delegation_list_entry .delegation_scope a {
961 display: block;
962 }
964 .member_list .member_thumb {
965 float: left;
966 margin-right: 1em;
967 margin-bottom: 2ex;
968 }
970 .member_thumb {
971 text-decoration: none;
972 width: 14.5em;
973 height: 48px;
974 display: block;
975 float: left;
976 background-color: #f2f2f2;
977 overflow: hidden;
978 position: relative;
979 border-radius: 7px;
980 padding: 2px;
981 }
983 .xmember_thumb a {
984 position: absolute;
985 top: 0;
986 left: 0;
987 padding: 0;
988 margin: 0;
989 }
991 .member_thumb a:hover div {
992 background-color: #444;
993 color: #fff;
994 }
996 .member_thumb img {
997 padding: 0;
998 margin: 0;
999 vertical-align: bottom;
1000 border-radius: 7px;
1001 }
1003 .member_thumb .member_name {
1004 position: absolute;
1005 left: 56px;
1006 top: 2ex;
1007 font-size: 100%;
1008 width: 14em;
1009 }
1011 .member_thumb .flags {
1012 text-align: right;
1013 font-size: 75%;
1014 }
1016 .member_thumb .flags a,
1017 .member_thumb .flags img {
1018 position: static;
1019 float: right;
1020 margin-left: 0.5em;
1021 }
1023 .member_thumb .flags .in_delegation_chain {
1024 font-weight: bold;
1025 }
1027 .member .right {
1028 float: right;
1029 }
1031 .member_thumb.not_accepted,
1032 .member_thumb.not_informed {
1033 background: #fff;
1034 }
1036 .member_thumb.not_accepted .member_image,
1037 .member_thumb.not_accepted .member_name,
1038 .member_thumb.not_informed .member_image,
1039 .member_thumb.not_informed .member_name {
1040 opacity: 0.4;
1041 }
1043 .member_thumb.in_delegation_chain {
1044 background-color: #cdf;
1045 }
1047 .member_statement,
1048 .draft_content,
1049 .suggestion_content {
1050 background-color: #f2f2f2;
1051 padding: 1ex;
1052 border-radius: 8px;
1053 }
1055 .member_statement {
1056 margin-right: 250px;
1057 }
1059 #suggestion_description {
1060 height: 15ex;
1061 }
1063 .diff {
1064 background-color: #f2f2f2;
1065 border: 1px solid #ccc;
1066 padding: 1ex;
1067 }
1069 .diff_added {
1070 background-color: #cfc;
1071 text-decoration: underline;
1072 }
1074 .diff_removed {
1075 background-color: #fcc;
1076 text-decoration: line-through;
1077 }
1079 .slot_issue_info {
1080 background-color: #f2f2f2;
1081 border: 1px solid #ccc;
1082 float: right;
1083 padding: 0.5ex;
1084 line-height: 130%;
1085 margin-right: 1em;
1086 }
1088 .issue_info label {
1089 float: left;
1090 width: 8em;
1091 text-transform: uppercase;
1092 font-size: 70%;
1093 color: #777;
1094 font-weight: bold;
1095 clear: left;
1096 text-align: right;
1097 margin-right: 0.7em;
1098 }
1100 .admitted_info {
1101 background-color: #dfd;
1102 padding: 1ex;
1103 margin-bottom: 2ex;
1104 border-radius: 8px;
1105 }
1107 .not_admitted_info,
1108 .revoked_info {
1109 background-color: #fdd;
1110 padding: 1ex;
1111 margin-bottom: 2ex;
1112 border-radius: 8px;
1113 }
1115 .draft_updated_info,
1116 .voting_active_info,
1117 .initiator_invite_info,
1118 .motd,
1119 .public_access_issue_head {
1120 background-color: #fec;
1121 padding: 1ex;
1122 margin-top: 2ex;
1123 margin-bottom: 2ex;
1124 border-radius: 8px;
1125 }
1127 .suggestion_fulfilled {
1128 width: 15em;
1129 }
1130 .suggestion_fulfilled a.action {
1131 padding-left: 0;
1132 line-height: 120%;
1133 }
1135 .help,
1136 .use_terms {
1137 border-radius: 8px;
1138 border: 1px solid #ffe900;
1139 background-color: #fffbce;
1140 color: #000;
1141 padding: 1ex;
1142 }
1144 .help_visible {
1145 margin-top: 2ex;
1146 margin-bottom: 1ex;
1147 }
1149 .help_visible .help_icon {
1150 float: right;
1151 }
1153 .slot_help_hidden {
1154 float: right;
1155 margin-right: 1em;
1156 margin-top: 1ex;
1157 }
1159 .help_actions {
1160 font-size: 75%;
1161 float: right;
1162 }
1164 .help_actions a {
1165 margin-right: 1em;
1166 color: #468;
1167 }
1169 .wiki {
1170 line-height: 133%;
1171 }
1173 .wiki h1,
1174 .wiki h2,
1175 .wiki h3,
1176 .wiki h4 {
1177 margin-top: 1ex;
1178 margin-bottom: 1ex;
1179 }
1181 .wiki h1 {
1182 font-size: 150%;
1183 font-weight: bold;
1184 }
1186 .wiki h2 {
1187 font-size: 125%;
1188 font-weight: bold;
1189 }
1191 .wiki h3 {
1192 font-size: 125%;
1193 }
1195 .wiki h4 {
1196 font-size: 100%;
1197 font-weight: bold;
1198 }
1200 .wiki p {
1201 margin-top: 1ex;
1202 margin-bottom: 1ex;
1203 }
1205 form .warning {
1206 background-color: #ffd;
1207 color: #000;
1208 border: 1px solid #dda;
1209 margin: 1ex;
1210 margin-bottom: 2ex;
1211 padding: 1ex;
1212 }
1214 a.not_voted {
1215 display: block;
1216 background-color: #fec;
1217 color: #000;
1218 }
1220 .action_active {
1221 background-color: #fec;
1222 }
1224 .heading {
1225 display: block;
1226 font-size: 120%;
1227 font-weight: bold;
1228 }
1230 .heading.member_area_list {
1231 position: absolute;
1232 }
1234 .heading.first {
1235 margin-top: 0;
1236 }
1238 .menu_list li {
1239 padding-top: 1ex;
1240 padding-bottom: 1ex;
1241 }
1243 .deactivated_member_info {
1244 background-color: #a00;
1245 color: #fff;
1246 }
1248 /*************************************************************************
1249 * Voting
1250 */
1252 #voting_form {
1253 margin-top: 20px;
1254 }
1256 #voting {
1257 position: relative;
1258 }
1260 #voting .approval, .abstention, .disapproval {
1261 border: 2px black solid;
1262 margin-top: 2ex;
1263 margin-bottom: 5ex;
1264 padding: 1ex;
1265 padding-bottom: 2ex;
1266 border-radius: 8px;
1267 }
1268 #voting .approval {
1269 background-color: #9f9;
1270 }
1271 #voting .approval .movable {
1272 background-color: #dfd;
1273 }
1274 #voting .abstention {
1275 background-color: #ccc;
1276 }
1277 #voting .abstention .movable {
1278 background-color: #f2f2f2;
1279 }
1280 #voting .disapproval {
1281 background-color: #f88;
1282 }
1283 #voting .disapproval .movable {
1284 background-color: #fbb;
1285 }
1286 #voting .cathead {
1287 font-weight: bold;
1288 }
1289 #voting .movable {
1290 position: relative;
1291 border: 1px black solid;
1292 margin-top: 1ex;
1293 padding: 0.5ex;
1294 border-radius: 8px;
1295 }
1296 #voting .voting_form_active .movable {
1297 cursor: pointer;
1298 }
1299 #voting .voting_form_active .clickable {
1300 cursor: auto;
1301 }
1302 #voting .voting_form_active a.clickable {
1303 cursor: pointer;
1304 }
1306 #voting .grabber {
1307 vertical-align: middle;
1308 cursor: move;
1309 }
1311 /*************************************************************************
1312 * timeline
1313 */
1314 div.ignore_area_list {
1315 float: left;
1316 width: 90%;
1317 margin: 0 0 1em 0;
1318 }
1320 div.ignore_area_list >
1321 label.ui_field_label {
1322 text-align: left ;
1323 width: 100%;
1324 border-bottom:1px solid #000000;
1325 color: #000000;
1326 font-size:75%;
1327 font-weight:bold;
1328 vertical-align:bottom;
1329 text-transform:none;
1330 padding:0.5ex 0.5em
1331 }
1333 div.ignore_area_item {
1334 clear: none;
1335 float: left;
1336 min-width: 10em;
1337 margin: 0.1ex 0.5em;
1338 margin-right: 0.5em;
1339 }
1341 div.ignore_area_item > input {
1342 float: none;
1343 clear: none;
1344 display: inline;
1345 }
1347 div.ignore_area_item >
1348 label.ui_field_label {
1349 float: none;
1350 clear: none;
1351 text-align: left;
1352 display: inline;
1353 }
1355 div.timeline_results {
1356 clear: both;
1357 }
1359 /* shadows */
1361 .slot_initiatives_list,
1362 .actions,
1363 .issues .issue,
1364 .ui_tabs_links a,
1365 .draft_content,
1366 .help,
1367 .use_terms,
1368 .motd,
1369 .ui_filter a.active {
1370 box-shadow: #777 0px 5px 5px -5px;
1371 -mox-box-shadow: #777 0px 5px 5px -5px;
1372 -webkit-box-shadow: #777 0px 5px 5px -5px;
1373 }