liquid_feedback_frontend
view static/style.css @ 608:e58dad2e0087
Added optical effect to boxes on start page
| author | bsw |
|---|---|
| date | Sun Jun 24 23:26:33 2012 +0200 (2012-06-24) |
| parents | 9df26b41ace0 |
| children | 7dc5ab12bfe3 |
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: #fff;
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 background-color: #000;
190 color: #fff;
191 }
193 .navigation {
194 background-color: #333;
195 line-height: 200%;
196 }
198 .topbar img {
199 margin-right: 0.5em;
200 vertical-align: middle;
201 }
203 .topbar a {
204 padding: 0 0.5em;
205 float: left;
206 display: block;
207 white-space: nowrap;
208 }
210 form.unit_selector {
211 display: inline;
212 }
214 .topbar .navigation_right {
215 float: right;
216 padding-right: 1%;
217 }
220 #member_menu {
221 xposition: relative;
222 z-index: 2;
223 xfloat: left;
224 }
226 #member_menu li {
227 float: left;
228 }
230 #member_menu li:hover {
231 position: relative;
232 z-index: 4;
233 cursor: default;
234 }
236 #member_menu {
237 margin: 0;
238 padding: 0;
239 width: 200px;
240 }
242 #member_menu > li {
243 width: 200px;
244 }
246 #member_menu li a {
247 float: right;
248 }
250 #member_menu ul {
251 margin: 0;
252 padding: 0;
253 list-style-type: none;
254 display: none;
255 position: absolute;
256 top: 100%;
257 left: 0;
258 z-index: 3;
259 width: 200px;
260 border-radius: 0 0 8px 8px;
261 background: #000;
262 }
264 #member_menu ul li {
265 float: none;
266 }
268 #member_menu ul li a {
269 float: none;
270 background: #444;
271 }
273 #member_menu ul ul {
274 top: 1px;
275 right: 1px;
276 }
278 #member_menu li:hover ul {
279 display: block;
280 }
282 #member_menu li li a {
283 background: #000;
284 border-radius: 5px;
285 color: #ddd;
286 }
288 #member_menu ul li:hover a {
289 background: #444;
290 color: #fff;
291 }
293 /*
294 #member_menu {
295 position: absolute;
296 right: 20px;
297 top: 19px;
298 }
300 #member_menu {
301 display: none;
302 }
304 .member_menu:hover #member_menu {
305 display: block;
306 }
308 #member_menu ul {
309 list-style: none;
310 }
312 #member_menu li span {
313 background-color: #333;
314 line-height: 200%;
315 display: block;
316 width: 15em;
317 color: #fff;
318 }
322 #member_menu li a {
323 background-color: #333;
324 line-height: 200%;
325 display: block;
326 width: 15em;
327 }
329 #member_menu a:hover {
330 background-color: #eee;
331 color: #000;
332 }
334 */
335 /*************************************************************************
336 * Title of current page including path and actions
337 */
339 .slot_title {
340 font-size: 120%;
341 font-weight: bold;
342 margin-left: 10px;
343 margin-right: 10px;
344 margin-top: 1ex;
345 }
347 .page_head .actions {
348 margin-top: 0.5ex;
349 margin-bottom: 1ex;
350 }
352 .slot_head {
353 background-color: #fff;
354 margin: 0px 10px 2ex 10px;
355 border: 1px solid #aaa;
356 border-radius: 0 0 8px 8px;
357 }
359 .page_head .title,
360 .issue .context,
361 .issue .title,
362 .initiative_head .title,
363 .area_list .title {
364 padding: 8px 10px 2px 10px;
365 }
367 .page_head .unit_head .content,
368 .page_head .area_head .content,
369 .issue .content,
370 .initiative_head .content,
371 .area_list .area .content {
372 padding: 2px 10px 8px 10px;
373 }
375 .page_head .initiative_list,
376 .issue .initiative_list {
377 padding-left: 8px;
378 }
380 .issue .content.actions {
381 margin-bottom: 1ex;
382 }
386 .page_head .title,
387 .issue .title,
388 .initiative_head .title,
389 .area_list .area_name {
390 font-weight: bold;
391 font-size: 120%;
392 }
394 .page_head .unit_head .title .extra,
395 .page_head .area_head .title .extra,
396 .issue .title .extra {
397 margin-left: 0.7em;
398 font-size: 75%;
399 }
401 .page_head .unit_head .content,
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: #777;
411 }
413 .page_head .unit_head .title,
414 .page_head .area_head .title,
415 .area_list .area .title,
416 .issue .title {
417 background-color: #eee;
418 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
419 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
420 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
421 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
422 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
423 }
425 .page_head .area_head .title,
426 .page_head .issue .title {
427 border-top: 1px solid #ddd;
428 }
431 .delegation_info {
432 float: right;
433 text-decoration: none;
434 padding: 5px;
435 border-radius: 0px 5px 0px 5px;
436 }
438 .delegation_arrow {
439 vertical-align: middle;
440 }
442 .delegation_info .link {
443 text-decoration: underline;
444 color: #aaa;
445 }
447 .delegation_info:hover {
448 background-color: #ddd;
449 }
451 .delegation_info .micro_avatar {
452 border: 2px solid #fff;
453 }
455 .delegation_info .micro_avatar.highlighted {
456 border: 2px solid #fa0;
457 }
460 .member_list .member_image_avatar {
461 float: left;
462 margin-right: 0.5em;
463 }
465 .micro_avatar {
466 height: 24px;
467 border-radius: 4px;
468 vertical-align: middle;
469 }
471 .logo {
472 float: right;
473 margin-right: 1%;
474 }
477 .member_image_photo {
478 border-radius: 8px;
479 }
481 /*************************************************************************
482 * Main content
483 */
485 .main {
486 margin-left: 1%;
487 margin-right: 1%;
488 }
490 /*************************************************************************
491 * ui.tab
492 */
493 .ui_tabs {
494 margin: 10px 0px;
495 }
497 .ui_tabs_links a {
498 padding: 0.75ex 0.6em;
499 line-height: 225%;
500 background-color: #f7f7f7;
501 white-space: nowrap;
502 border-radius: 5px;
503 margin-right: 5px;
504 font-weight: bold;
505 }
507 .ui_tabs_links a:hover,
508 .ui_tabs_links a.selected {
509 background-color: #444;
510 color: #fff;
511 text-decoration: none;
512 }
515 /*************************************************************************
516 * ui.filters
517 */
519 .ui_filter {
520 overflow: auto;
521 }
523 .ui_filter_head {
524 color: #777;
525 margin-top: 1ex;
526 font-size: 90%;
527 font-weight: bold;
528 float: left;
529 line-height: 200%;
530 margin-right: 2em;
531 }
533 .ui_filter_head a {
534 color: #777;
535 padding: 0.5ex;
536 }
538 .ui_filter_head a:hover,
539 .ui_filter_head a.active {
540 color: #fff;
541 background-color: #777;
542 padding: 0.5ex;
543 border-radius: 5px;
544 }
546 /*************************************************************************
547 * ui.paginate
548 */
550 .ui_paginate_head {
551 display: none;
552 margin-bottom: 1ex;
553 }
555 .ui_paginate_foot {
556 margin-top: 1ex;
557 }
559 .ui_paginate_select a {
560 padding: 0.5em;
561 }
563 /*************************************************************************
564 * ui.bargraph
565 */
567 .bargraph {
568 width: 103px;
569 }
571 .bargraph50 {
572 width: 52px;
573 }
575 .bargraph div {
576 float: left;
577 margin-top: 0.5ex;
578 height: 1.3ex;
579 }
581 .bargraph .quorum {
582 margin-top: 0.2ex;
583 height: 1.9ex;
584 }
586 /*************************************************************************
587 * notifications
588 */
590 div.notifications {
591 margin-top: 1ex;
592 background-color: #fdd;
593 padding: 0.5ex;
594 border: 1px solid #daa;
595 }
597 .notifications ul {
598 margin: 0;
599 padding: 0;
600 margin-left: 2em;
601 }
603 .notifications li {
604 margin: 0;
605 padding: 0;
606 margin-top: 0.5ex;
607 }
609 /*************************************************************************
610 * vertical ui.form
611 */
613 .vertical {
614 margin-top: 2ex;
615 }
617 .login input[type=text],
618 .vertical input[type=text],
619 .login input[type=password],
620 .vertical input[type=password],
621 .vertical textarea,
622 .vertical select {
623 font-family: sans-serif;
624 font-size: 100%;
625 width: 69%;
626 border: 1px solid #444;
627 padding: 0.2ex 0.2em 0.2ex 0.2em;
628 margin-bottom: 1ex;
629 }
633 .login input[type=password],
634 .vertical input[type=password] {
635 width: 16em;
636 }
638 .vertical select {
639 padding-right: 0;
640 }
642 .login .ui_field_label,
643 .vertical .ui_field_label {
644 text-transform: uppercase;
645 font-size: 70%;
646 line-height: 120%;
647 font-weight: bold;
648 color: #777;
649 width: 29%;
650 display: block;
651 float: left;
652 clear: left;
653 text-align: right;
654 padding-right: 0.5em;
655 }
657 .ui_field_label.label_right {
658 text-align: left;
659 width: auto;
660 }
662 .login input[type=text],
663 .login input[type=password] {
664 width: 10em;
665 }
667 .login div,
668 .vertical div {
669 clear: left;
670 }
672 .vertical span {
673 display: block;
674 margin-bottom: 0.5ex;
675 }
677 .vertical span:after {
678 content: " ";
679 }
681 .vertical span span {
682 display: inline;
683 margin-bottom: 0;
684 }
686 .login input[type=submit],
687 .vertical input[type=submit] {
688 font-size: 100%;
689 margin-left: 29%;
690 background-color: #444444;
691 color: #fff;
692 border: none;
693 padding: 0.75ex;
694 }
696 .login input[type=submit]:hover,
697 .vertical input[type=submit]:hover {
698 background-color: #444444;
699 }
701 @media screen and (max-width: 480px) {
702 .login input[type=text],
703 .vertical input[type=text],
704 .login input[type=password],
705 .vertical input[type=password],
706 .vertical textarea,
707 .vertical select,
708 .vertical input[type=submit],
709 .login input[type=submit] {
710 width: 98%;
711 }
712 .login .ui_field_label,
713 .vertical .ui_field_label {
714 text-align: left;
715 width: 98%;
716 }
717 .login input[type=text],
718 .login input[type=password] {
719 width: 98%;
720 }
721 .login input[type=submit],
722 .vertical input[type=submit] {
723 margin-left: 0;
724 }
725 }
728 /*************************************************************************
729 * Positive / Negtive votes
730 */
733 .positive_votes span {
734 display: inline;
735 }
737 .positive_votes {
738 display: inline;
739 background-color: #cfc;
740 padding: 0.3ex 0.5em 0.3ex 0.5em;
741 }
743 .negative_votes span {
744 display: inline;
745 }
747 .negative_votes {
748 display: inline;
749 background-color: #fcc;
750 padding: 0.3ex 0.5em 0.3ex 0.5em;
751 }
753 .suggestion_my_opinion a,
754 .suggestion_my_opinion span {
755 white-space: nowrap;
756 padding-left: 0.2ex !important;
757 padding-right: 0.2ex !important;
758 }
760 .active {
761 background-color: #444;
762 color: #fff;
763 }
765 .active_red2 { background-color: #a00; color: #fff !important; }
766 .active_red1 { background-color: #f88; color: #000 !important; }
767 .active_green1 { background-color: #8f8; color: #000 !important; }
768 .active_green2 { background-color: #0a0; color: #000 !important; }
772 /*************************************************************************
773 * Unit list
774 */
776 .unit_list a {
777 font-weight: bold;
778 }
780 /*************************************************************************
781 * Area list
782 */
784 .area_list .unit_head {
785 font-size: 120%;
786 font-weight: bold;
787 margin-bottom: 1ex;
788 }
790 .area_list .area {
791 margin-bottom: 1ex;
792 }
796 /*************************************************************************
797 * Events
798 */
800 .events .date {
801 font-size: 150%;
802 font-weight: bold;
803 margin-top: 2ex;
804 line-height: 150%;
805 }
807 .event_list .event div {
808 }
810 .event_list .event .member_id {
811 float: right;
812 }
815 /*************************************************************************
816 * Issues
817 */
819 .issues {
820 clear: left;
821 margin-top: 2ex;
822 }
824 .issues .issue {
825 overflow: hidden;
826 border: 1px solid #ddd;
827 border-radius: 8px;
828 margin-bottom: 2ex;
829 }
831 .issue.interested,
832 .issue.interest_by_delegation {
833 border: 1px solid #b2cdff;
834 }
836 .issue .issue_info {
837 padding: 1ex 1ex 0.3ex 1ex;
838 line-height: 140%;
839 margin-bottom: 1ex;
840 }
842 .event_list .event .issue_id,
843 .issue .issue_info .issue_id {
844 font-size: 125%;
845 }
847 .issue .suggestion {
848 margin-left: 1ex;
849 margin-bottom: 1ex;
850 font-weight: bold;
851 }
853 .issue_policy_info {
854 font-style: italic;
855 }
857 .issue_policy_info .event_name {
858 font-weight: bold;
859 }
861 .issue_policy_info img {
862 vertical-align: middle;
863 }
865 .issue .interest_by_delegation {
866 float: right;
867 }
869 .issue .initiative_list a.highlighted {
870 font-weight: bold;
871 }
873 .initiative {
874 margin-left: 1ex;
875 margin-bottom: 1ex;
876 line-height: 50%;
877 }
879 .initiative .bar {
880 margin-right: 0.3em;
881 }
883 .initiative .rank,
884 .initiative .bar,
885 .initiative .interest {
886 float: left;
887 margin-right: 0.3em;
888 }
890 .initiative .rank {
891 width: 2.5em;
892 }
895 .initiative .interest {
896 width: 20px;
897 height: 16px;
898 line-height: 100%;
899 }
901 .initiative .name {
902 line-height: 130%;
903 margin-left: 160px;
904 }
906 @media screen and (max-width: 480px) {
907 .initiative .name {
908 clear: left;
909 margin-left: 0px;
910 }
911 }
914 .issue_initiative_list a {
915 font-weight: bold;
916 }
918 .more_initiatives_link {
919 display: block;
920 margin-left: 166px;
921 font-style: italic;
922 margin-bottom: 1ex;
923 }
925 .issue tr tr {
926 border: none;
927 background: none;
928 }
930 .initiative_link.selected {
931 font-weight: bold;
932 }
934 x.initiative_link.supported {
935 background-color: #cdf;
936 border-radius: 5px;
937 }
939 x.initiative_link.potentially_supported {
940 background-color: #cdf;
941 border-radius: 5px;
942 }
944 .lang_chooser {
945 float: right;
946 margin-right: 0.5em;
947 }
949 .delegation_list_entry {
950 margin-right: 2em;
951 margin-bottom: 2ex;
952 float: left;
953 clear: left;
954 }
956 .delegation_list_entry .delegation_arrow {
957 float: left;
958 }
960 .delegation_list_entry .delegation_scope {
961 float: left;
962 width: 25em;
963 }
965 .delegation_list_entry .delegation_scope a {
966 display: block;
967 }
969 .member_list .member_thumb {
970 float: left;
971 margin-right: 1em;
972 margin-bottom: 2ex;
973 }
975 .member_thumb {
976 text-decoration: none;
977 width: 14.5em;
978 height: 48px;
979 display: block;
980 float: left;
981 background-color: #f2f2f2;
982 overflow: hidden;
983 position: relative;
984 border-radius: 7px;
985 padding: 2px;
986 }
988 .member_thumb a:hover div {
989 background-color: #444;
990 color: #fff;
991 }
993 .member_thumb img {
994 padding: 0;
995 margin: 0;
996 vertical-align: bottom;
997 border-radius: 7px;
998 }
1000 .member_thumb .member_name {
1001 position: absolute;
1002 left: 56px;
1003 top: 2ex;
1004 font-size: 100%;
1005 width: 14em;
1006 }
1008 .member_thumb .flags {
1009 float: right;
1010 font-size: 75%;
1011 }
1013 .member_thumb .flags a,
1014 .member_thumb .flags img {
1015 position: static;
1016 float: right;
1017 margin-left: 0.5em;
1018 }
1020 .member_thumb .flags .in_delegation_chain {
1021 font-weight: bold;
1022 }
1024 .member .right {
1025 float: right;
1026 }
1028 .member_thumb.not_accepted,
1029 .member_thumb.not_informed {
1030 background: #fff;
1031 }
1033 .member_thumb.not_accepted .member_image,
1034 .member_thumb.not_accepted .member_name,
1035 .member_thumb.not_informed .member_image,
1036 .member_thumb.not_informed .member_name {
1037 opacity: 0.4;
1038 }
1040 .member_thumb {
1041 border: 2px solid #fff;
1042 }
1044 .member_thumb.in_delegation_chain {
1045 border: 2px solid #fa0;
1046 }
1048 .member_statement,
1049 .draft_content,
1050 .suggestion_content {
1051 background-color: #f2f2f2;
1052 padding: 1ex;
1053 border-radius: 8px;
1054 }
1056 .member_statement {
1057 margin-right: 250px;
1058 }
1060 #suggestion_description {
1061 height: 15ex;
1062 }
1064 .diff {
1065 background-color: #f2f2f2;
1066 border: 1px solid #ccc;
1067 padding: 1ex;
1068 }
1070 .diff_added {
1071 background-color: #cfc;
1072 text-decoration: underline;
1073 }
1075 .diff_removed {
1076 background-color: #fcc;
1077 text-decoration: line-through;
1078 }
1080 .slot_issue_info {
1081 background-color: #f2f2f2;
1082 border: 1px solid #ccc;
1083 float: right;
1084 padding: 0.5ex;
1085 line-height: 130%;
1086 margin-right: 1em;
1087 }
1089 .issue_info label {
1090 float: left;
1091 width: 8em;
1092 text-transform: uppercase;
1093 font-size: 70%;
1094 color: #777;
1095 font-weight: bold;
1096 clear: left;
1097 text-align: right;
1098 margin-right: 0.7em;
1099 }
1101 .admitted_info {
1102 background-color: #dfd;
1103 padding: 1ex;
1104 border-radius: 8px;
1105 }
1107 .not_admitted_info,
1108 .revoked_info {
1109 background-color: #fdd;
1110 padding: 1ex;
1111 border-radius: 8px;
1112 }
1114 .draft_updated_info,
1115 .voting_active_info,
1116 .initiator_invite_info,
1117 .motd,
1118 .public_access_issue_head {
1119 background-color: #fffbce;
1120 padding: 1ex;
1121 margin-top: 1ex;
1122 margin-bottom: 2ex;
1123 border-top: 1px solid #ffe900;
1124 border-bottom: 1px solid #ffe900;
1125 }
1127 .suggestion_fulfilled {
1128 width: 15em;
1129 }
1130 .suggestion_fulfilled a.action {
1131 padding-left: 0;
1132 line-height: 120%;
1133 }
1135 .help,
1136 .use_terms {
1137 border-radius: 8px;
1138 border: 1px solid #ffe900;
1139 background-color: #fffbce;
1140 color: #000;
1141 padding: 1ex;
1142 }
1144 .help_visible {
1145 margin-top: 2ex;
1146 margin-bottom: 1ex;
1147 }
1149 .help_visible .help_icon {
1150 float: right;
1151 }
1153 .slot_help_hidden {
1154 float: left;
1155 margin-top: 1ex;
1156 }
1158 .help_actions {
1159 font-size: 75%;
1160 float: right;
1161 }
1163 .help_actions a {
1164 margin-right: 1em;
1165 color: #468;
1166 }
1168 .wiki {
1169 line-height: 133%;
1170 }
1172 .wiki h1,
1173 .wiki h2,
1174 .wiki h3,
1175 .wiki h4 {
1176 margin-top: 1ex;
1177 margin-bottom: 1ex;
1178 }
1180 .wiki h1 {
1181 font-size: 150%;
1182 font-weight: bold;
1183 }
1185 .wiki h2 {
1186 font-size: 125%;
1187 font-weight: bold;
1188 }
1190 .wiki h3 {
1191 font-size: 125%;
1192 }
1194 .wiki h4 {
1195 font-size: 100%;
1196 font-weight: bold;
1197 }
1199 .wiki p {
1200 margin-top: 1ex;
1201 margin-bottom: 1ex;
1202 }
1204 form .warning {
1205 background-color: #ffd;
1206 color: #000;
1207 border: 1px solid #dda;
1208 margin: 1ex;
1209 margin-bottom: 2ex;
1210 padding: 1ex;
1211 }
1213 a.not_voted {
1214 display: block;
1215 background-color: #fec;
1216 color: #000;
1217 }
1219 .action_active {
1220 background-color: #fec;
1221 }
1223 .heading {
1224 display: block;
1225 font-size: 120%;
1226 font-weight: bold;
1227 }
1229 .heading.first {
1230 margin-top: 0;
1231 }
1233 .menu_list li {
1234 padding-top: 1ex;
1235 padding-bottom: 1ex;
1236 }
1238 .deactivated_member_info {
1239 background-color: #a00;
1240 color: #fff;
1241 }
1243 /*************************************************************************
1244 * Voting
1245 */
1247 #voting_form {
1248 margin-top: 20px;
1249 }
1251 #voting {
1252 position: relative;
1253 }
1255 #voting .approval, .abstention, .disapproval {
1256 border: 2px black solid;
1257 margin-top: 2ex;
1258 margin-bottom: 5ex;
1259 padding: 1ex;
1260 padding-bottom: 2ex;
1261 border-radius: 8px;
1262 }
1263 #voting .approval {
1264 background-color: #9f9;
1265 }
1266 #voting .approval .movable {
1267 background-color: #dfd;
1268 }
1269 #voting .abstention {
1270 background-color: #ccc;
1271 }
1272 #voting .abstention .movable {
1273 background-color: #f2f2f2;
1274 }
1275 #voting .disapproval {
1276 background-color: #f88;
1277 }
1278 #voting .disapproval .movable {
1279 background-color: #fbb;
1280 }
1281 #voting .cathead {
1282 font-weight: bold;
1283 }
1284 #voting .movable {
1285 position: relative;
1286 border: 1px black solid;
1287 margin-top: 1ex;
1288 padding: 0.5ex;
1289 border-radius: 8px;
1290 }
1291 #voting .voting_form_active .movable {
1292 cursor: pointer;
1293 }
1294 #voting .voting_form_active .clickable {
1295 cursor: auto;
1296 }
1297 #voting .voting_form_active a.clickable {
1298 cursor: pointer;
1299 }
1301 #voting .movable {
1302 vertical-align: middle;
1303 cursor: move;
1304 }
1306 /*************************************************************************
1307 * timeline
1308 */
1309 div.ignore_area_list {
1310 float: left;
1311 width: 90%;
1312 margin: 0 0 1em 0;
1313 }
1315 div.ignore_area_list >
1316 label.ui_field_label {
1317 text-align: left ;
1318 width: 100%;
1319 border-bottom:1px solid #000000;
1320 color: #000000;
1321 font-size:75%;
1322 font-weight:bold;
1323 vertical-align:bottom;
1324 text-transform:none;
1325 padding:0.5ex 0.5em
1326 }
1328 div.ignore_area_item {
1329 clear: none;
1330 float: left;
1331 min-width: 10em;
1332 margin: 0.1ex 0.5em;
1333 margin-right: 0.5em;
1334 }
1336 div.ignore_area_item > input {
1337 float: none;
1338 clear: none;
1339 display: inline;
1340 }
1342 div.ignore_area_item >
1343 label.ui_field_label {
1344 float: none;
1345 clear: none;
1346 text-align: left;
1347 display: inline;
1348 }
1350 div.timeline_results {
1351 clear: both;
1352 }
1354 /* shadows */
1356 .area_list .area,
1357 .initiative_head,
1358 .box,
1359 div.notifications {
1360 border-radius: 8px;
1361 }
1363 .area_list .area,
1364 .initiative_head,
1365 .box {
1366 border: 1px solid #aaa;
1367 }
1369 .box {
1370 padding: 1ex;
1371 }
1373 .slot_head,
1374 .area_list .area,
1375 .initiative_head,
1376 .issues .issue,
1377 .ui_tabs_links a,
1378 .draft_content,
1379 .help,
1380 .use_terms,
1381 .motd,
1382 .ui_filter a.active,
1383 .vote_info .content,
1384 .box,
1385 div.notifications {
1386 box-shadow: #777 0px 5px 5px -5px;
1387 -mox-box-shadow: #777 0px 5px 5px -5px;
1388 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1389 clear: both;
1390 }
1392 .slot_footer {
1393 margin: 0 1%;
1394 border-top: 1px solid #ccc;
1395 padding: 1ex;
1396 font-size: 80%;
1397 text-align: center;
1398 }
1399 .slot_footer,
1400 .slot_footer a {
1401 color: #666;
1402 }
1404 .footer {
1405 margin: 0 auto;
1406 max-width: 1130px;
1407 }