liquid_feedback_frontend
view static/style.css @ 649:cb1c8149316d
merge
| author | jbe |
|---|---|
| date | Mon Jun 25 23:21:26 2012 +0200 (2012-06-25) |
| parents | 285d1ca156ba |
| children | 68c2c4a4ddf7 |
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 .ui_filter a,
320 .draft_content,
321 .help,
322 .use_terms,
323 .motd,
324 .vote_info .content,
325 .box,
326 div.notifications {
327 background-color: #fff;
328 box-shadow: #777 0px 5px 5px -5px;
329 -mox-box-shadow: #777 0px 5px 5px -5px;
330 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
331 clear: both;
332 }
334 .slot_head > div:last-child {
335 border-radius: 0 0 8px 8px;
336 }
338 .page_head .title,
339 .issue .context,
340 .initiative_head .title,
341 .area_list .title {
342 padding: 8px 10px 2px 10px;
343 }
345 .issue .title {
346 padding: 5px 10px 0px 10px;
347 }
349 .events .issue .title {
350 padding: 5px 10px 10px 10px;
351 }
353 .page_head .actions,
354 .page_head .unit_head .content,
355 .page_head .area_head .content,
356 .issue .content,
357 .initiative_head .content,
358 .area_list .unit_head .content,
359 .area_list .area .content {
360 padding: 10px 10px 0 10px;
361 }
363 .page_head .actions:last-child,
364 .page_head .unit_head .content:last-child,
365 .page_head .area_head .content:last-child,
366 .issue .content:last-child,
367 .initiative_head .content:last-child,
368 .area_list .unit_head .content:last-child,
369 .area_list .area .content:last-child {
370 padding: 10px 10px 10px 10px;
371 }
373 .page_head .initiative_list,
374 .issue .initiative_list {
375 padding-left: 8px;
376 }
378 .issue .content.actions {
379 margin-bottom: 1ex;
380 }
382 .area_head {
383 overflow: auto;
384 }
387 .page_head .title,
388 .issue .title,
389 .initiative_head .title,
390 .area_list .unit_head .unit_name,
391 .area_list .area_name {
392 font-weight: bold;
393 font-size: 120%;
394 }
396 .page_head .unit_head .title .extra,
397 .page_head .area_head .title .extra,
398 .issue .title .extra {
399 margin-left: 0.7em;
400 font-size: 75%;
401 }
403 .page_head .area_head .content,
404 .page_head .area_head .content a,
405 .page_head .issue .content.actions,
406 .page_head .issue .content.actions a,
407 .issues .issue .content.actions,
408 .issues .issue .content.actions a,
409 .area_list .area .content,
410 .area_list .area .content a {
411 color: #000;
412 }
415 .unit_head {
416 background-color: #44a;
417 background-image: -webkit-linear-gradient(top, #67d, #23a);
418 color: #fff;
419 }
421 .unit_head:last-child {
422 border-radius: 0 0 8px 8px;
423 }
425 .area_head:last-child {
426 border-radius: 0 0 8px 8px;
427 }
429 .unit_head .content, .unit_head a {
430 color: #fff;
431 }
432 .area_head,
433 .area_list .area_head {
434 background-color: #abf;
435 background-image: -webkit-linear-gradient(top, #cdf, #abe);
436 }
438 .area_list .area > .content,
439 .issue {
440 background-color: #e0e9ff;
441 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
442 }
445 x {
446 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
447 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
448 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
449 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
450 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
451 }
454 .delegation_info {
455 float: right;
456 text-decoration: none;
457 padding: 5px;
458 border-radius: 0px 5px 0px 5px;
459 }
461 .delegation_arrow {
462 vertical-align: middle;
463 }
465 .delegation_info .link {
466 text-decoration: underline;
467 color: #aaa;
468 }
470 .delegation_info:hover {
471 background-color: #ddd;
472 }
474 .delegation_info .micro_avatar {
475 border: none;
476 margin: 2px;
477 box-shadow: 1px 1px 2px #000;
478 }
480 .delegation_info .micro_avatar.highlighted {
481 margin: none;
482 border: 2px solid #f90;
483 }
486 .member_list .member_image_avatar {
487 float: left;
488 margin-right: 0.5em;
489 }
491 .micro_avatar {
492 height: 24px;
493 border-radius: 4px;
494 vertical-align: middle;
495 }
497 .logo {
498 float: right;
499 margin-right: 1%;
500 }
503 .member_image_photo {
504 border-radius: 8px;
505 }
507 /*************************************************************************
508 * Main content
509 */
511 .main {
512 margin-left: 1%;
513 margin-right: 1%;
514 }
516 /*************************************************************************
517 * ui.tab
518 */
519 .ui_tabs_links {
520 margin: 20px 0px 10px 0px;
521 }
523 .ui_tabs_links a {
524 padding: 1ex 1em;
525 line-height: 300%;
526 background-color: #444;
527 background-image: -webkit-linear-gradient(top, #000, #666);
528 color: #fff;
529 white-space: nowrap;
530 border-radius: 8px;
531 font-weight: bold;
532 margin: 3px;
533 }
535 .ui_tabs_links a:hover,
536 .ui_tabs_links a.selected {
537 margin: 0;
538 border: 3px solid #f90;
539 box-shadow: 0px 0px 5px #f90;
540 }
542 .ui_tabs_links a.selected {
543 text-decoration: none;
544 }
547 /*************************************************************************
548 * ui.filters
549 */
551 .ui_filter {
552 overflow: auto;
553 margin: 2ex 0;
554 }
556 .ui_filter_head {
557 color: #777;
558 font-size: 90%;
559 float: left;
560 line-height: 200%;
561 margin-right: 2em;
562 }
564 .ui_filter a {
565 font-weight: bold;
566 margin-right: 0.5em;
567 background-color: #fff;
568 padding: 0.5ex 0.5em;
569 border-radius: 6px;
570 border: 1px solid #bbb;
571 }
574 .ui_filter_head a.active {
575 border: 1px solid #000;
576 text-decoration: none;
577 background-color: #555;
578 color: #fff;
579 }
581 /*************************************************************************
582 * ui.paginate
583 */
585 .ui_paginate_head {
586 display: none;
587 margin-bottom: 1ex;
588 }
590 .ui_paginate_foot {
591 margin-top: 1ex;
592 }
594 .ui_paginate_select a {
595 padding: 0.5em;
596 }
598 /*************************************************************************
599 * ui.bargraph
600 */
602 .bargraph {
603 width: 103px;
604 }
606 .bargraph50 {
607 width: 52px;
608 }
610 .bargraph div {
611 float: left;
612 margin-top: 0.5ex;
613 height: 1.3ex;
614 }
616 .bargraph .quorum {
617 margin-top: 0.2ex;
618 height: 1.9ex;
619 }
621 /*************************************************************************
622 * notifications
623 */
625 div.notifications {
626 margin-top: 1ex;
627 background-color: #fda;
628 padding: 0.5ex;
629 border: 1px solid #fa0;
630 }
632 .notifications ul {
633 margin: 0;
634 padding: 0;
635 margin-left: 2em;
636 }
638 .notifications li {
639 margin: 0;
640 padding: 0;
641 margin-top: 0.5ex;
642 }
644 /*************************************************************************
645 * vertical ui.form
646 */
648 .vertical {
649 margin-top: 2ex;
650 }
652 .login input[type=text],
653 .vertical input[type=text],
654 .login input[type=password],
655 .vertical input[type=password],
656 .vertical textarea,
657 .vertical select {
658 font-family: sans-serif;
659 font-size: 100%;
660 width: 69%;
661 border: 1px solid #444;
662 padding: 0.2ex 0.2em 0.2ex 0.2em;
663 margin-bottom: 1ex;
664 }
668 .login input[type=password],
669 .vertical input[type=password] {
670 width: 16em;
671 }
673 .vertical select {
674 padding-right: 0;
675 }
677 .login .ui_field_label,
678 .vertical .ui_field_label {
679 text-transform: uppercase;
680 font-size: 70%;
681 line-height: 120%;
682 font-weight: bold;
683 color: #777;
684 width: 29%;
685 display: block;
686 float: left;
687 clear: left;
688 text-align: right;
689 padding-right: 0.5em;
690 }
692 .ui_field_label.label_right {
693 text-align: left;
694 width: auto;
695 }
697 .login input[type=text],
698 .login input[type=password] {
699 width: 10em;
700 }
702 .login div,
703 .vertical div {
704 clear: left;
705 }
707 .vertical span {
708 display: block;
709 margin-bottom: 0.5ex;
710 }
712 .vertical span:after {
713 content: " ";
714 }
716 .vertical span span {
717 display: inline;
718 margin-bottom: 0;
719 }
721 .login input[type=submit],
722 .vertical input[type=submit] {
723 font-size: 100%;
724 margin-left: 29%;
725 background-color: #444444;
726 color: #fff;
727 border: none;
728 padding: 0.75ex;
729 }
731 .login input[type=submit]:hover,
732 .vertical input[type=submit]:hover {
733 background-color: #444444;
734 }
736 @media screen and (max-width: 480px) {
737 .login input[type=text],
738 .vertical input[type=text],
739 .login input[type=password],
740 .vertical input[type=password],
741 .vertical textarea,
742 .vertical select,
743 .vertical input[type=submit],
744 .login input[type=submit] {
745 width: 98%;
746 }
747 .login .ui_field_label,
748 .vertical .ui_field_label {
749 text-align: left;
750 width: 98%;
751 }
752 .login input[type=text],
753 .login input[type=password] {
754 width: 98%;
755 }
756 .login input[type=submit],
757 .vertical input[type=submit] {
758 margin-left: 0;
759 }
760 }
763 /*************************************************************************
764 * Positive / Negtive votes
765 */
768 .positive_votes span {
769 display: inline;
770 }
772 .positive_votes {
773 display: inline;
774 background-color: #cfc;
775 padding: 0.3ex 0.5em 0.3ex 0.5em;
776 }
778 .negative_votes span {
779 display: inline;
780 }
782 .negative_votes {
783 display: inline;
784 background-color: #fcc;
785 padding: 0.3ex 0.5em 0.3ex 0.5em;
786 }
788 .suggestion_my_opinion a,
789 .suggestion_my_opinion span {
790 white-space: nowrap;
791 padding-left: 0.2ex !important;
792 padding-right: 0.2ex !important;
793 }
795 .active {
796 background-color: #444;
797 color: #fff;
798 }
800 .active_red2 { background-color: #a00; color: #fff !important; }
801 .active_red1 { background-color: #f88; color: #000 !important; }
802 .active_green1 { background-color: #8f8; color: #000 !important; }
803 .active_green2 { background-color: #0a0; color: #000 !important; }
807 /*************************************************************************
808 * Unit list
809 */
811 .unit_list a {
812 font-weight: bold;
813 }
815 /*************************************************************************
816 * Area list
817 */
818 .area_list {
819 border: 1px solid #54c;
820 border-radius: 10px;
821 margin-top: 2ex;
822 }
824 .area_list .area {
825 border-top: 1px solid #44a;
826 }
828 .area_list .area:first-child {
829 border-top: none;
830 }
832 .area_list .unit_head {
833 border-radius: 8px 8px 0 0;
834 }
836 .area_list .unit_head:last-child {
837 border-radius: 8px;
838 }
840 .area_list .area:last-child .content:last-child{
841 border-radius: 0 0 8px 8px;
842 }
844 .area_list .area:first-child .area_head {
845 border-radius: 8px 8px 0 0;
846 }
849 /*************************************************************************
850 * Events
851 */
853 .events .date {
854 font-size: 150%;
855 font-weight: bold;
856 margin-top: 2ex;
857 line-height: 150%;
858 }
860 .event_list .event div {
861 }
863 .event_list .event .member_id {
864 float: right;
865 }
868 /*************************************************************************
869 * Issues
870 */
872 .issues {
873 clear: left;
874 margin-top: 2ex;
875 }
877 .issues .issue {
878 overflow: hidden;
879 border: 1px solid #ddd;
880 border-radius: 8px;
881 margin-bottom: 2ex;
882 }
884 .issue.interested,
885 .issue.interest_by_delegation {
886 border: 1px solid #b2cdff;
887 }
889 .issue .issue_info {
890 padding: 1ex 1ex 0.3ex 1ex;
891 line-height: 140%;
892 margin-bottom: 1ex;
893 }
895 .event_list .event .issue_id,
896 .issue .issue_info .issue_id {
897 font-size: 125%;
898 }
900 .issue .suggestion {
901 margin-left: 1ex;
902 margin-bottom: 1ex;
903 font-weight: bold;
904 }
906 .issue_policy_info {
907 font-style: italic;
908 }
910 .issue_policy_info .event_name {
911 font-weight: bold;
912 }
914 .issue_policy_info img {
915 vertical-align: middle;
916 }
918 .issue .interest_by_delegation {
919 float: right;
920 }
922 .issue .initiative_list a.highlighted {
923 font-weight: bold;
924 }
926 .initiative {
927 margin-left: 1ex;
928 margin-bottom: 1ex;
929 line-height: 50%;
930 }
932 .initiative .bar {
933 margin-right: 0.3em;
934 }
936 .initiative .rank,
937 .initiative .bar,
938 .initiative .interest {
939 float: left;
940 margin-right: 0.3em;
941 }
943 .initiative .rank {
944 width: 2.5em;
945 }
948 .initiative .interest {
949 width: 20px;
950 height: 16px;
951 line-height: 100%;
952 }
954 .initiative .name {
955 line-height: 130%;
956 margin-left: 160px;
957 }
959 @media screen and (max-width: 480px) {
960 .initiative .name {
961 clear: left;
962 margin-left: 0px;
963 }
964 }
967 .issue_initiative_list a {
968 font-weight: bold;
969 }
971 .more_initiatives_link {
972 display: block;
973 margin-left: 166px;
974 font-style: italic;
975 margin-bottom: 1ex;
976 }
978 .issue tr tr {
979 border: none;
980 background: none;
981 }
983 .initiative_link.selected {
984 font-weight: bold;
985 }
987 x.initiative_link.supported {
988 background-color: #cdf;
989 border-radius: 5px;
990 }
992 x.initiative_link.potentially_supported {
993 background-color: #cdf;
994 border-radius: 5px;
995 }
997 .lang_chooser {
998 float: right;
999 margin-right: 0.5em;
1000 }
1002 .delegation_list_entry {
1003 margin-right: 2em;
1004 margin-bottom: 2ex;
1005 float: left;
1006 clear: left;
1007 }
1009 .delegation_list_entry .delegation_arrow {
1010 float: left;
1011 }
1013 .delegation_list_entry .delegation_scope {
1014 float: left;
1015 width: 25em;
1016 }
1018 .delegation_list_entry .delegation_scope a {
1019 display: block;
1020 }
1022 .member_list .member_thumb {
1023 float: left;
1024 margin-right: 1em;
1025 margin-bottom: 2ex;
1026 }
1028 .member_thumb {
1029 text-decoration: none;
1030 width: 14.5em;
1031 height: 48px;
1032 display: block;
1033 float: left;
1034 background-color: #f2f2f2;
1035 overflow: hidden;
1036 position: relative;
1037 border-radius: 7px;
1038 padding: 2px;
1039 }
1041 .member_thumb a:hover div {
1042 background-color: #444;
1043 color: #fff;
1044 }
1046 .member_thumb img {
1047 padding: 0;
1048 margin: 0;
1049 vertical-align: bottom;
1050 border-radius: 7px;
1051 }
1053 .member_thumb .member_name {
1054 position: absolute;
1055 left: 56px;
1056 top: 2ex;
1057 font-size: 100%;
1058 width: 14em;
1059 }
1061 .member_thumb .flags {
1062 float: right;
1063 font-size: 75%;
1064 }
1066 .member_thumb .flags a,
1067 .member_thumb .flags img {
1068 position: static;
1069 float: right;
1070 margin-left: 0.5em;
1071 }
1073 .member_thumb .flags .in_delegation_chain {
1074 font-weight: bold;
1075 }
1077 .member .right {
1078 float: right;
1079 }
1081 .member_thumb.not_accepted,
1082 .member_thumb.not_informed {
1083 background: #fff;
1084 }
1086 .member_thumb.not_accepted .member_image,
1087 .member_thumb.not_accepted .member_name,
1088 .member_thumb.not_informed .member_image,
1089 .member_thumb.not_informed .member_name {
1090 opacity: 0.4;
1091 }
1093 .member_thumb {
1094 border: 2px solid #fff;
1095 }
1097 .member_thumb.in_delegation_chain {
1098 border: 2px solid #f90;
1099 }
1102 .member_statement {
1103 margin-right: 250px;
1104 }
1106 #suggestion_description {
1107 height: 15ex;
1108 }
1110 .diff {
1111 background-color: #f2f2f2;
1112 border: 1px solid #ccc;
1113 padding: 1ex;
1114 }
1116 .diff_added {
1117 background-color: #cfc;
1118 text-decoration: underline;
1119 }
1121 .diff_removed {
1122 background-color: #fcc;
1123 text-decoration: line-through;
1124 }
1126 .slot_issue_info {
1127 background-color: #f2f2f2;
1128 border: 1px solid #ccc;
1129 float: right;
1130 padding: 0.5ex;
1131 line-height: 130%;
1132 margin-right: 1em;
1133 }
1135 .issue_info label {
1136 float: left;
1137 width: 8em;
1138 text-transform: uppercase;
1139 font-size: 70%;
1140 color: #777;
1141 font-weight: bold;
1142 clear: left;
1143 text-align: right;
1144 margin-right: 0.7em;
1145 }
1147 .admitted_info {
1148 background-color: #afc;
1149 padding: 1ex;
1150 border-radius: 0 0 8px 8px;
1151 }
1153 .not_admitted_info,
1154 .revoked_info {
1155 background-color: #fbb;
1156 padding: 1ex;
1157 border-radius: 8px;
1158 border-radius: 0 0 8px 8px;
1159 }
1161 .draft_updated_info,
1162 .voting_active_info,
1163 .initiator_invite_info,
1164 .motd,
1165 .public_access_issue_head {
1166 background-color: #fda;
1167 padding: 1ex;
1168 margin-top: 1ex;
1169 margin-bottom: 2ex;
1170 border: 1px solid #fa0;
1171 border-radius: 10px;
1172 }
1174 .suggestion_fulfilled {
1175 width: 15em;
1176 }
1177 .suggestion_fulfilled a.action {
1178 padding-left: 0;
1179 line-height: 120%;
1180 }
1182 .help,
1183 .use_terms {
1184 border-radius: 8px;
1185 border: 1px solid #ffe900;
1186 background-color: #fffbce;
1187 color: #000;
1188 padding: 1ex;
1189 }
1191 .help_visible {
1192 margin-top: 2ex;
1193 margin-bottom: 1ex;
1194 }
1196 .help_visible .help_icon {
1197 float: right;
1198 }
1200 .slot_help_hidden {
1201 float: left;
1202 margin-top: 1ex;
1203 }
1205 .help_actions {
1206 font-size: 75%;
1207 float: right;
1208 }
1210 .help_actions a {
1211 margin-right: 1em;
1212 color: #468;
1213 }
1215 .wiki {
1216 line-height: 133%;
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 font-weight: bold;
1230 }
1232 .wiki h2 {
1233 font-size: 125%;
1234 font-weight: bold;
1235 }
1237 .wiki h3 {
1238 font-size: 125%;
1239 }
1241 .wiki h4 {
1242 font-size: 100%;
1243 font-weight: bold;
1244 }
1246 .wiki p {
1247 margin-top: 1ex;
1248 margin-bottom: 1ex;
1249 }
1251 form .warning {
1252 background-color: #ffd;
1253 color: #000;
1254 border: 1px solid #dda;
1255 margin: 1ex;
1256 margin-bottom: 2ex;
1257 padding: 1ex;
1258 }
1260 a.not_voted {
1261 display: block;
1262 background-color: #fec;
1263 color: #000;
1264 }
1266 .action_active {
1267 background-color: #fec;
1268 }
1270 .heading {
1271 display: block;
1272 font-size: 120%;
1273 font-weight: bold;
1274 }
1276 .heading.first {
1277 margin-top: 0;
1278 }
1280 .menu_list li {
1281 padding-top: 1ex;
1282 padding-bottom: 1ex;
1283 }
1285 .deactivated_member_info {
1286 background-color: #a00;
1287 color: #fff;
1288 }
1290 /*************************************************************************
1291 * Voting
1292 */
1294 #voting_form {
1295 margin-top: 20px;
1296 }
1298 #voting {
1299 position: relative;
1300 }
1302 #voting .approval, .abstention, .disapproval {
1303 border: 2px black solid;
1304 margin-top: 2ex;
1305 margin-bottom: 5ex;
1306 padding: 1ex;
1307 padding-bottom: 2ex;
1308 border-radius: 8px;
1309 }
1310 #voting .approval {
1311 background-color: #9f9;
1312 }
1313 #voting .approval .movable {
1314 background-color: #dfd;
1315 }
1316 #voting .abstention {
1317 background-color: #ccc;
1318 }
1319 #voting .abstention .movable {
1320 background-color: #f2f2f2;
1321 }
1322 #voting .disapproval {
1323 background-color: #f88;
1324 }
1325 #voting .disapproval .movable {
1326 background-color: #fbb;
1327 }
1328 #voting .cathead {
1329 font-weight: bold;
1330 }
1331 #voting .movable {
1332 position: relative;
1333 border: 1px black solid;
1334 margin-top: 1ex;
1335 padding: 0.5ex;
1336 border-radius: 8px;
1337 }
1338 #voting .voting_form_active .movable {
1339 cursor: pointer;
1340 }
1341 #voting .voting_form_active .clickable {
1342 cursor: auto;
1343 }
1344 #voting .voting_form_active a.clickable {
1345 cursor: pointer;
1346 }
1348 #voting .movable {
1349 vertical-align: middle;
1350 cursor: move;
1351 }
1353 /*************************************************************************
1354 * timeline
1355 */
1356 div.ignore_area_list {
1357 float: left;
1358 width: 90%;
1359 margin: 0 0 1em 0;
1360 }
1362 div.ignore_area_list >
1363 label.ui_field_label {
1364 text-align: left ;
1365 width: 100%;
1366 border-bottom:1px solid #000000;
1367 color: #000000;
1368 font-size:75%;
1369 font-weight:bold;
1370 vertical-align:bottom;
1371 text-transform:none;
1372 padding:0.5ex 0.5em
1373 }
1375 div.ignore_area_item {
1376 clear: none;
1377 float: left;
1378 min-width: 10em;
1379 margin: 0.1ex 0.5em;
1380 margin-right: 0.5em;
1381 }
1383 div.ignore_area_item > input {
1384 float: none;
1385 clear: none;
1386 display: inline;
1387 }
1389 div.ignore_area_item >
1390 label.ui_field_label {
1391 float: none;
1392 clear: none;
1393 text-align: left;
1394 display: inline;
1395 }
1397 div.timeline_results {
1398 clear: both;
1399 }
1401 /* shadows */
1403 .member_statement,
1404 .draft_content,
1405 .suggestion_content,
1406 .initiative_head,
1407 .box,
1408 div.notifications {
1409 border-radius: 8px;
1410 }
1412 .member_statement,
1413 .draft_content,
1414 .suggestion_content,
1415 .initiative_head,
1416 .box {
1417 border: 1px solid #aaa;
1418 }
1420 .member_statement,
1421 .draft_content,
1422 .suggestion_content,
1423 .box {
1424 padding: 1ex;
1425 }
1427 .slot_footer {
1428 margin: 0 1%;
1429 border-top: 1px solid #ccc;
1430 padding: 1ex;
1431 font-size: 80%;
1432 text-align: center;
1433 }
1434 .slot_footer,
1435 .slot_footer a {
1436 color: #666;
1437 }
1439 .footer {
1440 margin: 0 auto;
1441 max-width: 1130px;
1442 }