liquid_feedback_frontend
view static/style.css @ 562:051d0244c60f
Added tag v2.beta9 for changeset 12e504938643
| author | bsw |
|---|---|
| date | Tue Jun 19 21:33:11 2012 +0200 (2012-06-19) |
| parents | 12e504938643 |
| children | 418b590fa9ed |
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 overflow: hidden;
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: 1%;
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: #eee;
190 color: #000;
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 .topbar .member_menu span {
205 padding: 0 0.5em;
206 float: left;
207 display: block;
208 white-space: nowrap;
209 }
211 form.unit_selector {
212 display: inline;
213 }
215 .topbar .navigation_right {
216 float: right;
217 padding-right: 1%;
218 }
220 .member_menu {
221 float: right;
222 }
224 #member_menu {
225 position: absolute;
226 right: 20px;
227 top: 19px;
228 }
230 #member_menu {
231 display: none;
232 }
234 .member_menu:hover #member_menu {
235 display: block;
236 }
238 #member_menu ul {
239 list-style: none;
240 }
242 #member_menu li span {
243 background-color: #333;
244 line-height: 200%;
245 display: block;
246 width: 15em;
247 color: #fff;
248 }
252 #member_menu li a {
253 background-color: #333;
254 line-height: 200%;
255 display: block;
256 width: 15em;
257 }
259 #member_menu a:hover {
260 background-color: #eee;
261 color: #000;
262 }
265 /*************************************************************************
266 * Title of current page including path and actions
267 */
269 .slot_title {
270 font-size: 120%;
271 font-weight: bold;
272 margin-left: 10px;
273 margin-right: 10px;
274 margin-top: 1ex;
275 }
277 .slot_actions {
278 margin-left: 10px;
279 margin-top: 0.5ex;
280 margin-bottom: 1ex;
281 }
283 .page_head {
284 background-color: #fff;
285 margin: 0px 10px 2ex 10px;
286 border: 1px solid #aaa;
287 border-radius: 0 0 8px 8px;
288 }
291 .page_head .area_head,
292 .page_head .issue {
293 xborder-top: 1px solid #000;
294 }
296 .page_head .unit_head .title,
297 .page_head .area_head .title,
298 .issue .context,
299 .issue .title,
300 .initiative_head .title {
301 padding: 8px 16px 2px 16px;
302 }
304 .page_head .unit_head .content,
305 .page_head .area_head .content,
306 .issue .content,
307 .initiative_head .content {
308 padding: 2px 16px 8px 16px;
309 }
311 .page_head .initiative_list,
312 .issue .initiative_list {
313 padding-left: 8px;
314 }
316 .issue .content.actions {
317 margin-bottom: 1ex;
318 }
322 .page_head .unit_head .title,
323 .page_head .area_head .title,
324 .issue .title,
325 .initiative_head .title {
326 font-weight: bold;
327 font-size: 120%;
328 }
330 .page_head .unit_head .title .extra,
331 .page_head .area_head .title .extra,
332 .issue .title .extra {
333 margin-left: 0.7em;
334 font-size: 75%;
335 }
337 .page_head .unit_head .content,
338 .page_head .area_head .content,
339 .page_head .area_head .content a,
340 .page_head .issue .content.actions,
341 .page_head .issue .content.actions a,
342 .issues .issue .content.actions,
343 .issues .issue .content.actions a {
344 color: #777;
345 }
347 .page_head .unit_head .title,
348 .page_head .area_head .title,
349 .issue .title {
350 background-color: #eee;
351 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
352 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
353 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
354 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
355 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
356 }
358 .page_head .area_head .title,
359 .page_head .issue .title {
360 border-top: 1px solid #ddd;
361 }
364 .delegation_info {
365 float: right;
366 text-decoration: none;
367 padding: 5px;
368 border-radius: 0px 5px 0px 5px;
369 }
371 .delegation_arrow {
372 vertical-align: middle;
373 }
375 .delegation_info .link {
376 text-decoration: underline;
377 color: #aaa;
378 }
380 .delegation_info:hover {
381 background-color: #ddd;
382 }
384 .delegation_info .micro_avatar {
385 border: 2px solid #fff;
386 }
388 .delegation_info .micro_avatar.highlighted {
389 border: 2px solid #fa0;
390 }
393 .member_list .member_image_avatar {
394 float: left;
395 margin-right: 0.5em;
396 }
398 .micro_avatar {
399 height: 24px;
400 border-radius: 4px;
401 vertical-align: middle;
402 }
404 .logo {
405 float: right;
406 margin-right: 1%;
407 }
410 .member_image_photo {
411 border-radius: 8px;
412 }
414 /*************************************************************************
415 * Main content
416 */
418 .main {
419 margin-left: 1%;
420 margin-right: 1%;
421 }
423 /*************************************************************************
424 * ui.tab
425 */
427 .ui_tabs_links a {
428 padding: 0.75ex 0.6em;
429 line-height: 225%;
430 background-color: #f7f7f7;
431 white-space: nowrap;
432 border-radius: 5px;
433 margin-right: 5px;
434 font-weight: bold;
435 }
437 .ui_tabs_links a:hover,
438 .ui_tabs_links a.selected {
439 background-color: #444;
440 color: #fff;
441 text-decoration: none;
442 }
445 /*************************************************************************
446 * ui.filters
447 */
449 .ui_filter {
450 overflow: auto;
451 }
453 .ui_filter_head {
454 color: #777;
455 margin-top: 1ex;
456 font-size: 90%;
457 font-weight: bold;
458 float: left;
459 line-height: 200%;
460 margin-right: 2em;
461 }
463 .ui_filter_head a {
464 color: #777;
465 padding: 0.5ex;
466 }
468 .ui_filter_head a:hover,
469 .ui_filter_head a.active {
470 color: #fff;
471 background-color: #777;
472 padding: 0.5ex;
473 border-radius: 5px;
474 }
476 /*************************************************************************
477 * ui.paginate
478 */
480 .ui_paginate_head {
481 display: none;
482 margin-bottom: 1ex;
483 }
485 .ui_paginate_foot {
486 margin-top: 1ex;
487 }
489 .ui_paginate_select a {
490 padding: 0.5em;
491 }
493 /*************************************************************************
494 * ui.bargraph
495 */
497 .bargraph {
498 width: 103px;
499 }
501 .bargraph50 {
502 width: 52px;
503 }
505 .bargraph div {
506 float: left;
507 margin-top: 0.5ex;
508 height: 1.3ex;
509 }
511 .bargraph .quorum {
512 margin-top: 0.2ex;
513 height: 1.9ex;
514 }
516 /*************************************************************************
517 * notifications
518 */
520 .notifications {
521 margin-top: 1ex;
522 background-color: #fdd;
523 padding: 0.5ex;
524 }
526 .notifications ul {
527 margin: 0;
528 margin-left: 2em;
529 }
531 .notifications li {
532 margin-top: 0.5ex;
533 }
535 /*************************************************************************
536 * vertical ui.form
537 */
539 .vertical {
540 margin-top: 2ex;
541 }
543 .login input[type=text],
544 .vertical input[type=text],
545 .login input[type=password],
546 .vertical input[type=password],
547 .vertical textarea,
548 .vertical select {
549 font-family: sans-serif;
550 font-size: 100%;
551 width: 69%;
552 border: 1px solid #444;
553 padding: 0.2ex 0.2em 0.2ex 0.2em;
554 margin-bottom: 1ex;
555 }
559 .login input[type=password],
560 .vertical input[type=password] {
561 width: 16em;
562 }
564 .vertical select {
565 padding-right: 0;
566 }
568 .login .ui_field_label,
569 .vertical .ui_field_label {
570 text-transform: uppercase;
571 font-size: 70%;
572 line-height: 120%;
573 font-weight: bold;
574 color: #777;
575 width: 29%;
576 display: block;
577 float: left;
578 clear: left;
579 text-align: right;
580 padding-right: 0.5em;
581 }
583 .ui_field_label.label_right {
584 text-align: left;
585 width: auto;
586 }
588 .login input[type=text],
589 .login input[type=password] {
590 width: 10em;
591 }
593 .login div,
594 .vertical div {
595 clear: left;
596 }
598 .vertical span {
599 display: block;
600 margin-bottom: 0.5ex;
601 }
603 .vertical span:after {
604 content: " ";
605 }
607 .vertical span span {
608 display: inline;
609 margin-bottom: 0;
610 }
612 .login input[type=submit],
613 .vertical input[type=submit] {
614 font-size: 100%;
615 margin-left: 29%;
616 background-color: #444444;
617 color: #fff;
618 border: none;
619 padding: 0.75ex;
620 }
622 .login input[type=submit]:hover,
623 .vertical input[type=submit]:hover {
624 background-color: #444444;
625 }
627 @media screen and (max-width: 480px) {
628 .login input[type=text],
629 .vertical input[type=text],
630 .login input[type=password],
631 .vertical input[type=password],
632 .vertical textarea,
633 .vertical select,
634 .vertical input[type=submit],
635 .login input[type=submit] {
636 width: 98%;
637 }
638 .login .ui_field_label,
639 .vertical .ui_field_label {
640 text-align: left;
641 width: 98%;
642 }
643 .login input[type=text],
644 .login input[type=password] {
645 width: 98%;
646 }
647 .login input[type=submit],
648 .vertical input[type=submit] {
649 margin-left: 0;
650 }
651 }
654 /*************************************************************************
655 * Positive / Negtive votes
656 */
659 .positive_votes span {
660 display: inline;
661 }
663 .positive_votes {
664 display: inline;
665 background-color: #cfc;
666 padding: 0.3ex 0.5em 0.3ex 0.5em;
667 }
669 .negative_votes span {
670 display: inline;
671 }
673 .negative_votes {
674 display: inline;
675 background-color: #fcc;
676 padding: 0.3ex 0.5em 0.3ex 0.5em;
677 }
679 .suggestion_my_opinion a,
680 .suggestion_my_opinion span {
681 white-space: nowrap;
682 padding-left: 0.2ex !important;
683 padding-right: 0.2ex !important;
684 }
686 .active {
687 background-color: #444;
688 color: #fff;
689 }
691 .active_red2 { background-color: #a00; color: #fff !important; }
692 .active_red1 { background-color: #f88; color: #000 !important; }
693 .active_green1 { background-color: #8f8; color: #000 !important; }
694 .active_green2 { background-color: #0a0; color: #000 !important; }
698 /*************************************************************************
699 * Unit list
700 */
702 .unit_list a {
703 font-weight: bold;
704 }
706 /*************************************************************************
707 * Area list
708 */
710 .member_area_list {
711 margin-bottom: 0ex;
712 border-radius: 8px;
713 border: 1px solid #aaa;
714 padding: 1ex;
715 margin-bottom: 2ex;
716 }
718 .member_area_list .unit_head {
719 font-size: 120%;
720 font-weight: bold;
721 float: left;
722 clear: both;
723 }
725 .member_area_list .unit_delegatee {
726 float: left;
727 }
729 .member_area_list .voting_priv_info {
730 clear: left;
731 margin-top: 4ex;
732 }
734 .member_area_list .more_areas {
735 font-style: italic;
736 }
738 .area_list {
739 margin-bottom: 4ex;
740 }
742 .member_area_list .area_list {
743 margin-bottom: 0;
744 }
746 .area_list .area {
747 line-height: 32px;
748 clear: both;
749 }
751 .area_list .bargraph {
752 line-height: 10px;
753 }
755 .area_list .area .delegatee {
756 white-space: nowrap;
757 }
759 .area_list .area.head .phases {
760 xmargin-top: 2ex;
761 }
763 .area_list .area img {
764 vertical-align: middle;
765 }
767 .area_list .area .bar {
768 float: left;
769 padding-top: 6px
770 }
772 .area_list .area .membership,
773 .area_list .area .delegatee {
774 display: inline;
775 width: 24px
776 }
778 .area_list .area .name {
779 display: inline;
780 font-weight: bold;
781 }
783 .area_list .area .phases {
784 float: right;
785 }
787 .area_list .area .phases div {
788 float: left;
789 width: 3em;
790 text-align: right;
791 }
793 @media screen and (max-width: 480px) {
794 .area_list .area .name {
795 display: block;
796 line-height: 100%;
797 }
799 .area_list .area .delegatee,
800 .area_list .area .membership {
801 float: left;
802 white-space: nowrap;
803 }
804 .area_list .area .bar {
805 display: none;
806 }
807 }
809 /*************************************************************************
810 * Events
811 */
813 .events .date {
814 font-size: 150%;
815 font-weight: bold;
816 margin-top: 2ex;
817 line-height: 150%;
818 }
820 .event_list .event div {
821 }
823 .event_list .event .member_id {
824 float: right;
825 }
828 /*************************************************************************
829 * Issues
830 */
832 .issues {
833 clear: left;
834 margin-top: 2ex;
835 }
837 .issues .issue {
838 overflow: hidden;
839 border: 1px solid #ddd;
840 border-radius: 8px;
841 margin-bottom: 2ex;
842 }
844 .issue.interested,
845 .issue.interest_by_delegation {
846 border: 1px solid #b2cdff;
847 }
849 .issue .issue_info {
850 padding: 1ex 1ex 0.3ex 1ex;
851 line-height: 140%;
852 margin-bottom: 1ex;
853 }
855 .event_list .event .issue_id,
856 .issue .issue_info .issue_id {
857 font-size: 125%;
858 }
860 .issue .suggestion {
861 margin-left: 1ex;
862 margin-bottom: 1ex;
863 font-weight: bold;
864 }
866 .issue_policy_info {
867 font-style: italic;
868 }
870 .issue_policy_info .event_name {
871 font-weight: bold;
872 }
874 .issue_policy_info img {
875 vertical-align: middle;
876 }
878 .issue .interest_by_delegation {
879 float: right;
880 }
882 .issue .initiative_list a.highlighted {
883 font-weight: bold;
884 }
886 .initiative {
887 margin-left: 1ex;
888 margin-bottom: 1ex;
889 line-height: 50%;
890 }
892 .initiative .bar {
893 margin-right: 0.3em;
894 }
896 .initiative .rank,
897 .initiative .bar,
898 .initiative .interest {
899 float: left;
900 margin-right: 0.3em;
901 }
903 .initiative .rank {
904 width: 2.5em;
905 }
908 .initiative .interest {
909 width: 20px;
910 height: 16px;
911 line-height: 100%;
912 }
914 .initiative .name {
915 line-height: 130%;
916 margin-left: 160px;
917 }
919 @media screen and (max-width: 480px) {
920 .initiative .name {
921 clear: left;
922 margin-left: 0px;
923 }
924 }
927 .issue_initiative_list a {
928 font-weight: bold;
929 }
931 .more_initiatives_link {
932 display: block;
933 margin-left: 166px;
934 font-style: italic;
935 margin-bottom: 1ex;
936 }
938 .issue tr tr {
939 border: none;
940 background: none;
941 }
943 .initiative_link.selected {
944 font-weight: bold;
945 }
947 x.initiative_link.supported {
948 background-color: #cdf;
949 border-radius: 5px;
950 }
952 x.initiative_link.potentially_supported {
953 background-color: #cdf;
954 border-radius: 5px;
955 }
957 .lang_chooser {
958 float: right;
959 margin-right: 0.5em;
960 }
962 .delegation_list_entry {
963 margin-right: 2em;
964 margin-bottom: 2ex;
965 float: left;
966 clear: left;
967 }
969 .delegation_list_entry .delegation_arrow {
970 float: left;
971 }
973 .delegation_list_entry .delegation_scope {
974 float: left;
975 width: 25em;
976 }
978 .delegation_list_entry .delegation_scope a {
979 display: block;
980 }
982 .member_list .member_thumb {
983 float: left;
984 margin-right: 1em;
985 margin-bottom: 2ex;
986 }
988 .member_thumb {
989 text-decoration: none;
990 width: 14.5em;
991 height: 48px;
992 display: block;
993 float: left;
994 background-color: #f2f2f2;
995 overflow: hidden;
996 position: relative;
997 border-radius: 7px;
998 padding: 2px;
999 }
1001 .member_thumb a:hover div {
1002 background-color: #444;
1003 color: #fff;
1004 }
1006 .member_thumb img {
1007 padding: 0;
1008 margin: 0;
1009 vertical-align: bottom;
1010 border-radius: 7px;
1011 }
1013 .member_thumb .member_name {
1014 position: absolute;
1015 left: 56px;
1016 top: 2ex;
1017 font-size: 100%;
1018 width: 14em;
1019 }
1021 .member_thumb .flags {
1022 float: right;
1023 font-size: 75%;
1024 }
1026 .member_thumb .flags a,
1027 .member_thumb .flags img {
1028 position: static;
1029 float: right;
1030 margin-left: 0.5em;
1031 }
1033 .member_thumb .flags .in_delegation_chain {
1034 font-weight: bold;
1035 }
1037 .member .right {
1038 float: right;
1039 }
1041 .member_thumb.not_accepted,
1042 .member_thumb.not_informed {
1043 background: #fff;
1044 }
1046 .member_thumb.not_accepted .member_image,
1047 .member_thumb.not_accepted .member_name,
1048 .member_thumb.not_informed .member_image,
1049 .member_thumb.not_informed .member_name {
1050 opacity: 0.4;
1051 }
1053 .member_thumb {
1054 border: 2px solid #fff;
1055 }
1057 .member_thumb.in_delegation_chain {
1058 border: 2px solid #fa0;
1059 }
1061 .member_statement,
1062 .draft_content,
1063 .suggestion_content {
1064 background-color: #f2f2f2;
1065 padding: 1ex;
1066 border-radius: 8px;
1067 }
1069 .member_statement {
1070 margin-right: 250px;
1071 }
1073 #suggestion_description {
1074 height: 15ex;
1075 }
1077 .diff {
1078 background-color: #f2f2f2;
1079 border: 1px solid #ccc;
1080 padding: 1ex;
1081 }
1083 .diff_added {
1084 background-color: #cfc;
1085 text-decoration: underline;
1086 }
1088 .diff_removed {
1089 background-color: #fcc;
1090 text-decoration: line-through;
1091 }
1093 .slot_issue_info {
1094 background-color: #f2f2f2;
1095 border: 1px solid #ccc;
1096 float: right;
1097 padding: 0.5ex;
1098 line-height: 130%;
1099 margin-right: 1em;
1100 }
1102 .issue_info label {
1103 float: left;
1104 width: 8em;
1105 text-transform: uppercase;
1106 font-size: 70%;
1107 color: #777;
1108 font-weight: bold;
1109 clear: left;
1110 text-align: right;
1111 margin-right: 0.7em;
1112 }
1114 .admitted_info {
1115 background-color: #dfd;
1116 padding: 1ex;
1117 border-radius: 8px;
1118 }
1120 .not_admitted_info,
1121 .revoked_info {
1122 background-color: #fdd;
1123 padding: 1ex;
1124 border-radius: 8px;
1125 }
1127 .draft_updated_info,
1128 .voting_active_info,
1129 .initiator_invite_info,
1130 .motd,
1131 .public_access_issue_head {
1132 background-color: #fffbce;
1133 padding: 1ex;
1134 margin-top: 1ex;
1135 margin-bottom: 2ex;
1136 border-top: 1px solid #ffe900;
1137 border-bottom: 1px solid #ffe900;
1138 }
1140 .suggestion_fulfilled {
1141 width: 15em;
1142 }
1143 .suggestion_fulfilled a.action {
1144 padding-left: 0;
1145 line-height: 120%;
1146 }
1148 .help,
1149 .use_terms {
1150 border-radius: 8px;
1151 border: 1px solid #ffe900;
1152 background-color: #fffbce;
1153 color: #000;
1154 padding: 1ex;
1155 }
1157 .help_visible {
1158 margin-top: 2ex;
1159 margin-bottom: 1ex;
1160 }
1162 .help_visible .help_icon {
1163 float: right;
1164 }
1166 .slot_help_hidden {
1167 float: right;
1168 margin-right: 1em;
1169 margin-top: 1ex;
1170 }
1172 .help_actions {
1173 font-size: 75%;
1174 float: right;
1175 }
1177 .help_actions a {
1178 margin-right: 1em;
1179 color: #468;
1180 }
1182 .wiki {
1183 line-height: 133%;
1184 }
1186 .wiki h1,
1187 .wiki h2,
1188 .wiki h3,
1189 .wiki h4 {
1190 margin-top: 1ex;
1191 margin-bottom: 1ex;
1192 }
1194 .wiki h1 {
1195 font-size: 150%;
1196 font-weight: bold;
1197 }
1199 .wiki h2 {
1200 font-size: 125%;
1201 font-weight: bold;
1202 }
1204 .wiki h3 {
1205 font-size: 125%;
1206 }
1208 .wiki h4 {
1209 font-size: 100%;
1210 font-weight: bold;
1211 }
1213 .wiki p {
1214 margin-top: 1ex;
1215 margin-bottom: 1ex;
1216 }
1218 form .warning {
1219 background-color: #ffd;
1220 color: #000;
1221 border: 1px solid #dda;
1222 margin: 1ex;
1223 margin-bottom: 2ex;
1224 padding: 1ex;
1225 }
1227 a.not_voted {
1228 display: block;
1229 background-color: #fec;
1230 color: #000;
1231 }
1233 .action_active {
1234 background-color: #fec;
1235 }
1237 .heading {
1238 display: block;
1239 font-size: 120%;
1240 font-weight: bold;
1241 }
1243 .heading.first {
1244 margin-top: 0;
1245 }
1247 .menu_list li {
1248 padding-top: 1ex;
1249 padding-bottom: 1ex;
1250 }
1252 .deactivated_member_info {
1253 background-color: #a00;
1254 color: #fff;
1255 }
1257 /*************************************************************************
1258 * Voting
1259 */
1261 #voting_form {
1262 margin-top: 20px;
1263 }
1265 #voting {
1266 position: relative;
1267 }
1269 #voting .approval, .abstention, .disapproval {
1270 border: 2px black solid;
1271 margin-top: 2ex;
1272 margin-bottom: 5ex;
1273 padding: 1ex;
1274 padding-bottom: 2ex;
1275 border-radius: 8px;
1276 }
1277 #voting .approval {
1278 background-color: #9f9;
1279 }
1280 #voting .approval .movable {
1281 background-color: #dfd;
1282 }
1283 #voting .abstention {
1284 background-color: #ccc;
1285 }
1286 #voting .abstention .movable {
1287 background-color: #f2f2f2;
1288 }
1289 #voting .disapproval {
1290 background-color: #f88;
1291 }
1292 #voting .disapproval .movable {
1293 background-color: #fbb;
1294 }
1295 #voting .cathead {
1296 font-weight: bold;
1297 }
1298 #voting .movable {
1299 position: relative;
1300 border: 1px black solid;
1301 margin-top: 1ex;
1302 padding: 0.5ex;
1303 border-radius: 8px;
1304 }
1305 #voting .voting_form_active .movable {
1306 cursor: pointer;
1307 }
1308 #voting .voting_form_active .clickable {
1309 cursor: auto;
1310 }
1311 #voting .voting_form_active a.clickable {
1312 cursor: pointer;
1313 }
1315 #voting .movable {
1316 vertical-align: middle;
1317 cursor: move;
1318 }
1320 /*************************************************************************
1321 * timeline
1322 */
1323 div.ignore_area_list {
1324 float: left;
1325 width: 90%;
1326 margin: 0 0 1em 0;
1327 }
1329 div.ignore_area_list >
1330 label.ui_field_label {
1331 text-align: left ;
1332 width: 100%;
1333 border-bottom:1px solid #000000;
1334 color: #000000;
1335 font-size:75%;
1336 font-weight:bold;
1337 vertical-align:bottom;
1338 text-transform:none;
1339 padding:0.5ex 0.5em
1340 }
1342 div.ignore_area_item {
1343 clear: none;
1344 float: left;
1345 min-width: 10em;
1346 margin: 0.1ex 0.5em;
1347 margin-right: 0.5em;
1348 }
1350 div.ignore_area_item > input {
1351 float: none;
1352 clear: none;
1353 display: inline;
1354 }
1356 div.ignore_area_item >
1357 label.ui_field_label {
1358 float: none;
1359 clear: none;
1360 text-align: left;
1361 display: inline;
1362 }
1364 div.timeline_results {
1365 clear: both;
1366 }
1368 /* shadows */
1370 .initiative_head,
1371 .box,
1372 div.notifications {
1373 border: 1px solid #aaa;
1374 border-radius: 8px;
1375 }
1377 .box {
1378 padding: 1ex;
1379 }
1381 .member_area_list .box {
1382 border: none;
1383 padding: 0;
1384 }
1386 .page_head,
1387 .initiative_head,
1388 .issues .issue,
1389 .ui_tabs_links a,
1390 .draft_content,
1391 .help,
1392 .use_terms,
1393 .motd,
1394 .ui_filter a.active,
1395 .vote_info .content,
1396 .member_area_list,
1397 .box,
1398 div.notifications {
1399 box-shadow: #777 0px 5px 5px -5px;
1400 -mox-box-shadow: #777 0px 5px 5px -5px;
1401 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1402 clear: both;
1403 }
1405 .member_area_list .box {
1406 box-shadow: none;
1407 -mox-box-shadow: none;
1408 -webkit-box-shadow: none;
1409 }
1411 .slot_footer {
1412 margin: 0 1%;
1413 border-top: 1px solid #ccc;
1414 padding: 1ex;
1415 font-size: 80%;
1416 text-align: center;
1417 }
1418 .slot_footer,
1419 .slot_footer a {
1420 color: #666;
1421 }
1423 .footer {
1424 margin: 0 auto;
1425 max-width: 1130px;
1426 }