liquid_feedback_frontend
view static/style.css @ 644:7b2d7c0990b7
Optical enhancements
| author | bsw |
|---|---|
| date | Mon Jun 25 19:58:09 2012 +0200 (2012-06-25) |
| parents | 3aff9990b0a1 |
| children | e405255faa6a |
line source
2 /* Style reset */
3 html,
4 body,
5 div,
6 span,
7 applet,
8 object,
9 iframe,
10 h1, h2, h3, h4, h5, h6,
11 p, a, img,
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 li {
30 line-height: 133%;
31 }
32 p {
33 margin-top: 2ex;
34 margin-bottom: 2ex;
35 }
37 table {
38 border-collapse: separate;
39 border-spacing: 0;
40 }
41 caption, th, td {
42 text-align: left;
43 font-weight: normal;
44 }
46 /*************************************************************************
47 * Some global definitions
48 */
50 body {
51 background: #fafafa;
52 line-height: 120%:
53 }
55 body, th, td {
56 font-family: sans-serif;
57 font-size: 15px;
58 font-size: 14px;
59 padding: 0;
60 margin: 0;
61 }
63 .page,
64 .topbar_content {
65 max-width: 1130px;
66 margin: 0 auto;
67 }
69 table {
70 margin-top: 1ex;
71 }
73 body, a {
74 color: #000;
75 }
77 img {
78 border: none;
79 }
81 table {
82 border-collapse: collapse;
83 border: none;
84 }
86 td, th {
87 padding: 0.5ex 0.5em 0.5ex 0em;
88 }
90 td {
91 vertical-align: top;
92 }
94 th {
95 vertical-align: bottom;
96 font-weight: bold;
97 }
99 a.active {
100 color: #fff;
101 }
103 .revoked {
104 text-decoration: line-through;
105 }
107 .highlighted {
108 background-color: #fa7;
109 color: #000;
110 }
112 .admin_only {
113 font-style: italic;
114 }
116 h1 {
117 font-size: 150%;
118 }
120 h2 {
121 font-size: 125%;
122 }
124 .inline {
125 display: inline;
126 }
128 /*************************************************************************
129 * Notices, warnings and errors
130 */
132 .layout_notice, .layout_error, .layout_warning {
133 background: #fff;
134 font-weight: bold;
135 line-height: 1.7em;
136 -moz-opacity:0.7;
137 }
139 .slot_notice, .slot_warning, .slot_error {
140 padding-left: 1em;
141 }
143 .slot_notice {
144 background-color: #cfc;
145 color: #040;
146 }
148 .slot_warning {
149 background-color: #fec;
150 color: #420;
151 }
153 .slot_error {
154 background-color: #fcc;
155 color: #400;
156 }
158 /*************************************************************************
159 * Navigation, search and language chooser bar
160 */
162 .topbar {
163 background-color: #333;
164 background-image: -webkit-gradient(linear, left top, left bottom,
165 color-stop(0%, #888), color-stop(25%,#333)
166 );
167 font-size: 90%;
168 box-shadow: #aaa 0 0 5px;
169 xoverflow: auto;
170 -mox-box-shadow: #aaa 0 0 5px;
171 -webkit-box-shadow: #aaa 0 0 5px;
172 border-top: 1px solid #333;
173 line-height: 30px;
175 }
177 .topbar .logolf {
178 margin-left: 6px;
179 font-weight: bold;
180 }
182 .topbar .instance_name,
183 .topbar a {
184 color: #eee;
185 line-height: 30px;
186 }
188 .topbar a:hover {
189 color: #f90;
190 }
192 .navigation {
193 background-color: #333;
194 line-height: 200%;
195 }
197 .topbar img {
198 margin-right: 0.5em;
199 vertical-align: middle;
200 }
202 .topbar a {
203 padding: 0 0.5em;
204 float: left;
205 display: block;
206 white-space: nowrap;
207 }
209 form.unit_selector {
210 display: inline;
211 }
213 .topbar .navigation_right {
214 float: right;
215 padding-right: 1%;
216 }
219 #member_menu {
220 z-index: 2;
221 }
223 #member_menu li {
224 float: left;
225 }
227 #member_menu li:hover {
228 position: relative;
229 z-index: 4;
230 cursor: default;
231 }
233 #member_menu {
234 margin: 0;
235 padding: 0;
236 width: 200px;
237 }
239 #member_menu > li {
240 width: 200px;
241 }
243 #member_menu li a {
244 float: right;
245 }
247 #member_menu ul {
248 margin: 0;
249 padding: 0;
250 list-style-type: none;
251 display: none;
252 position: absolute;
253 top: 100%;
254 left: 0;
255 z-index: 3;
256 width: 200px;
257 border-radius: 0 0 8px 8px;
258 background: #000;
259 }
261 #member_menu ul li {
262 float: none;
263 }
265 #member_menu ul li a {
266 float: none;
267 background: #000;
268 }
270 #member_menu ul ul {
271 top: 1px;
272 right: 1px;
273 }
275 #member_menu li:hover ul {
276 display: block;
277 }
279 #member_menu li li a {
280 background: #000;
281 border-radius: 5px;
282 color: #fff;
283 }
285 #member_menu ul li:hover a {
286 background: #000;
287 color: #f90;
288 }
290 */
291 /*************************************************************************
292 * Title of current page including path and actions
293 */
295 .slot_title {
296 font-size: 120%;
297 font-weight: bold;
298 margin-left: 10px;
299 margin-right: 10px;
300 margin-top: 1ex;
301 }
303 .slot_head {
304 background-color: #fff;
305 margin: 0px 1% 2ex 1%;
306 border: 1px solid #555;
307 border-radius: 0 0 8px 8px;
308 }
311 .member_statement,
312 .draft_content,
313 .suggestion_content,
314 .slot_head,
315 .area_list,
316 .initiative_head,
317 .issues .issue,
318 .ui_tabs_links a,
319 .draft_content,
320 .help,
321 .use_terms,
322 .motd,
323 .vote_info .content,
324 .box,
325 div.notifications {
326 background-color: #fff;
327 box-shadow: #777 0px 5px 5px -5px;
328 -mox-box-shadow: #777 0px 5px 5px -5px;
329 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
330 clear: both;
331 }
333 .slot_head > div:last-child {
334 border-radius: 0 0 8px 8px;
335 }
337 .page_head .title,
338 .issue .context,
339 .initiative_head .title,
340 .area_list .title {
341 padding: 8px 10px 2px 10px;
342 }
344 .issue .title {
345 padding: 5px 10px 0px 10px;
346 }
348 .events .issue .title {
349 padding: 5px 10px 10px 10px;
350 }
352 .page_head .actions,
353 .page_head .unit_head .content,
354 .page_head .area_head .content,
355 .issue .content,
356 .initiative_head .content,
357 .area_list .unit_head .content,
358 .area_list .area .content {
359 padding: 10px 10px 0 10px;
360 }
362 .page_head .actions:last-child,
363 .page_head .unit_head .content:last-child,
364 .page_head .area_head .content:last-child,
365 .issue .content:last-child,
366 .initiative_head .content:last-child,
367 .area_list .unit_head .content:last-child,
368 .area_list .area .content:last-child {
369 padding: 10px 10px 10px 10px;
370 }
372 .page_head .initiative_list,
373 .issue .initiative_list {
374 padding-left: 8px;
375 }
377 .issue .content.actions {
378 margin-bottom: 1ex;
379 }
381 .area_head {
382 overflow: auto;
383 }
386 .page_head .title,
387 .issue .title,
388 .initiative_head .title,
389 .area_list .unit_head .unit_name,
390 .area_list .area_name {
391 font-weight: bold;
392 font-size: 120%;
393 }
395 .page_head .unit_head .title .extra,
396 .page_head .area_head .title .extra,
397 .issue .title .extra {
398 margin-left: 0.7em;
399 font-size: 75%;
400 }
402 .page_head .area_head .content,
403 .page_head .area_head .content a,
404 .page_head .issue .content.actions,
405 .page_head .issue .content.actions a,
406 .issues .issue .content.actions,
407 .issues .issue .content.actions a,
408 .area_list .area .content,
409 .area_list .area .content a {
410 color: #000;
411 }
414 .unit_head {
415 background-color: #44a;
416 background-image: -webkit-linear-gradient(top, #67d, #23a);
417 color: #fff;
418 }
420 .unit_head:last-child {
421 border-radius: 0 0 8px 8px;
422 }
424 .area_head:last-child {
425 border-radius: 0 0 8px 8px;
426 }
428 .unit_head .content, .unit_head a {
429 color: #fff;
430 }
431 .area_head,
432 .area_list .area_head {
433 background-color: #abf;
434 background-image: -webkit-linear-gradient(top, #cdf, #abe);
435 }
437 .area_list .area > .content,
438 .issue {
439 background-color: #e0e9ff;
440 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
441 }
444 x {
445 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
446 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
447 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
448 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
449 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
450 }
453 .delegation_info {
454 float: right;
455 text-decoration: none;
456 padding: 5px;
457 border-radius: 0px 5px 0px 5px;
458 }
460 .delegation_arrow {
461 vertical-align: middle;
462 }
464 .delegation_info .link {
465 text-decoration: underline;
466 color: #aaa;
467 }
469 .delegation_info:hover {
470 background-color: #ddd;
471 }
473 .delegation_info .micro_avatar {
474 border: none;
475 margin: 2px;
476 box-shadow: 1px 1px 2px #000;
477 }
479 .delegation_info .micro_avatar.highlighted {
480 margin: none;
481 border: 2px solid #f90;
482 }
485 .member_list .member_image_avatar {
486 float: left;
487 margin-right: 0.5em;
488 }
490 .micro_avatar {
491 height: 24px;
492 border-radius: 4px;
493 vertical-align: middle;
494 }
496 .logo {
497 float: right;
498 margin-right: 1%;
499 }
502 .member_image_photo {
503 border-radius: 8px;
504 }
506 /*************************************************************************
507 * Main content
508 */
510 .main {
511 margin-left: 1%;
512 margin-right: 1%;
513 }
515 /*************************************************************************
516 * ui.tab
517 */
518 .ui_tabs_links {
519 margin: 20px 0px 10px 0px;
520 }
522 .ui_tabs_links a {
523 padding: 1ex 1em;
524 line-height: 300%;
525 background-color: #444;
526 background-image: -webkit-linear-gradient(top, #000, #666);
527 color: #fff;
528 white-space: nowrap;
529 border-radius: 8px;
530 font-weight: bold;
531 margin: 3px;
532 }
534 .ui_tabs_links a:hover,
535 .ui_tabs_links a.selected {
536 margin: 0;
537 border: 3px solid #f90;
538 box-shadow: 0px 0px 5px #f90;
539 }
541 .ui_tabs_links a.selected {
542 text-decoration: none;
543 }
546 /*************************************************************************
547 * ui.filters
548 */
550 .ui_filter {
551 overflow: auto;
552 margin: 2ex 0;
553 }
555 .ui_filter_head {
556 color: #777;
557 font-size: 90%;
558 float: left;
559 line-height: 200%;
560 margin-right: 2em;
561 }
563 .ui_filter a {
564 font-weight: bold;
565 margin-right: 0.5em;
566 background-color: #fff;
567 padding: 0.5ex 0.5em;
568 border-radius: 4px;
569 border: 1px solid #bbb;
570 }
573 .ui_filter_head a.active {
574 border: 1px solid #000;
575 text-decoration: none;
576 background-color: #555;
577 color: #fff;
578 }
580 /*************************************************************************
581 * ui.paginate
582 */
584 .ui_paginate_head {
585 display: none;
586 margin-bottom: 1ex;
587 }
589 .ui_paginate_foot {
590 margin-top: 1ex;
591 }
593 .ui_paginate_select a {
594 padding: 0.5em;
595 }
597 /*************************************************************************
598 * ui.bargraph
599 */
601 .bargraph {
602 width: 103px;
603 }
605 .bargraph50 {
606 width: 52px;
607 }
609 .bargraph div {
610 float: left;
611 margin-top: 0.5ex;
612 height: 1.3ex;
613 }
615 .bargraph .quorum {
616 margin-top: 0.2ex;
617 height: 1.9ex;
618 }
620 /*************************************************************************
621 * notifications
622 */
624 div.notifications {
625 margin-top: 1ex;
626 background-color: #fda;
627 padding: 0.5ex;
628 border: 1px solid #fa0;
629 }
631 .notifications ul {
632 margin: 0;
633 padding: 0;
634 margin-left: 2em;
635 }
637 .notifications li {
638 margin: 0;
639 padding: 0;
640 margin-top: 0.5ex;
641 }
643 /*************************************************************************
644 * vertical ui.form
645 */
647 .vertical {
648 margin-top: 2ex;
649 }
651 .login input[type=text],
652 .vertical input[type=text],
653 .login input[type=password],
654 .vertical input[type=password],
655 .vertical textarea,
656 .vertical select {
657 font-family: sans-serif;
658 font-size: 100%;
659 width: 69%;
660 border: 1px solid #444;
661 padding: 0.2ex 0.2em 0.2ex 0.2em;
662 margin-bottom: 1ex;
663 }
667 .login input[type=password],
668 .vertical input[type=password] {
669 width: 16em;
670 }
672 .vertical select {
673 padding-right: 0;
674 }
676 .login .ui_field_label,
677 .vertical .ui_field_label {
678 text-transform: uppercase;
679 font-size: 70%;
680 line-height: 120%;
681 font-weight: bold;
682 color: #777;
683 width: 29%;
684 display: block;
685 float: left;
686 clear: left;
687 text-align: right;
688 padding-right: 0.5em;
689 }
691 .ui_field_label.label_right {
692 text-align: left;
693 width: auto;
694 }
696 .login input[type=text],
697 .login input[type=password] {
698 width: 10em;
699 }
701 .login div,
702 .vertical div {
703 clear: left;
704 }
706 .vertical span {
707 display: block;
708 margin-bottom: 0.5ex;
709 }
711 .vertical span:after {
712 content: " ";
713 }
715 .vertical span span {
716 display: inline;
717 margin-bottom: 0;
718 }
720 .login input[type=submit],
721 .vertical input[type=submit] {
722 font-size: 100%;
723 margin-left: 29%;
724 background-color: #444444;
725 color: #fff;
726 border: none;
727 padding: 0.75ex;
728 }
730 .login input[type=submit]:hover,
731 .vertical input[type=submit]:hover {
732 background-color: #444444;
733 }
735 @media screen and (max-width: 480px) {
736 .login input[type=text],
737 .vertical input[type=text],
738 .login input[type=password],
739 .vertical input[type=password],
740 .vertical textarea,
741 .vertical select,
742 .vertical input[type=submit],
743 .login input[type=submit] {
744 width: 98%;
745 }
746 .login .ui_field_label,
747 .vertical .ui_field_label {
748 text-align: left;
749 width: 98%;
750 }
751 .login input[type=text],
752 .login input[type=password] {
753 width: 98%;
754 }
755 .login input[type=submit],
756 .vertical input[type=submit] {
757 margin-left: 0;
758 }
759 }
762 /*************************************************************************
763 * Positive / Negtive votes
764 */
767 .positive_votes span {
768 display: inline;
769 }
771 .positive_votes {
772 display: inline;
773 background-color: #cfc;
774 padding: 0.3ex 0.5em 0.3ex 0.5em;
775 }
777 .negative_votes span {
778 display: inline;
779 }
781 .negative_votes {
782 display: inline;
783 background-color: #fcc;
784 padding: 0.3ex 0.5em 0.3ex 0.5em;
785 }
787 .suggestion_my_opinion a,
788 .suggestion_my_opinion span {
789 white-space: nowrap;
790 padding-left: 0.2ex !important;
791 padding-right: 0.2ex !important;
792 }
794 .active {
795 background-color: #444;
796 color: #fff;
797 }
799 .active_red2 { background-color: #a00; color: #fff !important; }
800 .active_red1 { background-color: #f88; color: #000 !important; }
801 .active_green1 { background-color: #8f8; color: #000 !important; }
802 .active_green2 { background-color: #0a0; color: #000 !important; }
806 /*************************************************************************
807 * Unit list
808 */
810 .unit_list a {
811 font-weight: bold;
812 }
814 /*************************************************************************
815 * Area list
816 */
817 .area_list {
818 border: 1px solid #54c;
819 border-radius: 10px;
820 margin-top: 2ex;
821 }
823 .area_list .area {
824 border-top: 1px solid #44a;
825 }
827 .area_list .area:first-child {
828 border-top: none;
829 }
831 .area_list .unit_head {
832 border-radius: 8px 8px 0 0;
833 }
835 .area_list .unit_head:last-child {
836 border-radius: 8px;
837 }
839 .area_list .area:last-child .content:last-child{
840 border-radius: 0 0 8px 8px;
841 }
843 .area_list .area:first-child .area_head {
844 border-radius: 8px 8px 0 0;
845 }
848 /*************************************************************************
849 * Events
850 */
852 .events .date {
853 font-size: 150%;
854 font-weight: bold;
855 margin-top: 2ex;
856 line-height: 150%;
857 }
859 .event_list .event div {
860 }
862 .event_list .event .member_id {
863 float: right;
864 }
867 /*************************************************************************
868 * Issues
869 */
871 .issues {
872 clear: left;
873 margin-top: 2ex;
874 }
876 .issues .issue {
877 overflow: hidden;
878 border: 1px solid #ddd;
879 border-radius: 8px;
880 margin-bottom: 2ex;
881 }
883 .issue.interested,
884 .issue.interest_by_delegation {
885 border: 1px solid #b2cdff;
886 }
888 .issue .issue_info {
889 padding: 1ex 1ex 0.3ex 1ex;
890 line-height: 140%;
891 margin-bottom: 1ex;
892 }
894 .event_list .event .issue_id,
895 .issue .issue_info .issue_id {
896 font-size: 125%;
897 }
899 .issue .suggestion {
900 margin-left: 1ex;
901 margin-bottom: 1ex;
902 font-weight: bold;
903 }
905 .issue_policy_info {
906 font-style: italic;
907 }
909 .issue_policy_info .event_name {
910 font-weight: bold;
911 }
913 .issue_policy_info img {
914 vertical-align: middle;
915 }
917 .issue .interest_by_delegation {
918 float: right;
919 }
921 .issue .initiative_list a.highlighted {
922 font-weight: bold;
923 }
925 .initiative {
926 margin-left: 1ex;
927 margin-bottom: 1ex;
928 line-height: 50%;
929 }
931 .initiative .bar {
932 margin-right: 0.3em;
933 }
935 .initiative .rank,
936 .initiative .bar,
937 .initiative .interest {
938 float: left;
939 margin-right: 0.3em;
940 }
942 .initiative .rank {
943 width: 2.5em;
944 }
947 .initiative .interest {
948 width: 20px;
949 height: 16px;
950 line-height: 100%;
951 }
953 .initiative .name {
954 line-height: 130%;
955 margin-left: 160px;
956 }
958 @media screen and (max-width: 480px) {
959 .initiative .name {
960 clear: left;
961 margin-left: 0px;
962 }
963 }
966 .issue_initiative_list a {
967 font-weight: bold;
968 }
970 .more_initiatives_link {
971 display: block;
972 margin-left: 166px;
973 font-style: italic;
974 margin-bottom: 1ex;
975 }
977 .issue tr tr {
978 border: none;
979 background: none;
980 }
982 .initiative_link.selected {
983 font-weight: bold;
984 }
986 x.initiative_link.supported {
987 background-color: #cdf;
988 border-radius: 5px;
989 }
991 x.initiative_link.potentially_supported {
992 background-color: #cdf;
993 border-radius: 5px;
994 }
996 .lang_chooser {
997 float: right;
998 margin-right: 0.5em;
999 }
1001 .delegation_list_entry {
1002 margin-right: 2em;
1003 margin-bottom: 2ex;
1004 float: left;
1005 clear: left;
1006 }
1008 .delegation_list_entry .delegation_arrow {
1009 float: left;
1010 }
1012 .delegation_list_entry .delegation_scope {
1013 float: left;
1014 width: 25em;
1015 }
1017 .delegation_list_entry .delegation_scope a {
1018 display: block;
1019 }
1021 .member_list .member_thumb {
1022 float: left;
1023 margin-right: 1em;
1024 margin-bottom: 2ex;
1025 }
1027 .member_thumb {
1028 text-decoration: none;
1029 width: 14.5em;
1030 height: 48px;
1031 display: block;
1032 float: left;
1033 background-color: #f2f2f2;
1034 overflow: hidden;
1035 position: relative;
1036 border-radius: 7px;
1037 padding: 2px;
1038 }
1040 .member_thumb a:hover div {
1041 background-color: #444;
1042 color: #fff;
1043 }
1045 .member_thumb img {
1046 padding: 0;
1047 margin: 0;
1048 vertical-align: bottom;
1049 border-radius: 7px;
1050 }
1052 .member_thumb .member_name {
1053 position: absolute;
1054 left: 56px;
1055 top: 2ex;
1056 font-size: 100%;
1057 width: 14em;
1058 }
1060 .member_thumb .flags {
1061 float: right;
1062 font-size: 75%;
1063 }
1065 .member_thumb .flags a,
1066 .member_thumb .flags img {
1067 position: static;
1068 float: right;
1069 margin-left: 0.5em;
1070 }
1072 .member_thumb .flags .in_delegation_chain {
1073 font-weight: bold;
1074 }
1076 .member .right {
1077 float: right;
1078 }
1080 .member_thumb.not_accepted,
1081 .member_thumb.not_informed {
1082 background: #fff;
1083 }
1085 .member_thumb.not_accepted .member_image,
1086 .member_thumb.not_accepted .member_name,
1087 .member_thumb.not_informed .member_image,
1088 .member_thumb.not_informed .member_name {
1089 opacity: 0.4;
1090 }
1092 .member_thumb {
1093 border: 2px solid #fff;
1094 }
1096 .member_thumb.in_delegation_chain {
1097 border: 2px solid #f90;
1098 }
1101 .member_statement {
1102 margin-right: 250px;
1103 }
1105 #suggestion_description {
1106 height: 15ex;
1107 }
1109 .diff {
1110 background-color: #f2f2f2;
1111 border: 1px solid #ccc;
1112 padding: 1ex;
1113 }
1115 .diff_added {
1116 background-color: #cfc;
1117 text-decoration: underline;
1118 }
1120 .diff_removed {
1121 background-color: #fcc;
1122 text-decoration: line-through;
1123 }
1125 .slot_issue_info {
1126 background-color: #f2f2f2;
1127 border: 1px solid #ccc;
1128 float: right;
1129 padding: 0.5ex;
1130 line-height: 130%;
1131 margin-right: 1em;
1132 }
1134 .issue_info label {
1135 float: left;
1136 width: 8em;
1137 text-transform: uppercase;
1138 font-size: 70%;
1139 color: #777;
1140 font-weight: bold;
1141 clear: left;
1142 text-align: right;
1143 margin-right: 0.7em;
1144 }
1146 .admitted_info {
1147 background-color: #dfd;
1148 padding: 1ex;
1149 border-radius: 8px;
1150 }
1152 .not_admitted_info,
1153 .revoked_info {
1154 background-color: #fdd;
1155 padding: 1ex;
1156 border-radius: 8px;
1157 }
1159 .draft_updated_info,
1160 .voting_active_info,
1161 .initiator_invite_info,
1162 .motd,
1163 .public_access_issue_head {
1164 background-color: #fda;
1165 padding: 1ex;
1166 margin-top: 1ex;
1167 margin-bottom: 2ex;
1168 border: 1px solid #fa0;
1169 border-radius: 10px;
1170 }
1172 .suggestion_fulfilled {
1173 width: 15em;
1174 }
1175 .suggestion_fulfilled a.action {
1176 padding-left: 0;
1177 line-height: 120%;
1178 }
1180 .help,
1181 .use_terms {
1182 border-radius: 8px;
1183 border: 1px solid #ffe900;
1184 background-color: #fffbce;
1185 color: #000;
1186 padding: 1ex;
1187 }
1189 .help_visible {
1190 margin-top: 2ex;
1191 margin-bottom: 1ex;
1192 }
1194 .help_visible .help_icon {
1195 float: right;
1196 }
1198 .slot_help_hidden {
1199 float: left;
1200 margin-top: 1ex;
1201 }
1203 .help_actions {
1204 font-size: 75%;
1205 float: right;
1206 }
1208 .help_actions a {
1209 margin-right: 1em;
1210 color: #468;
1211 }
1213 .wiki {
1214 line-height: 133%;
1215 }
1217 .wiki h1,
1218 .wiki h2,
1219 .wiki h3,
1220 .wiki h4 {
1221 margin-top: 1ex;
1222 margin-bottom: 1ex;
1223 }
1225 .wiki h1 {
1226 font-size: 150%;
1227 font-weight: bold;
1228 }
1230 .wiki h2 {
1231 font-size: 125%;
1232 font-weight: bold;
1233 }
1235 .wiki h3 {
1236 font-size: 125%;
1237 }
1239 .wiki h4 {
1240 font-size: 100%;
1241 font-weight: bold;
1242 }
1244 .wiki p {
1245 margin-top: 1ex;
1246 margin-bottom: 1ex;
1247 }
1249 form .warning {
1250 background-color: #ffd;
1251 color: #000;
1252 border: 1px solid #dda;
1253 margin: 1ex;
1254 margin-bottom: 2ex;
1255 padding: 1ex;
1256 }
1258 a.not_voted {
1259 display: block;
1260 background-color: #fec;
1261 color: #000;
1262 }
1264 .action_active {
1265 background-color: #fec;
1266 }
1268 .heading {
1269 display: block;
1270 font-size: 120%;
1271 font-weight: bold;
1272 }
1274 .heading.first {
1275 margin-top: 0;
1276 }
1278 .menu_list li {
1279 padding-top: 1ex;
1280 padding-bottom: 1ex;
1281 }
1283 .deactivated_member_info {
1284 background-color: #a00;
1285 color: #fff;
1286 }
1288 /*************************************************************************
1289 * Voting
1290 */
1292 #voting_form {
1293 margin-top: 20px;
1294 }
1296 #voting {
1297 position: relative;
1298 }
1300 #voting .approval, .abstention, .disapproval {
1301 border: 2px black solid;
1302 margin-top: 2ex;
1303 margin-bottom: 5ex;
1304 padding: 1ex;
1305 padding-bottom: 2ex;
1306 border-radius: 8px;
1307 }
1308 #voting .approval {
1309 background-color: #9f9;
1310 }
1311 #voting .approval .movable {
1312 background-color: #dfd;
1313 }
1314 #voting .abstention {
1315 background-color: #ccc;
1316 }
1317 #voting .abstention .movable {
1318 background-color: #f2f2f2;
1319 }
1320 #voting .disapproval {
1321 background-color: #f88;
1322 }
1323 #voting .disapproval .movable {
1324 background-color: #fbb;
1325 }
1326 #voting .cathead {
1327 font-weight: bold;
1328 }
1329 #voting .movable {
1330 position: relative;
1331 border: 1px black solid;
1332 margin-top: 1ex;
1333 padding: 0.5ex;
1334 border-radius: 8px;
1335 }
1336 #voting .voting_form_active .movable {
1337 cursor: pointer;
1338 }
1339 #voting .voting_form_active .clickable {
1340 cursor: auto;
1341 }
1342 #voting .voting_form_active a.clickable {
1343 cursor: pointer;
1344 }
1346 #voting .movable {
1347 vertical-align: middle;
1348 cursor: move;
1349 }
1351 /*************************************************************************
1352 * timeline
1353 */
1354 div.ignore_area_list {
1355 float: left;
1356 width: 90%;
1357 margin: 0 0 1em 0;
1358 }
1360 div.ignore_area_list >
1361 label.ui_field_label {
1362 text-align: left ;
1363 width: 100%;
1364 border-bottom:1px solid #000000;
1365 color: #000000;
1366 font-size:75%;
1367 font-weight:bold;
1368 vertical-align:bottom;
1369 text-transform:none;
1370 padding:0.5ex 0.5em
1371 }
1373 div.ignore_area_item {
1374 clear: none;
1375 float: left;
1376 min-width: 10em;
1377 margin: 0.1ex 0.5em;
1378 margin-right: 0.5em;
1379 }
1381 div.ignore_area_item > input {
1382 float: none;
1383 clear: none;
1384 display: inline;
1385 }
1387 div.ignore_area_item >
1388 label.ui_field_label {
1389 float: none;
1390 clear: none;
1391 text-align: left;
1392 display: inline;
1393 }
1395 div.timeline_results {
1396 clear: both;
1397 }
1399 /* shadows */
1401 .member_statement,
1402 .draft_content,
1403 .suggestion_content,
1404 .initiative_head,
1405 .box,
1406 div.notifications {
1407 border-radius: 8px;
1408 }
1410 .member_statement,
1411 .draft_content,
1412 .suggestion_content,
1413 .initiative_head,
1414 .box {
1415 border: 1px solid #aaa;
1416 }
1418 .member_statement,
1419 .draft_content,
1420 .suggestion_content,
1421 .box {
1422 padding: 1ex;
1423 }
1425 .slot_footer {
1426 margin: 0 1%;
1427 border-top: 1px solid #ccc;
1428 padding: 1ex;
1429 font-size: 80%;
1430 text-align: center;
1431 }
1432 .slot_footer,
1433 .slot_footer a {
1434 color: #666;
1435 }
1437 .footer {
1438 margin: 0 auto;
1439 max-width: 1130px;
1440 }