liquid_feedback_frontend
view static/style.css @ 276:f460555c9896
Code cleanup
| author | bsw |
|---|---|
| date | Sun Feb 12 20:03:26 2012 +0100 (2012-02-12) |
| parents | fc14e76afe31 |
| children | bde068b37608 |
line source
1 /*************************************************************************
2 * Some global definitions
3 */
5 body {
6 background: #fff;
7 }
9 body, th, td {
10 font-family: sans-serif;
11 font-size: 15px;
12 font-size: 14px;
13 padding: 0;
14 margin: 0;
15 }
17 .area_list {
18 line-height: 140%;
19 }
21 body, a {
22 color: #000;
23 }
25 img {
26 border: none;
27 }
29 table {
30 border-collapse: collapse;
31 border: none;
32 }
34 td, th {
35 padding: 0.5ex 0.5em 0.5ex 0.5em;
36 }
38 td {
39 vertical-align: top;
40 }
42 th {
43 vertical-align: bottom;
44 font-size: 75%;
45 font-weight: bold;
46 }
48 a.active {
49 color: #fff;
50 }
52 .revoked {
53 text-decoration: line-through;
54 }
56 .highlighted {
57 background-color: #fa7;
58 color: #000;
59 }
61 .admin_only {
62 font-style: italic;
63 }
65 a {
66 xvertical-align: middle;
67 }
69 h1 {
70 font-size: 150%;
71 }
73 h2 {
74 font-size: 125%;
75 }
77 .inline {
78 display: inline;
79 }
81 /*************************************************************************
82 * Notices, warnings and errors
83 */
85 .layout_notice, .layout_error, .layout_warning {
86 background: #fff;
87 font-weight: bold;
88 line-height: 1.7em;
89 -moz-opacity:0.7;
90 }
92 .slot_notice, .slot_warning, .slot_error {
93 padding-left: 1em;
94 }
96 .slot_notice {
97 background-color: #cfc;
98 color: #040;
99 }
101 .slot_warning {
102 background-color: #fec;
103 color: #420;
104 }
106 .slot_error {
107 background-color: #fcc;
108 color: #400;
109 }
111 /*************************************************************************
112 * Navigation, search and language chooser bar
113 */
115 .topbar {
116 background-color: #444;
117 color: #fff;
118 font-size: 90%;
119 line-height: 100%;
120 padding-left: 10px;
121 }
123 .topbar .logolf {
124 font-weight: bold;
125 }
127 .topbar a {
128 color: #fff;
129 }
131 .topbar a:hover {
132 background-color: #fff;
133 color: #000;
134 }
136 .navigation,
137 .logout_button {
138 line-height: 200%;
139 }
141 .navigation img,
142 .logout_button img {
143 margin-right: 0.5em;
144 vertical-align: middle;
145 }
147 .navigation a,
148 .logout_button a {
149 padding: 1ex;
150 }
152 form.unit_selector {
153 display: inline;
154 }
156 .logout_button {
157 float: right;
158 }
160 .searchbox {
161 margin: 0;
162 padding: 0.1ex 1em 0ex 1em;
163 float: right;
164 line-height: 250%;
165 }
167 .searchbox form {
168 float: left;
169 }
171 .searchbox div {
172 display: inline;
173 }
175 .searchbox select {
176 margin-left: 0.3em;
177 margin-right: 0.4em;
178 font-size: 100%;
179 width: 8em;
180 }
182 .searchbox input[type=text] {
183 width: 8em;
184 padding: 0.25ex 0.25em 0.25ex 0.25em;
185 margin-right: 0.5em;
186 font-size: 100%;
187 }
189 .searchbox input[type=submit] {
190 font-size: 100%;
191 }
193 /*************************************************************************
194 * Title of current page including path and actions
195 */
197 .title_bar {
198 padding-bottom: 1ex;
199 xbackground-color: #def;
200 text-shadow: #fff 0px 0px 3px;
201 }
203 .title_bar_content {
204 padding-left: 1em;
205 padding-top: 1.5ex;
206 background: -webkit-gradient(linear, left top, left bottom,
207 /*color-stop(0%,#abd3ee), color-stop(100%,#ffffff)*/
208 color-stop(0%,#ddd), color-stop(100%,#fff)
209 );
210 }
212 .path {
213 color: #444;
214 }
216 .path div {
217 font-size: 100%;
218 line-height: 180%;
219 }
221 .path a {
222 color: #444;
223 }
225 .slot_path div {
226 display: inline;
227 margin-left: 1em;
228 margin-right: 1em;
229 }
231 .title {
232 color: #000;
233 margin-bottom: 1ex;
234 }
236 .slot_title {
237 }
239 .title div {
240 font-size: 125%;
241 line-height: 110%;
242 }
244 .title div a {
245 xfont-weight: bold;
246 }
248 .title a {
249 color: #000;
250 }
252 .title2 div {
253 margin-bottom: 1ex;
254 xline-height: 130%;
255 }
257 .member_image_avatar {
258 float: left;
259 margin-right: 0.5em;
260 }
262 .micro_avatar {
263 width: 24px;
264 height: 24px;
265 border-radius: 4px;
266 }
268 .actions {
269 font-size: 75%;
270 line-height: 220%;
271 }
273 .slot_actions {
274 display: inline;
275 }
277 .actions a {
278 padding: 1px 0.5em 1px 0.0em;
279 margin-right: 1em;
280 border-radius: 5px;
281 }
284 .slot_initiative_head {
285 background: -webkit-gradient(linear, left top, left bottom,
286 /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff) */
287 color-stop(0%,#ddd), color-stop(100%,#fff)
288 );
289 padding-left: 1em;
290 padding-top: 2ex;
291 text-shadow: #fff 0px 0px 3px;
292 }
294 .initiative_name {
295 font-weight: bold;
296 font-size: 125%;
297 xline-height: 110%;
298 xmargin-bottom: 0.7ex;
299 }
302 .content_navigation {
303 font-size: 75%;
304 background-color: #eee;
305 margin-bottom: 2ex;
306 padding-left: 1em;
307 }
309 .content_navigation div,
310 .content_navigation a {
311 display: inline-block;
312 padding: 3px 0.5em 3px 0.0em;
313 margin-right: 1em;
314 vertical-align: middle;
315 }
317 .content_navigation a:hover {
318 background-color: #d7d7d7;
319 }
321 .content_navigation_seperator {
322 height: 1.4em;
323 border-left: 1px solid black;
324 }
326 .actions a:hover {
327 background-color: #d7d7d7;
328 }
330 .title_bar .actions a:hover {
331 background-color: #fff;
332 }
334 .actions img {
335 padding-left: 0.2em;
336 padding-right: 0.2em;
337 vertical-align: middle;
338 }
340 .logo {
341 float: right;
342 margin-right: 1em;
343 }
348 /*************************************************************************
349 * vote info / delegation
350 */
352 .interest,
353 .slot_support,
354 .delegation {
355 float: left;
356 position: relative;
357 z-index: 1;
358 }
360 .interest img,
361 .slot_support img,
362 .delegation img {
363 padding-left: 0.2em;
364 padding-right: 0.2em;
365 }
366 .vote_info .head {
367 float: left;
368 margin-right: 1em;
369 }
371 .interest .head_active,
372 .actions .potential_supporter{
373 background-color: #fec;
374 box-shadow: #fff 0px 0px 10px 1px;
375 border-radius: 5px;
376 }
378 .actions .supporter {
379 background-color: #dfc;
380 box-shadow: #fff 0px 0px 10px 1px;
381 border-radius: 5px;
382 }
384 .slot_support .head_initiator {
385 background-color: #eee;
386 box-shadow: #fff 0px 0px 10px 1px;
387 border-radius: 5px;
388 }
390 .delegation .head_active {
391 background-color: #ddf;
392 box-shadow: #fff 0px 0px 10px 1px;
393 border-radius: 5px;
394 }
396 .delegation .change_delegation {
397 margin-bottom: 2ex;
398 }
400 .delegation .change_delegation a {
401 display: inline;
402 float: none;
403 padding: 1ex;
404 }
406 .delegation .delegation_participation {
407 margin-left: 20.5em;
408 margin-top: 3ex;
409 font-style: italic;
410 font-size: 80%;
411 }
413 .slot_actions .change_delegation {
414 float: left;
415 }
417 .vote_info .close {
418 position: absolute;
419 top: 0;
420 right: 0;
421 padding: 1ex;
422 display: block;
423 }
425 .vote_info .content {
426 font-size: 133%;
427 line-height: 100%;
428 top: 3ex;
429 display: none;
430 position: absolute;
431 z-index: 10;
432 background-color: #fff;
433 border: 1px solid #999;
434 padding: 1em;
435 width: 35em;
436 }
438 .vote_info .delegation_arrow {
439 margin-top: 1ex;
440 margin-bottom: 1ex;
441 vertical-align: middle;
442 }
444 .vote_info .delegation_arrow_overridden {
445 opacity: 0.4;
446 }
448 .vote_info .delegation_scope_overridden {
449 color: #777;
450 }
452 .vote_info .delegation_scope {
453 display: inline;
454 }
456 .vote_info .delegation_info {
457 }
459 .vote_info .member_thumb {
460 clear: left;
461 }
463 .delegation_overridden .member_thumb {
464 opacity: 0.4;
465 }
467 .delegation .revoke {
468 margin: 0.5ex;
469 float: right;
470 }
472 .delegation .revoke img {
473 vertical-align: middle;
474 }
477 /*************************************************************************
478 * Main content
479 */
481 .main {
482 margin-left: 1em;
483 margin-right: 1em;
484 }
487 /*************************************************************************
488 * ui.tab
489 */
491 .ui_tabs_links {
492 margin-top: 2ex;
493 margin-bottom: 2ex;
494 font-size: 75%;
495 }
497 .ui_tabs_links a {
498 padding: 1ex;
499 line-height: 300%;
500 background-color: #e7e7e7;
501 white-space: nowrap;
502 border-radius: 5px;
503 margin-right: 5px;
504 font-weight: bold;
505 }
507 .ui_tabs_links a:hover {
508 background-color: #d7d7d7;
509 }
511 .ui_tabs_links a.selected {
512 background-color: #444;
513 color: #fff;
514 text-decoration: none;
515 padding: 1ex;
516 }
518 .ui_tabs_content {
519 xborder: 1px solid #444;
520 xpadding: 1ex 1ex 1ex 1ex;
521 }
523 .web10 .ui_tabs_accordeon_head {
524 margin-bottom: 1ex;
525 }
527 .web20 .ui_tabs_accordeon_head {
528 font-size: 80%;
529 font-weight: bold;
530 display: block;
531 background: #eee;
532 border: 1px solid #bbb;
533 color: #000;
534 padding: 0.75ex;
535 margin-top: 2ex;
536 cursor: pointer;
537 }
539 .web20 .ui_tabs_accordeon_head img {
540 vertical-align: middle;
541 margin-right: 0.5em;
542 }
544 .web20 .ui_tabs_accordeon_head .bargraph {
545 margin-right: 0.5em;
546 }
548 .web20 .ui_tabs_accordeon_content {
549 border: 1px solid #aaa;
550 border-top: none;
551 padding: 2ex 1em 2ex 1em;
552 margin-bottom: 3ex;
553 }
555 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
556 background-color: #e5e5ff;
557 }
559 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
560 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
561 border-color: #aad;
562 }
564 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
565 border-color: #bbb;
566 border-width: 1px;
567 }
569 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
570 background-color: #eee;
571 border: 1px solid #bbb;
572 }
574 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
575 font-size: 120%;
576 }
578 .ui_tabs_links a.yellow {
579 background-color: #fec;
580 color: #000;
581 }
583 .ui_tabs_links a.yellow:hover {
584 background-color: #edb;
585 }
587 .ui_tabs_links a.yellow.selected {
588 background-color: #654;
589 color: #fff;
590 text-decoration: none;
591 padding: 1ex;
592 }
594 .web20 .ui_tabs_accordeon_head.yellow {
595 background-color: #fec;
596 border-color: #b96;
597 xpadding: 1ex;
598 xmargin-bottom: 2ex;
599 }
601 .web20 .ui_tabs_accordeon_content.yellow {
602 border-color: #b96;
603 }
605 .ui_tabs_links a.red {
606 background-color: #c33;
607 color: #000;
608 }
610 .ui_tabs_links a.red:hover {
611 background-color: #ebb;
612 }
614 .ui_tabs_links a.red.selected {
615 background-color: #644;
616 color: #fff;
617 text-decoration: none;
618 padding: 1ex;
619 }
621 .web20 .ui_tabs_accordeon_head.red {
622 background-color: #c23;
623 border-color: #b66;
624 xpadding: 1ex;
625 xmargin-bottom: 2ex;
626 }
628 .web20 .ui_tabs_accordeon_content.red {
629 border-color: #b66;
630 }
633 /*************************************************************************
634 * ui.filters
635 */
637 .ui_filter {
638 overflow: hidden;
639 margin-bottom: 1ex;
640 }
642 .ui_filter_closed_head,
643 .ui_filter_head {
644 color: #777;
645 margin-top: 1ex;
646 margin-bottom: 1.5ex;
647 font-size: 75%;
648 float: left;
649 }
651 .ui_filter_head {
652 margin-right: 2em;
653 }
655 .ui_filter_head a {
656 color: #777;
657 padding: 0.5ex;
658 margin-right: 0.2em;
659 }
661 .ui_filter_head a.active {
662 color: #fff;
663 background-color: #777;
664 padding: 0.5ex;
665 border-radius: 5px;
666 }
668 /*************************************************************************
669 * ui.paginate
670 */
672 .ui_paginate_head {
673 display: none;
674 margin-bottom: 1ex;
675 }
677 .ui_paginate_foot {
678 margin-top: 1ex;
679 }
681 .ui_paginate_select a {
682 padding: 0.5em;
683 }
685 /*************************************************************************
686 * ui.bargraph
687 */
689 .bargraph {
690 width: 103px;
691 }
693 .bargraph50 {
694 width: 52px;
695 }
697 .bargraph div {
698 float: left;
699 margin-top: 0.5ex;
700 height: 1.3ex;
701 }
703 .bargraph_legend {
704 margin-top: 2ex;
705 }
707 .bargraph_legend .bargraph {
708 width: 26px;
709 }
711 .bargraph_legend div,
712 .bargraph_legend div div,
713 .bargraph_legend div div div {
714 float: left;
715 }
717 .bargraph_legend_label {
718 margin-left: 0.5em;
719 margin-right: 1em;
720 }
722 /*************************************************************************
723 * vertical ui.form
724 */
726 .login input[type=text],
727 .vertical input[type=text],
728 .login input[type=password],
729 .vertical input[type=password],
730 .vertical textarea,
731 .vertical select {
732 font-family: sans-serif;
733 font-size: 100%;
734 width: 50em;
735 border: 1px solid #444;
736 padding: 0.2ex 0.2em 0.2ex 0.2em;
737 margin-bottom: 1ex;
738 }
740 .login input[type=password],
741 .vertical input[type=password] {
742 width: 16em;
743 }
745 .vertical select {
746 padding-right: 0;
747 }
749 .login .ui_field_label,
750 .vertical .ui_field_label {
751 text-transform: uppercase;
752 font-size: 70%;
753 line-height: 120%;
754 font-weight: bold;
755 color: #777;
756 width: 15em;
757 display: block;
758 float: left;
759 clear: left;
760 text-align: right;
761 padding-right: 0.5em;
762 }
764 .ui_field_label.label_right {
765 text-align: left;
766 width: auto;
767 }
769 .login input[type=text],
770 .login input[type=password] {
771 width: 10em;
772 }
774 .login div,
775 .vertical div {
776 clear: left;
777 }
779 .vertical span {
780 display: block;
781 margin-bottom: 0.5ex;
782 }
784 .vertical span:after {
785 content: " ";
786 }
788 .vertical span span {
789 display: inline;
790 margin-bottom: 0;
791 }
793 .login input[type=submit],
794 .vertical input[type=submit] {
795 font-size: 100%;
796 margin-left: 11em;
797 background-color: #444444;
798 color: #fff;
799 border: none;
800 padding: 0.75ex;
801 }
803 .login input[type=submit]:hover,
804 .vertical input[type=submit]:hover {
805 background-color: #444444;
806 }
808 /*************************************************************************
809 * Tables
810 */
813 table a.action {
814 font-size: 70%;
815 line-height: 190%;
816 padding: 0.5ex;
817 color: #777;
818 }
820 table a.active {
821 color: #fff;
822 }
824 th {
825 text-align: left;
826 }
828 tr:hover td {
829 background-color: #ddd;
830 }
832 .nohover tr:hover td {
833 background-color: #fff;
834 }
836 .nohover table tr:hover td {
837 background-color: #ddd;
838 }
841 tr table tr:hover td {
842 background-color: #fff;
843 }
846 /*************************************************************************
847 * Hidden inline form
848 */
850 .hidden_inline_form {
851 display: none;
852 border: 1px solid #444;
853 width: 42em;
854 position: fixed;
855 background-color: #fff;
856 left: 5em;
857 top: 5ex;
858 z-index: 2;
859 }
861 .hidden_inline_form a {
862 padding: 0.5ex;
863 color: #fff;
864 }
867 .hidden_inline_form .head {
868 background-color: #444;
869 color: #fff;
870 display: block;
871 padding: 0.5ex;
872 }
874 .hidden_inline_form input[type=text],
875 .hidden_inline_form textarea,
876 .hidden_inline_form select {
877 width: 30em;
878 }
880 /*************************************************************************
881 * Positive / Negtive votes
882 */
885 .positive_votes span {
886 display: inline;
887 }
889 .positive_votes {
890 display: inline;
891 background-color: #cfc;
892 padding: 0.3ex 0.5em 0.3ex 0.5em;
893 }
895 .negative_votes span {
896 display: inline;
897 }
899 .negative_votes {
900 display: inline;
901 background-color: #fcc;
902 padding: 0.3ex 0.5em 0.3ex 0.5em;
903 }
905 .suggestion_my_opinion a,
906 .suggestion_my_opinion span {
907 white-space: nowrap;
908 padding-left: 0.2ex !important;
909 padding-right: 0.2ex !important;
910 }
912 .active {
913 background-color: #444;
914 color: #fff;
915 }
917 .active_red2 { background-color: #a00; color: #fff !important; }
918 .active_red1 { background-color: #f88; color: #000 !important; }
919 .active_green1 { background-color: #8f8; color: #000 !important; }
920 .active_green2 { background-color: #0a0; color: #000 !important; }
925 /*************************************************************************
926 * Issues
927 */
929 .issues .issue {
930 xborder: 1px solid #ccc;
931 overflow: hidden;
932 margin-bottom: 2ex;
933 border-radius: 8px;
934 }
936 .issues .issue .issue_info {
937 xfloat: left;
938 xwidth: 25%;
939 padding: 1ex;
940 line-height: 140%;
941 xoverflow: hidden;
942 background: -webkit-gradient(linear, left top, left bottom,
943 color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(66%,#fff));
944 }
946 .issues .issue.interested .issue_info{
947 background: -webkit-gradient(linear, left top, left bottom,
948 color-stop(0%,#FFEECC), color-stop(33%, #FFF7E6), color-stop(66%,#fff));
949 }
951 .issues .issue .issue_info .issue_id {
952 font-size: 125%;
953 }
955 .issues .issue .initiative_list a {
956 font-weight: bold;
957 }
959 .issue_initiative_list a {
960 font-weight: bold;
961 }
963 .more_initiatives_link {
964 margin-left: 158px;
965 font-style: italic;
966 }
968 .issues tr tr {
969 border: none;
970 background: none;
971 }
973 .initiative_link {
974 padding: 0.5ex 0.5em;
975 }
977 .initiative_link.selected {
978 font-weight: bold;
979 }
981 .initiative_link.supported {
982 background-color: #C9FFD1;
983 border-radius: 5px;
984 background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
985 }
987 .initiative_link.potentially_supported {
988 background-color: #FFEECC;
989 border-radius: 5px;
990 background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
991 }
993 .lang_chooser {
994 float: right;
995 margin-right: 0.5em;
996 }
998 .delegation_list_entry {
999 margin-right: 2em;
1000 margin-bottom: 2ex;
1001 float: left;
1002 clear: left;
1003 }
1005 .delegation_list_entry .delegation_arrow {
1006 float: left;
1007 }
1009 .delegation_list_entry .delegation_scope {
1010 float: left;
1011 width: 25em;
1012 }
1014 .delegation_list_entry .delegation_scope a {
1015 display: block;
1016 }
1018 .member_list .member_thumb {
1019 float: left;
1020 margin-right: 1em;
1021 margin-bottom: 2ex;
1022 }
1024 .member_thumb {
1025 text-decoration: none;
1026 width: 14.5em;
1027 height: 48px;
1028 display: block;
1029 float: left;
1030 border: 1px solid #999;
1031 overflow: hidden;
1032 xwhite-space: nowrap;
1033 position: relative;
1034 border-radius: 7px;
1035 }
1037 .member_thumb a{
1038 position: absolute;
1039 top: 0;
1040 left: 0;
1041 padding: 0;
1042 margin: 0;
1043 }
1045 .member_thumb a:hover div {
1046 background-color: #444;
1047 color: #fff;
1048 }
1050 .member_thumb img {
1051 padding: 0;
1052 margin: 0;
1053 vertical-align: bottom;
1054 border-radius: 7px 0 0 7px;
1055 }
1057 .member_thumb div {
1058 }
1060 .member_thumb .member_image {
1061 }
1063 .member_thumb .member_name {
1064 position: absolute;
1065 left: 48px;
1066 top: 2ex;
1067 font-size: 100%;
1068 width: 14em;
1069 }
1071 .member_thumb .flags {
1072 text-align: right;
1073 font-size: 75%;
1074 }
1076 .member_thumb .flags a,
1077 .member_thumb .flags img {
1078 position: static;
1079 float: right;
1080 margin-left: 0.5em;
1081 }
1083 .member_thumb .flags .in_delegation_chain {
1084 font-weight: bold;
1085 }
1088 .member .right {
1089 float: right;
1090 }
1092 .member_thumb.not_accepted,
1093 .member_thumb.not_informed {
1094 opacity: 0.5;
1095 }
1097 .member_thumb.in_delegation_chain {
1098 border-color: #f70;
1099 }
1101 .member_statement,
1102 .draft_content,
1103 .suggestion_content {
1104 background-color: #eee;
1105 xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
1106 padding: 1ex;
1107 border-radius: 8px;
1108 }
1111 #suggestion_description {
1112 height: 15ex;
1113 }
1115 .diff {
1116 background-color: #eee;
1117 border: 1px solid #ccc;
1118 padding: 1ex;
1119 }
1121 .diff_added {
1122 background-color: #cfc;
1123 text-decoration: underline;
1124 }
1126 .diff_removed {
1127 background-color: #fcc;
1128 text-decoration: line-through;
1129 }
1131 .slot_issue_info {
1132 background-color: #eee;
1133 border: 1px solid #ccc;
1134 float: right;
1135 padding: 0.5ex;
1136 line-height: 130%;
1137 margin-right: 1em;
1138 }
1140 .issue_info label {
1141 float: left;
1142 width: 8em;
1143 text-transform: uppercase;
1144 font-size: 70%;
1145 color: #777;
1146 font-weight: bold;
1147 clear: left;
1148 text-align: right;
1149 margin-right: 0.7em;
1150 }
1152 .admitted_info {
1153 background-color: #dfd;
1154 padding: 1ex;
1155 margin-bottom: 2ex;
1156 }
1158 .not_admitted_info,
1159 .revoked_info {
1160 background-color: #fdd;
1161 padding: 1ex;
1162 margin-bottom: 2ex;
1163 }
1165 .draft_updated_info,
1166 .voting_active_info,
1167 .initiator_invite_info,
1168 .motd,
1169 .public_access_issue_head {
1170 background-color: #fec;
1171 border: 1px solid #b96;
1172 padding: 1ex;
1173 margin-bottom: 2ex;
1174 border-radius: 8px;
1175 }
1177 .suggestion_fulfilled {
1178 width: 15em;
1179 }
1180 .suggestion_fulfilled a.action {
1181 padding-left: 0;
1182 line-height: 120%;
1183 }
1185 .help,
1186 .use_terms {
1187 border: 1px solid #bcd;
1188 background-color: #def;
1189 color: #000;
1190 padding: 1ex;
1191 }
1193 .help_visible {
1194 margin-bottom: 1ex;
1195 }
1197 .help_visible .help_icon {
1198 float: right;
1199 }
1201 .slot_help_hidden {
1202 float: right;
1203 margin-right: 1em;
1204 }
1206 .help_actions {
1207 font-size: 75%;
1208 float: right;
1209 }
1211 .help_actions a {
1212 margin-right: 1em;
1213 color: #468;
1214 }
1216 .wiki {
1217 }
1219 .wiki h1,
1220 .wiki h2,
1221 .wiki h3,
1222 .wiki h4 {
1223 margin-top: 1ex;
1224 margin-bottom: 1ex;
1225 }
1227 .wiki h1 {
1228 font-size: 150%;
1229 }
1231 .wiki h2 {
1232 font-size: 125%;
1233 }
1235 .wiki p {
1236 margin-top: 1ex;
1237 margin-bottom: 1ex;
1238 }
1240 form .warning {
1241 background-color: #ffd;
1242 color: #000;
1243 border: 1px solid #dda;
1244 margin: 1ex;
1245 margin-bottom: 2ex;
1246 padding: 1ex;
1247 }
1249 a.not_voted {
1250 display: block;
1251 background-color: #fec;
1252 color: #000;
1253 }
1255 .action_active {
1256 background-color: #fec;
1257 }
1259 .heading {
1260 display: block;
1261 font-size: 120%;
1262 font-weight: bold;
1263 margin-top: 2ex;
1264 margin-bottom: 1ex;
1265 }
1267 .heading.first {
1268 margin-top: 0;
1269 }
1271 .menu_list li {
1272 padding-top: 1ex;
1273 padding-bottom: 1ex;
1274 }
1276 .deactivated_member_info {
1277 background-color: #a00;
1278 color: #fff;
1279 }
1281 /*************************************************************************
1282 * Voting
1283 */
1285 #voting {
1286 position: relative;
1287 }
1288 #voting .approval, .abstention, .disapproval {
1289 border: 2px black solid;
1290 margin-top: 5ex;
1291 margin-bottom: 5ex;
1292 padding: 1ex;
1293 padding-bottom: 2ex;
1294 }
1295 #voting .approval {
1296 background-color: #9f9;
1297 }
1298 #voting .approval .movable {
1299 background-color: #dfd;
1300 }
1301 #voting .abstention {
1302 background-color: #ccc;
1303 }
1304 #voting .abstention .movable {
1305 background-color: #eee;
1306 }
1307 #voting .disapproval {
1308 background-color: #f88;
1309 }
1310 #voting .disapproval .movable {
1311 background-color: #fbb;
1312 }
1313 #voting .cathead {
1314 font-weight: bold;
1315 }
1316 #voting .movable {
1317 position: relative;
1318 border: 1px black solid;
1319 margin: 1ex;
1320 padding: 0.5ex;
1321 }
1322 #voting .voting_form_active .movable {
1323 cursor: pointer;
1324 }
1325 #voting .voting_form_active .clickable {
1326 cursor: auto;
1327 }
1328 #voting .voting_form_active a.clickable {
1329 cursor: pointer;
1330 }
1332 #voting .grabber {
1333 vertical-align: middle;
1334 cursor: move;
1335 }
1337 /*************************************************************************
1338 * timeline
1339 */
1340 div.ignore_area_list {
1341 float: left;
1342 width: 90%;
1343 margin: 0 0 1em 0;
1344 }
1346 div.ignore_area_list >
1347 label.ui_field_label {
1348 text-align: left ;
1349 width: 100%;
1350 border-bottom:1px solid #000000;
1351 color: #000000;
1352 font-size:75%;
1353 font-weight:bold;
1354 vertical-align:bottom;
1355 text-transform:none;
1356 padding:0.5ex 0.5em
1357 }
1359 div.ignore_area_item {
1360 clear: none;
1361 float: left;
1362 min-width: 10em;
1363 margin: 0.1ex 0.5em;
1364 margin-right: 0.5em;
1365 }
1367 div.ignore_area_item > input {
1368 float: none;
1369 clear: none;
1370 display: inline;
1371 }
1373 div.ignore_area_item >
1374 label.ui_field_label {
1375 float: none;
1376 clear: none;
1377 text-align: left;
1378 display: inline;
1379 }
1381 div.timeline_results {
1382 clear: both;
1383 }