liquid_feedback_frontend
view static/style.css @ 642:ea89fa21b0ab
Optical enhancements
| author | bsw |
|---|---|
| date | Mon Jun 25 19:53:22 2012 +0200 (2012-06-25) |
| parents | 6dc5dc41ada5 |
| children | 3aff9990b0a1 |
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 .slot_head,
312 .area_list,
313 .initiative_head,
314 .issues .issue,
315 .ui_tabs_links a,
316 .draft_content,
317 .help,
318 .use_terms,
319 .motd,
320 .vote_info .content,
321 .box,
322 div.notifications {
323 background-color: #fff;
324 box-shadow: #777 0px 5px 5px -5px;
325 -mox-box-shadow: #777 0px 5px 5px -5px;
326 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
327 clear: both;
328 }
330 .slot_head > div:last-child {
331 border-radius: 0 0 8px 8px;
332 }
334 .page_head .title,
335 .issue .context,
336 .initiative_head .title,
337 .area_list .title {
338 padding: 8px 10px 2px 10px;
339 }
341 .issue .title {
342 padding: 5px 10px 0px 10px;
343 }
345 .events .issue .title {
346 padding: 5px 10px 10px 10px;
347 }
349 .page_head .actions,
350 .page_head .unit_head .content,
351 .page_head .area_head .content,
352 .issue .content,
353 .initiative_head .content,
354 .area_list .unit_head .content,
355 .area_list .area .content {
356 padding: 10px 10px 0 10px;
357 }
359 .page_head .actions:last-child,
360 .page_head .unit_head .content:last-child,
361 .page_head .area_head .content:last-child,
362 .issue .content:last-child,
363 .initiative_head .content:last-child,
364 .area_list .unit_head .content:last-child,
365 .area_list .area .content:last-child {
366 padding: 10px 10px 10px 10px;
367 }
369 .page_head .initiative_list,
370 .issue .initiative_list {
371 padding-left: 8px;
372 }
374 .issue .content.actions {
375 margin-bottom: 1ex;
376 }
378 .area_head {
379 overflow: auto;
380 }
383 .page_head .title,
384 .issue .title,
385 .initiative_head .title,
386 .area_list .unit_head .unit_name,
387 .area_list .area_name {
388 font-weight: bold;
389 font-size: 120%;
390 }
392 .page_head .unit_head .title .extra,
393 .page_head .area_head .title .extra,
394 .issue .title .extra {
395 margin-left: 0.7em;
396 font-size: 75%;
397 }
399 .page_head .area_head .content,
400 .page_head .area_head .content a,
401 .page_head .issue .content.actions,
402 .page_head .issue .content.actions a,
403 .issues .issue .content.actions,
404 .issues .issue .content.actions a,
405 .area_list .area .content,
406 .area_list .area .content a {
407 color: #000;
408 }
411 .unit_head {
412 background-color: #44a;
413 background-image: -webkit-linear-gradient(top, #67d, #23a);
414 color: #fff;
415 }
417 .unit_head:last-child {
418 border-radius: 0 0 8px 8px;
419 }
421 .area_head:last-child {
422 border-radius: 0 0 8px 8px;
423 }
425 .unit_head .content, .unit_head a {
426 color: #fff;
427 }
428 .area_head,
429 .area_list .area_head {
430 background-color: #abf;
431 background-image: -webkit-linear-gradient(top, #cdf, #abe);
432 }
434 .area_list .area > .content,
435 .issue {
436 background-color: #e0e9ff;
437 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
438 }
441 x {
442 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
443 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
444 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
445 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
446 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
447 }
450 .delegation_info {
451 float: right;
452 text-decoration: none;
453 padding: 5px;
454 border-radius: 0px 5px 0px 5px;
455 }
457 .delegation_arrow {
458 vertical-align: middle;
459 }
461 .delegation_info .link {
462 text-decoration: underline;
463 color: #aaa;
464 }
466 .delegation_info:hover {
467 background-color: #ddd;
468 }
470 .delegation_info .micro_avatar {
471 border: none;
472 margin: 2px;
473 box-shadow: 1px 1px 2px #000;
474 }
476 .delegation_info .micro_avatar.highlighted {
477 margin: none;
478 border: 2px solid #f90;
479 }
482 .member_list .member_image_avatar {
483 float: left;
484 margin-right: 0.5em;
485 }
487 .micro_avatar {
488 height: 24px;
489 border-radius: 4px;
490 vertical-align: middle;
491 }
493 .logo {
494 float: right;
495 margin-right: 1%;
496 }
499 .member_image_photo {
500 border-radius: 8px;
501 }
503 /*************************************************************************
504 * Main content
505 */
507 .main {
508 margin-left: 1%;
509 margin-right: 1%;
510 }
512 /*************************************************************************
513 * ui.tab
514 */
515 .ui_tabs_links {
516 margin: 20px 0px 10px 0px;
517 }
519 .ui_tabs_links a {
520 padding: 1ex 1em;
521 line-height: 300%;
522 background-color: #444;
523 background-image: -webkit-linear-gradient(top, #000, #666);
524 color: #fff;
525 white-space: nowrap;
526 border-radius: 8px;
527 font-weight: bold;
528 margin: 3px;
529 }
531 .ui_tabs_links a:hover,
532 .ui_tabs_links a.selected {
533 margin: 0;
534 border: 3px solid #f90;
535 box-shadow: 0px 0px 5px #f90;
536 }
538 .ui_tabs_links a.selected {
539 text-decoration: none;
540 }
543 /*************************************************************************
544 * ui.filters
545 */
547 .ui_filter {
548 overflow: auto;
549 margin: 2ex 0;
550 }
552 .ui_filter_head {
553 color: #777;
554 font-size: 90%;
555 float: left;
556 line-height: 200%;
557 margin-right: 2em;
558 }
560 .ui_filter a {
561 font-weight: bold;
562 margin-right: 0.5em;
563 }
566 .ui_filter_head a.active {
567 text-decoration: none;
568 background-color: #555;
569 color: #fff;
570 padding: 0.5ex 0.5em;
571 border-radius: 4px;
572 }
574 /*************************************************************************
575 * ui.paginate
576 */
578 .ui_paginate_head {
579 display: none;
580 margin-bottom: 1ex;
581 }
583 .ui_paginate_foot {
584 margin-top: 1ex;
585 }
587 .ui_paginate_select a {
588 padding: 0.5em;
589 }
591 /*************************************************************************
592 * ui.bargraph
593 */
595 .bargraph {
596 width: 103px;
597 }
599 .bargraph50 {
600 width: 52px;
601 }
603 .bargraph div {
604 float: left;
605 margin-top: 0.5ex;
606 height: 1.3ex;
607 }
609 .bargraph .quorum {
610 margin-top: 0.2ex;
611 height: 1.9ex;
612 }
614 /*************************************************************************
615 * notifications
616 */
618 div.notifications {
619 margin-top: 1ex;
620 background-color: #fda;
621 padding: 0.5ex;
622 border: 1px solid #fa0;
623 }
625 .notifications ul {
626 margin: 0;
627 padding: 0;
628 margin-left: 2em;
629 }
631 .notifications li {
632 margin: 0;
633 padding: 0;
634 margin-top: 0.5ex;
635 }
637 /*************************************************************************
638 * vertical ui.form
639 */
641 .vertical {
642 margin-top: 2ex;
643 }
645 .login input[type=text],
646 .vertical input[type=text],
647 .login input[type=password],
648 .vertical input[type=password],
649 .vertical textarea,
650 .vertical select {
651 font-family: sans-serif;
652 font-size: 100%;
653 width: 69%;
654 border: 1px solid #444;
655 padding: 0.2ex 0.2em 0.2ex 0.2em;
656 margin-bottom: 1ex;
657 }
661 .login input[type=password],
662 .vertical input[type=password] {
663 width: 16em;
664 }
666 .vertical select {
667 padding-right: 0;
668 }
670 .login .ui_field_label,
671 .vertical .ui_field_label {
672 text-transform: uppercase;
673 font-size: 70%;
674 line-height: 120%;
675 font-weight: bold;
676 color: #777;
677 width: 29%;
678 display: block;
679 float: left;
680 clear: left;
681 text-align: right;
682 padding-right: 0.5em;
683 }
685 .ui_field_label.label_right {
686 text-align: left;
687 width: auto;
688 }
690 .login input[type=text],
691 .login input[type=password] {
692 width: 10em;
693 }
695 .login div,
696 .vertical div {
697 clear: left;
698 }
700 .vertical span {
701 display: block;
702 margin-bottom: 0.5ex;
703 }
705 .vertical span:after {
706 content: " ";
707 }
709 .vertical span span {
710 display: inline;
711 margin-bottom: 0;
712 }
714 .login input[type=submit],
715 .vertical input[type=submit] {
716 font-size: 100%;
717 margin-left: 29%;
718 background-color: #444444;
719 color: #fff;
720 border: none;
721 padding: 0.75ex;
722 }
724 .login input[type=submit]:hover,
725 .vertical input[type=submit]:hover {
726 background-color: #444444;
727 }
729 @media screen and (max-width: 480px) {
730 .login input[type=text],
731 .vertical input[type=text],
732 .login input[type=password],
733 .vertical input[type=password],
734 .vertical textarea,
735 .vertical select,
736 .vertical input[type=submit],
737 .login input[type=submit] {
738 width: 98%;
739 }
740 .login .ui_field_label,
741 .vertical .ui_field_label {
742 text-align: left;
743 width: 98%;
744 }
745 .login input[type=text],
746 .login input[type=password] {
747 width: 98%;
748 }
749 .login input[type=submit],
750 .vertical input[type=submit] {
751 margin-left: 0;
752 }
753 }
756 /*************************************************************************
757 * Positive / Negtive votes
758 */
761 .positive_votes span {
762 display: inline;
763 }
765 .positive_votes {
766 display: inline;
767 background-color: #cfc;
768 padding: 0.3ex 0.5em 0.3ex 0.5em;
769 }
771 .negative_votes span {
772 display: inline;
773 }
775 .negative_votes {
776 display: inline;
777 background-color: #fcc;
778 padding: 0.3ex 0.5em 0.3ex 0.5em;
779 }
781 .suggestion_my_opinion a,
782 .suggestion_my_opinion span {
783 white-space: nowrap;
784 padding-left: 0.2ex !important;
785 padding-right: 0.2ex !important;
786 }
788 .active {
789 background-color: #444;
790 color: #fff;
791 }
793 .active_red2 { background-color: #a00; color: #fff !important; }
794 .active_red1 { background-color: #f88; color: #000 !important; }
795 .active_green1 { background-color: #8f8; color: #000 !important; }
796 .active_green2 { background-color: #0a0; color: #000 !important; }
800 /*************************************************************************
801 * Unit list
802 */
804 .unit_list a {
805 font-weight: bold;
806 }
808 /*************************************************************************
809 * Area list
810 */
811 .area_list {
812 border: 1px solid #54c;
813 border-radius: 10px;
814 margin-top: 2ex;
815 }
817 .area_list .area {
818 border-top: 1px solid #44a;
819 }
821 .area_list .area:first-child {
822 border-top: none;
823 }
825 .area_list .unit_head {
826 border-radius: 8px 8px 0 0;
827 }
829 .area_list .unit_head:last-child {
830 border-radius: 8px;
831 }
833 .area_list .area:last-child .content:last-child{
834 border-radius: 0 0 8px 8px;
835 }
837 .area_list .area:first-child .area_head {
838 border-radius: 8px 8px 0 0;
839 }
842 /*************************************************************************
843 * Events
844 */
846 .events .date {
847 font-size: 150%;
848 font-weight: bold;
849 margin-top: 2ex;
850 line-height: 150%;
851 }
853 .event_list .event div {
854 }
856 .event_list .event .member_id {
857 float: right;
858 }
861 /*************************************************************************
862 * Issues
863 */
865 .issues {
866 clear: left;
867 margin-top: 2ex;
868 }
870 .issues .issue {
871 overflow: hidden;
872 border: 1px solid #ddd;
873 border-radius: 8px;
874 margin-bottom: 2ex;
875 }
877 .issue.interested,
878 .issue.interest_by_delegation {
879 border: 1px solid #b2cdff;
880 }
882 .issue .issue_info {
883 padding: 1ex 1ex 0.3ex 1ex;
884 line-height: 140%;
885 margin-bottom: 1ex;
886 }
888 .event_list .event .issue_id,
889 .issue .issue_info .issue_id {
890 font-size: 125%;
891 }
893 .issue .suggestion {
894 margin-left: 1ex;
895 margin-bottom: 1ex;
896 font-weight: bold;
897 }
899 .issue_policy_info {
900 font-style: italic;
901 }
903 .issue_policy_info .event_name {
904 font-weight: bold;
905 }
907 .issue_policy_info img {
908 vertical-align: middle;
909 }
911 .issue .interest_by_delegation {
912 float: right;
913 }
915 .issue .initiative_list a.highlighted {
916 font-weight: bold;
917 }
919 .initiative {
920 margin-left: 1ex;
921 margin-bottom: 1ex;
922 line-height: 50%;
923 }
925 .initiative .bar {
926 margin-right: 0.3em;
927 }
929 .initiative .rank,
930 .initiative .bar,
931 .initiative .interest {
932 float: left;
933 margin-right: 0.3em;
934 }
936 .initiative .rank {
937 width: 2.5em;
938 }
941 .initiative .interest {
942 width: 20px;
943 height: 16px;
944 line-height: 100%;
945 }
947 .initiative .name {
948 line-height: 130%;
949 margin-left: 160px;
950 }
952 @media screen and (max-width: 480px) {
953 .initiative .name {
954 clear: left;
955 margin-left: 0px;
956 }
957 }
960 .issue_initiative_list a {
961 font-weight: bold;
962 }
964 .more_initiatives_link {
965 display: block;
966 margin-left: 166px;
967 font-style: italic;
968 margin-bottom: 1ex;
969 }
971 .issue tr tr {
972 border: none;
973 background: none;
974 }
976 .initiative_link.selected {
977 font-weight: bold;
978 }
980 x.initiative_link.supported {
981 background-color: #cdf;
982 border-radius: 5px;
983 }
985 x.initiative_link.potentially_supported {
986 background-color: #cdf;
987 border-radius: 5px;
988 }
990 .lang_chooser {
991 float: right;
992 margin-right: 0.5em;
993 }
995 .delegation_list_entry {
996 margin-right: 2em;
997 margin-bottom: 2ex;
998 float: left;
999 clear: left;
1000 }
1002 .delegation_list_entry .delegation_arrow {
1003 float: left;
1004 }
1006 .delegation_list_entry .delegation_scope {
1007 float: left;
1008 width: 25em;
1009 }
1011 .delegation_list_entry .delegation_scope a {
1012 display: block;
1013 }
1015 .member_list .member_thumb {
1016 float: left;
1017 margin-right: 1em;
1018 margin-bottom: 2ex;
1019 }
1021 .member_thumb {
1022 text-decoration: none;
1023 width: 14.5em;
1024 height: 48px;
1025 display: block;
1026 float: left;
1027 background-color: #f2f2f2;
1028 overflow: hidden;
1029 position: relative;
1030 border-radius: 7px;
1031 padding: 2px;
1032 }
1034 .member_thumb a:hover div {
1035 background-color: #444;
1036 color: #fff;
1037 }
1039 .member_thumb img {
1040 padding: 0;
1041 margin: 0;
1042 vertical-align: bottom;
1043 border-radius: 7px;
1044 }
1046 .member_thumb .member_name {
1047 position: absolute;
1048 left: 56px;
1049 top: 2ex;
1050 font-size: 100%;
1051 width: 14em;
1052 }
1054 .member_thumb .flags {
1055 float: right;
1056 font-size: 75%;
1057 }
1059 .member_thumb .flags a,
1060 .member_thumb .flags img {
1061 position: static;
1062 float: right;
1063 margin-left: 0.5em;
1064 }
1066 .member_thumb .flags .in_delegation_chain {
1067 font-weight: bold;
1068 }
1070 .member .right {
1071 float: right;
1072 }
1074 .member_thumb.not_accepted,
1075 .member_thumb.not_informed {
1076 background: #fff;
1077 }
1079 .member_thumb.not_accepted .member_image,
1080 .member_thumb.not_accepted .member_name,
1081 .member_thumb.not_informed .member_image,
1082 .member_thumb.not_informed .member_name {
1083 opacity: 0.4;
1084 }
1086 .member_thumb {
1087 border: 2px solid #fff;
1088 }
1090 .member_thumb.in_delegation_chain {
1091 border: 2px solid #f90;
1092 }
1094 .member_statement,
1095 .draft_content,
1096 .suggestion_content {
1097 background-color: #f2f2f2;
1098 padding: 1ex;
1099 border-radius: 8px;
1100 }
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: #dfd;
1149 padding: 1ex;
1150 border-radius: 8px;
1151 }
1153 .not_admitted_info,
1154 .revoked_info {
1155 background-color: #fdd;
1156 padding: 1ex;
1157 border-radius: 8px;
1158 }
1160 .draft_updated_info,
1161 .voting_active_info,
1162 .initiator_invite_info,
1163 .motd,
1164 .public_access_issue_head {
1165 background-color: #fda;
1166 padding: 1ex;
1167 margin-top: 1ex;
1168 margin-bottom: 2ex;
1169 border: 1px solid #fa0;
1170 border-radius: 10px;
1171 }
1173 .suggestion_fulfilled {
1174 width: 15em;
1175 }
1176 .suggestion_fulfilled a.action {
1177 padding-left: 0;
1178 line-height: 120%;
1179 }
1181 .help,
1182 .use_terms {
1183 border-radius: 8px;
1184 border: 1px solid #ffe900;
1185 background-color: #fffbce;
1186 color: #000;
1187 padding: 1ex;
1188 }
1190 .help_visible {
1191 margin-top: 2ex;
1192 margin-bottom: 1ex;
1193 }
1195 .help_visible .help_icon {
1196 float: right;
1197 }
1199 .slot_help_hidden {
1200 float: left;
1201 margin-top: 1ex;
1202 }
1204 .help_actions {
1205 font-size: 75%;
1206 float: right;
1207 }
1209 .help_actions a {
1210 margin-right: 1em;
1211 color: #468;
1212 }
1214 .wiki {
1215 line-height: 133%;
1216 }
1218 .wiki h1,
1219 .wiki h2,
1220 .wiki h3,
1221 .wiki h4 {
1222 margin-top: 1ex;
1223 margin-bottom: 1ex;
1224 }
1226 .wiki h1 {
1227 font-size: 150%;
1228 font-weight: bold;
1229 }
1231 .wiki h2 {
1232 font-size: 125%;
1233 font-weight: bold;
1234 }
1236 .wiki h3 {
1237 font-size: 125%;
1238 }
1240 .wiki h4 {
1241 font-size: 100%;
1242 font-weight: bold;
1243 }
1245 .wiki p {
1246 margin-top: 1ex;
1247 margin-bottom: 1ex;
1248 }
1250 form .warning {
1251 background-color: #ffd;
1252 color: #000;
1253 border: 1px solid #dda;
1254 margin: 1ex;
1255 margin-bottom: 2ex;
1256 padding: 1ex;
1257 }
1259 a.not_voted {
1260 display: block;
1261 background-color: #fec;
1262 color: #000;
1263 }
1265 .action_active {
1266 background-color: #fec;
1267 }
1269 .heading {
1270 display: block;
1271 font-size: 120%;
1272 font-weight: bold;
1273 }
1275 .heading.first {
1276 margin-top: 0;
1277 }
1279 .menu_list li {
1280 padding-top: 1ex;
1281 padding-bottom: 1ex;
1282 }
1284 .deactivated_member_info {
1285 background-color: #a00;
1286 color: #fff;
1287 }
1289 /*************************************************************************
1290 * Voting
1291 */
1293 #voting_form {
1294 margin-top: 20px;
1295 }
1297 #voting {
1298 position: relative;
1299 }
1301 #voting .approval, .abstention, .disapproval {
1302 border: 2px black solid;
1303 margin-top: 2ex;
1304 margin-bottom: 5ex;
1305 padding: 1ex;
1306 padding-bottom: 2ex;
1307 border-radius: 8px;
1308 }
1309 #voting .approval {
1310 background-color: #9f9;
1311 }
1312 #voting .approval .movable {
1313 background-color: #dfd;
1314 }
1315 #voting .abstention {
1316 background-color: #ccc;
1317 }
1318 #voting .abstention .movable {
1319 background-color: #f2f2f2;
1320 }
1321 #voting .disapproval {
1322 background-color: #f88;
1323 }
1324 #voting .disapproval .movable {
1325 background-color: #fbb;
1326 }
1327 #voting .cathead {
1328 font-weight: bold;
1329 }
1330 #voting .movable {
1331 position: relative;
1332 border: 1px black solid;
1333 margin-top: 1ex;
1334 padding: 0.5ex;
1335 border-radius: 8px;
1336 }
1337 #voting .voting_form_active .movable {
1338 cursor: pointer;
1339 }
1340 #voting .voting_form_active .clickable {
1341 cursor: auto;
1342 }
1343 #voting .voting_form_active a.clickable {
1344 cursor: pointer;
1345 }
1347 #voting .movable {
1348 vertical-align: middle;
1349 cursor: move;
1350 }
1352 /*************************************************************************
1353 * timeline
1354 */
1355 div.ignore_area_list {
1356 float: left;
1357 width: 90%;
1358 margin: 0 0 1em 0;
1359 }
1361 div.ignore_area_list >
1362 label.ui_field_label {
1363 text-align: left ;
1364 width: 100%;
1365 border-bottom:1px solid #000000;
1366 color: #000000;
1367 font-size:75%;
1368 font-weight:bold;
1369 vertical-align:bottom;
1370 text-transform:none;
1371 padding:0.5ex 0.5em
1372 }
1374 div.ignore_area_item {
1375 clear: none;
1376 float: left;
1377 min-width: 10em;
1378 margin: 0.1ex 0.5em;
1379 margin-right: 0.5em;
1380 }
1382 div.ignore_area_item > input {
1383 float: none;
1384 clear: none;
1385 display: inline;
1386 }
1388 div.ignore_area_item >
1389 label.ui_field_label {
1390 float: none;
1391 clear: none;
1392 text-align: left;
1393 display: inline;
1394 }
1396 div.timeline_results {
1397 clear: both;
1398 }
1400 /* shadows */
1402 .initiative_head,
1403 .box,
1404 div.notifications {
1405 border-radius: 8px;
1406 }
1408 .initiative_head,
1409 .box {
1410 border: 1px solid #aaa;
1411 }
1413 .box {
1414 padding: 1ex;
1415 }
1417 .slot_footer {
1418 margin: 0 1%;
1419 border-top: 1px solid #ccc;
1420 padding: 1ex;
1421 font-size: 80%;
1422 text-align: center;
1423 }
1424 .slot_footer,
1425 .slot_footer a {
1426 color: #666;
1427 }
1429 .footer {
1430 margin: 0 auto;
1431 max-width: 1130px;
1432 }