liquid_feedback_frontend
view static/style.css @ 569:499ff506ccc0
Cleanup of layout and css
| author | bsw |
|---|---|
| date | Tue Jun 19 22:59:58 2012 +0200 (2012-06-19) |
| parents | 418b590fa9ed |
| children | bf744a72c406 |
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: 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: #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 .page_head .actions {
278 margin-left: 10px;
279 margin-top: 0.5ex;
280 margin-bottom: 1ex;
281 }
283 .slot_head {
284 background-color: #fff;
285 margin: 0px 10px 2ex 10px;
286 border: 1px solid #aaa;
287 border-radius: 0 0 8px 8px;
288 }
290 .page_head .title,
291 .issue .context,
292 .issue .title,
293 .initiative_head .title {
294 padding: 8px 10px 2px 10px;
295 }
297 .page_head .unit_head .content,
298 .page_head .area_head .content,
299 .issue .content,
300 .initiative_head .content {
301 padding: 2px 10px 8px 10px;
302 }
304 .page_head .initiative_list,
305 .issue .initiative_list {
306 padding-left: 8px;
307 }
309 .issue .content.actions {
310 margin-bottom: 1ex;
311 }
315 .page_head .title,
316 .issue .title,
317 .initiative_head .title {
318 font-weight: bold;
319 font-size: 120%;
320 }
322 .page_head .unit_head .title .extra,
323 .page_head .area_head .title .extra,
324 .issue .title .extra {
325 margin-left: 0.7em;
326 font-size: 75%;
327 }
329 .page_head .unit_head .content,
330 .page_head .area_head .content,
331 .page_head .area_head .content a,
332 .page_head .issue .content.actions,
333 .page_head .issue .content.actions a,
334 .issues .issue .content.actions,
335 .issues .issue .content.actions a {
336 color: #777;
337 }
339 .page_head .unit_head .title,
340 .page_head .area_head .title,
341 .issue .title {
342 background-color: #eee;
343 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
344 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
345 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
346 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
347 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
348 }
350 .page_head .area_head .title,
351 .page_head .issue .title {
352 border-top: 1px solid #ddd;
353 }
356 .delegation_info {
357 float: right;
358 text-decoration: none;
359 padding: 5px;
360 border-radius: 0px 5px 0px 5px;
361 }
363 .delegation_arrow {
364 vertical-align: middle;
365 }
367 .delegation_info .link {
368 text-decoration: underline;
369 color: #aaa;
370 }
372 .delegation_info:hover {
373 background-color: #ddd;
374 }
376 .delegation_info .micro_avatar {
377 border: 2px solid #fff;
378 }
380 .delegation_info .micro_avatar.highlighted {
381 border: 2px solid #fa0;
382 }
385 .member_list .member_image_avatar {
386 float: left;
387 margin-right: 0.5em;
388 }
390 .micro_avatar {
391 height: 24px;
392 border-radius: 4px;
393 vertical-align: middle;
394 }
396 .logo {
397 float: right;
398 margin-right: 1%;
399 }
402 .member_image_photo {
403 border-radius: 8px;
404 }
406 /*************************************************************************
407 * Main content
408 */
410 .main {
411 margin-left: 1%;
412 margin-right: 1%;
413 }
415 /*************************************************************************
416 * ui.tab
417 */
418 .ui_tabs {
419 margin: 10px 0px;
420 }
422 .ui_tabs_links a {
423 padding: 0.75ex 0.6em;
424 line-height: 225%;
425 background-color: #f7f7f7;
426 white-space: nowrap;
427 border-radius: 5px;
428 margin-right: 5px;
429 font-weight: bold;
430 }
432 .ui_tabs_links a:hover,
433 .ui_tabs_links a.selected {
434 background-color: #444;
435 color: #fff;
436 text-decoration: none;
437 }
440 /*************************************************************************
441 * ui.filters
442 */
444 .ui_filter {
445 overflow: auto;
446 }
448 .ui_filter_head {
449 color: #777;
450 margin-top: 1ex;
451 font-size: 90%;
452 font-weight: bold;
453 float: left;
454 line-height: 200%;
455 margin-right: 2em;
456 }
458 .ui_filter_head a {
459 color: #777;
460 padding: 0.5ex;
461 }
463 .ui_filter_head a:hover,
464 .ui_filter_head a.active {
465 color: #fff;
466 background-color: #777;
467 padding: 0.5ex;
468 border-radius: 5px;
469 }
471 /*************************************************************************
472 * ui.paginate
473 */
475 .ui_paginate_head {
476 display: none;
477 margin-bottom: 1ex;
478 }
480 .ui_paginate_foot {
481 margin-top: 1ex;
482 }
484 .ui_paginate_select a {
485 padding: 0.5em;
486 }
488 /*************************************************************************
489 * ui.bargraph
490 */
492 .bargraph {
493 width: 103px;
494 }
496 .bargraph50 {
497 width: 52px;
498 }
500 .bargraph div {
501 float: left;
502 margin-top: 0.5ex;
503 height: 1.3ex;
504 }
506 .bargraph .quorum {
507 margin-top: 0.2ex;
508 height: 1.9ex;
509 }
511 /*************************************************************************
512 * notifications
513 */
515 div.notifications {
516 margin-top: 1ex;
517 background-color: #fdd;
518 padding: 0.5ex;
519 border: 1px solid #daa;
520 }
522 .notifications ul {
523 margin: 0;
524 padding: 0;
525 margin-left: 2em;
526 }
528 .notifications li {
529 margin: 0;
530 padding: 0;
531 margin-top: 0.5ex;
532 }
534 /*************************************************************************
535 * vertical ui.form
536 */
538 .vertical {
539 margin-top: 2ex;
540 }
542 .login input[type=text],
543 .vertical input[type=text],
544 .login input[type=password],
545 .vertical input[type=password],
546 .vertical textarea,
547 .vertical select {
548 font-family: sans-serif;
549 font-size: 100%;
550 width: 69%;
551 border: 1px solid #444;
552 padding: 0.2ex 0.2em 0.2ex 0.2em;
553 margin-bottom: 1ex;
554 }
558 .login input[type=password],
559 .vertical input[type=password] {
560 width: 16em;
561 }
563 .vertical select {
564 padding-right: 0;
565 }
567 .login .ui_field_label,
568 .vertical .ui_field_label {
569 text-transform: uppercase;
570 font-size: 70%;
571 line-height: 120%;
572 font-weight: bold;
573 color: #777;
574 width: 29%;
575 display: block;
576 float: left;
577 clear: left;
578 text-align: right;
579 padding-right: 0.5em;
580 }
582 .ui_field_label.label_right {
583 text-align: left;
584 width: auto;
585 }
587 .login input[type=text],
588 .login input[type=password] {
589 width: 10em;
590 }
592 .login div,
593 .vertical div {
594 clear: left;
595 }
597 .vertical span {
598 display: block;
599 margin-bottom: 0.5ex;
600 }
602 .vertical span:after {
603 content: " ";
604 }
606 .vertical span span {
607 display: inline;
608 margin-bottom: 0;
609 }
611 .login input[type=submit],
612 .vertical input[type=submit] {
613 font-size: 100%;
614 margin-left: 29%;
615 background-color: #444444;
616 color: #fff;
617 border: none;
618 padding: 0.75ex;
619 }
621 .login input[type=submit]:hover,
622 .vertical input[type=submit]:hover {
623 background-color: #444444;
624 }
626 @media screen and (max-width: 480px) {
627 .login input[type=text],
628 .vertical input[type=text],
629 .login input[type=password],
630 .vertical input[type=password],
631 .vertical textarea,
632 .vertical select,
633 .vertical input[type=submit],
634 .login input[type=submit] {
635 width: 98%;
636 }
637 .login .ui_field_label,
638 .vertical .ui_field_label {
639 text-align: left;
640 width: 98%;
641 }
642 .login input[type=text],
643 .login input[type=password] {
644 width: 98%;
645 }
646 .login input[type=submit],
647 .vertical input[type=submit] {
648 margin-left: 0;
649 }
650 }
653 /*************************************************************************
654 * Positive / Negtive votes
655 */
658 .positive_votes span {
659 display: inline;
660 }
662 .positive_votes {
663 display: inline;
664 background-color: #cfc;
665 padding: 0.3ex 0.5em 0.3ex 0.5em;
666 }
668 .negative_votes span {
669 display: inline;
670 }
672 .negative_votes {
673 display: inline;
674 background-color: #fcc;
675 padding: 0.3ex 0.5em 0.3ex 0.5em;
676 }
678 .suggestion_my_opinion a,
679 .suggestion_my_opinion span {
680 white-space: nowrap;
681 padding-left: 0.2ex !important;
682 padding-right: 0.2ex !important;
683 }
685 .active {
686 background-color: #444;
687 color: #fff;
688 }
690 .active_red2 { background-color: #a00; color: #fff !important; }
691 .active_red1 { background-color: #f88; color: #000 !important; }
692 .active_green1 { background-color: #8f8; color: #000 !important; }
693 .active_green2 { background-color: #0a0; color: #000 !important; }
697 /*************************************************************************
698 * Unit list
699 */
701 .unit_list a {
702 font-weight: bold;
703 }
705 /*************************************************************************
706 * Area list
707 */
709 .member_area_list {
710 margin-bottom: 0ex;
711 border-radius: 8px;
712 border: 1px solid #aaa;
713 padding: 1ex;
714 margin-bottom: 2ex;
715 }
717 .member_area_list .unit_head {
718 font-size: 120%;
719 font-weight: bold;
720 float: left;
721 clear: both;
722 }
724 .member_area_list .unit_delegatee {
725 float: left;
726 }
728 .member_area_list .voting_priv_info {
729 clear: left;
730 margin-top: 4ex;
731 }
733 .member_area_list .more_areas {
734 font-style: italic;
735 }
737 .area_list {
738 margin-bottom: 4ex;
739 }
741 .member_area_list .area_list {
742 margin-bottom: 0;
743 }
745 .area_list .area {
746 line-height: 32px;
747 clear: both;
748 }
750 .area_list .bargraph {
751 line-height: 10px;
752 }
754 .area_list .area .delegatee {
755 white-space: nowrap;
756 }
758 .area_list .area.head .phases {
759 xmargin-top: 2ex;
760 }
762 .area_list .area img {
763 vertical-align: middle;
764 }
766 .area_list .area .bar {
767 float: left;
768 padding-top: 6px
769 }
771 .area_list .area .membership,
772 .area_list .area .delegatee {
773 display: inline;
774 width: 24px
775 }
777 .area_list .area .name {
778 display: inline;
779 font-weight: bold;
780 }
782 .area_list .area .phases {
783 float: right;
784 }
786 .area_list .area .phases div {
787 float: left;
788 width: 3em;
789 text-align: right;
790 }
792 @media screen and (max-width: 480px) {
793 .area_list .area .name {
794 display: block;
795 line-height: 100%;
796 }
798 .area_list .area .delegatee,
799 .area_list .area .membership {
800 float: left;
801 white-space: nowrap;
802 }
803 .area_list .area .bar {
804 display: none;
805 }
806 }
808 /*************************************************************************
809 * Events
810 */
812 .events .date {
813 font-size: 150%;
814 font-weight: bold;
815 margin-top: 2ex;
816 line-height: 150%;
817 }
819 .event_list .event div {
820 }
822 .event_list .event .member_id {
823 float: right;
824 }
827 /*************************************************************************
828 * Issues
829 */
831 .issues {
832 clear: left;
833 margin-top: 2ex;
834 }
836 .issues .issue {
837 overflow: hidden;
838 border: 1px solid #ddd;
839 border-radius: 8px;
840 margin-bottom: 2ex;
841 }
843 .issue.interested,
844 .issue.interest_by_delegation {
845 border: 1px solid #b2cdff;
846 }
848 .issue .issue_info {
849 padding: 1ex 1ex 0.3ex 1ex;
850 line-height: 140%;
851 margin-bottom: 1ex;
852 }
854 .event_list .event .issue_id,
855 .issue .issue_info .issue_id {
856 font-size: 125%;
857 }
859 .issue .suggestion {
860 margin-left: 1ex;
861 margin-bottom: 1ex;
862 font-weight: bold;
863 }
865 .issue_policy_info {
866 font-style: italic;
867 }
869 .issue_policy_info .event_name {
870 font-weight: bold;
871 }
873 .issue_policy_info img {
874 vertical-align: middle;
875 }
877 .issue .interest_by_delegation {
878 float: right;
879 }
881 .issue .initiative_list a.highlighted {
882 font-weight: bold;
883 }
885 .initiative {
886 margin-left: 1ex;
887 margin-bottom: 1ex;
888 line-height: 50%;
889 }
891 .initiative .bar {
892 margin-right: 0.3em;
893 }
895 .initiative .rank,
896 .initiative .bar,
897 .initiative .interest {
898 float: left;
899 margin-right: 0.3em;
900 }
902 .initiative .rank {
903 width: 2.5em;
904 }
907 .initiative .interest {
908 width: 20px;
909 height: 16px;
910 line-height: 100%;
911 }
913 .initiative .name {
914 line-height: 130%;
915 margin-left: 160px;
916 }
918 @media screen and (max-width: 480px) {
919 .initiative .name {
920 clear: left;
921 margin-left: 0px;
922 }
923 }
926 .issue_initiative_list a {
927 font-weight: bold;
928 }
930 .more_initiatives_link {
931 display: block;
932 margin-left: 166px;
933 font-style: italic;
934 margin-bottom: 1ex;
935 }
937 .issue tr tr {
938 border: none;
939 background: none;
940 }
942 .initiative_link.selected {
943 font-weight: bold;
944 }
946 x.initiative_link.supported {
947 background-color: #cdf;
948 border-radius: 5px;
949 }
951 x.initiative_link.potentially_supported {
952 background-color: #cdf;
953 border-radius: 5px;
954 }
956 .lang_chooser {
957 float: right;
958 margin-right: 0.5em;
959 }
961 .delegation_list_entry {
962 margin-right: 2em;
963 margin-bottom: 2ex;
964 float: left;
965 clear: left;
966 }
968 .delegation_list_entry .delegation_arrow {
969 float: left;
970 }
972 .delegation_list_entry .delegation_scope {
973 float: left;
974 width: 25em;
975 }
977 .delegation_list_entry .delegation_scope a {
978 display: block;
979 }
981 .member_list .member_thumb {
982 float: left;
983 margin-right: 1em;
984 margin-bottom: 2ex;
985 }
987 .member_thumb {
988 text-decoration: none;
989 width: 14.5em;
990 height: 48px;
991 display: block;
992 float: left;
993 background-color: #f2f2f2;
994 overflow: hidden;
995 position: relative;
996 border-radius: 7px;
997 padding: 2px;
998 }
1000 .member_thumb a:hover div {
1001 background-color: #444;
1002 color: #fff;
1003 }
1005 .member_thumb img {
1006 padding: 0;
1007 margin: 0;
1008 vertical-align: bottom;
1009 border-radius: 7px;
1010 }
1012 .member_thumb .member_name {
1013 position: absolute;
1014 left: 56px;
1015 top: 2ex;
1016 font-size: 100%;
1017 width: 14em;
1018 }
1020 .member_thumb .flags {
1021 float: right;
1022 font-size: 75%;
1023 }
1025 .member_thumb .flags a,
1026 .member_thumb .flags img {
1027 position: static;
1028 float: right;
1029 margin-left: 0.5em;
1030 }
1032 .member_thumb .flags .in_delegation_chain {
1033 font-weight: bold;
1034 }
1036 .member .right {
1037 float: right;
1038 }
1040 .member_thumb.not_accepted,
1041 .member_thumb.not_informed {
1042 background: #fff;
1043 }
1045 .member_thumb.not_accepted .member_image,
1046 .member_thumb.not_accepted .member_name,
1047 .member_thumb.not_informed .member_image,
1048 .member_thumb.not_informed .member_name {
1049 opacity: 0.4;
1050 }
1052 .member_thumb {
1053 border: 2px solid #fff;
1054 }
1056 .member_thumb.in_delegation_chain {
1057 border: 2px solid #fa0;
1058 }
1060 .member_statement,
1061 .draft_content,
1062 .suggestion_content {
1063 background-color: #f2f2f2;
1064 padding: 1ex;
1065 border-radius: 8px;
1066 }
1068 .member_statement {
1069 margin-right: 250px;
1070 }
1072 #suggestion_description {
1073 height: 15ex;
1074 }
1076 .diff {
1077 background-color: #f2f2f2;
1078 border: 1px solid #ccc;
1079 padding: 1ex;
1080 }
1082 .diff_added {
1083 background-color: #cfc;
1084 text-decoration: underline;
1085 }
1087 .diff_removed {
1088 background-color: #fcc;
1089 text-decoration: line-through;
1090 }
1092 .slot_issue_info {
1093 background-color: #f2f2f2;
1094 border: 1px solid #ccc;
1095 float: right;
1096 padding: 0.5ex;
1097 line-height: 130%;
1098 margin-right: 1em;
1099 }
1101 .issue_info label {
1102 float: left;
1103 width: 8em;
1104 text-transform: uppercase;
1105 font-size: 70%;
1106 color: #777;
1107 font-weight: bold;
1108 clear: left;
1109 text-align: right;
1110 margin-right: 0.7em;
1111 }
1113 .admitted_info {
1114 background-color: #dfd;
1115 padding: 1ex;
1116 border-radius: 8px;
1117 }
1119 .not_admitted_info,
1120 .revoked_info {
1121 background-color: #fdd;
1122 padding: 1ex;
1123 border-radius: 8px;
1124 }
1126 .draft_updated_info,
1127 .voting_active_info,
1128 .initiator_invite_info,
1129 .motd,
1130 .public_access_issue_head {
1131 background-color: #fffbce;
1132 padding: 1ex;
1133 margin-top: 1ex;
1134 margin-bottom: 2ex;
1135 border-top: 1px solid #ffe900;
1136 border-bottom: 1px solid #ffe900;
1137 }
1139 .suggestion_fulfilled {
1140 width: 15em;
1141 }
1142 .suggestion_fulfilled a.action {
1143 padding-left: 0;
1144 line-height: 120%;
1145 }
1147 .help,
1148 .use_terms {
1149 border-radius: 8px;
1150 border: 1px solid #ffe900;
1151 background-color: #fffbce;
1152 color: #000;
1153 padding: 1ex;
1154 }
1156 .help_visible {
1157 margin-top: 2ex;
1158 margin-bottom: 1ex;
1159 }
1161 .help_visible .help_icon {
1162 float: right;
1163 }
1165 .slot_help_hidden {
1166 float: right;
1167 margin-top: 1ex;
1168 }
1170 .help_actions {
1171 font-size: 75%;
1172 float: right;
1173 }
1175 .help_actions a {
1176 margin-right: 1em;
1177 color: #468;
1178 }
1180 .wiki {
1181 line-height: 133%;
1182 }
1184 .wiki h1,
1185 .wiki h2,
1186 .wiki h3,
1187 .wiki h4 {
1188 margin-top: 1ex;
1189 margin-bottom: 1ex;
1190 }
1192 .wiki h1 {
1193 font-size: 150%;
1194 font-weight: bold;
1195 }
1197 .wiki h2 {
1198 font-size: 125%;
1199 font-weight: bold;
1200 }
1202 .wiki h3 {
1203 font-size: 125%;
1204 }
1206 .wiki h4 {
1207 font-size: 100%;
1208 font-weight: bold;
1209 }
1211 .wiki p {
1212 margin-top: 1ex;
1213 margin-bottom: 1ex;
1214 }
1216 form .warning {
1217 background-color: #ffd;
1218 color: #000;
1219 border: 1px solid #dda;
1220 margin: 1ex;
1221 margin-bottom: 2ex;
1222 padding: 1ex;
1223 }
1225 a.not_voted {
1226 display: block;
1227 background-color: #fec;
1228 color: #000;
1229 }
1231 .action_active {
1232 background-color: #fec;
1233 }
1235 .heading {
1236 display: block;
1237 font-size: 120%;
1238 font-weight: bold;
1239 }
1241 .heading.first {
1242 margin-top: 0;
1243 }
1245 .menu_list li {
1246 padding-top: 1ex;
1247 padding-bottom: 1ex;
1248 }
1250 .deactivated_member_info {
1251 background-color: #a00;
1252 color: #fff;
1253 }
1255 /*************************************************************************
1256 * Voting
1257 */
1259 #voting_form {
1260 margin-top: 20px;
1261 }
1263 #voting {
1264 position: relative;
1265 }
1267 #voting .approval, .abstention, .disapproval {
1268 border: 2px black solid;
1269 margin-top: 2ex;
1270 margin-bottom: 5ex;
1271 padding: 1ex;
1272 padding-bottom: 2ex;
1273 border-radius: 8px;
1274 }
1275 #voting .approval {
1276 background-color: #9f9;
1277 }
1278 #voting .approval .movable {
1279 background-color: #dfd;
1280 }
1281 #voting .abstention {
1282 background-color: #ccc;
1283 }
1284 #voting .abstention .movable {
1285 background-color: #f2f2f2;
1286 }
1287 #voting .disapproval {
1288 background-color: #f88;
1289 }
1290 #voting .disapproval .movable {
1291 background-color: #fbb;
1292 }
1293 #voting .cathead {
1294 font-weight: bold;
1295 }
1296 #voting .movable {
1297 position: relative;
1298 border: 1px black solid;
1299 margin-top: 1ex;
1300 padding: 0.5ex;
1301 border-radius: 8px;
1302 }
1303 #voting .voting_form_active .movable {
1304 cursor: pointer;
1305 }
1306 #voting .voting_form_active .clickable {
1307 cursor: auto;
1308 }
1309 #voting .voting_form_active a.clickable {
1310 cursor: pointer;
1311 }
1313 #voting .movable {
1314 vertical-align: middle;
1315 cursor: move;
1316 }
1318 /*************************************************************************
1319 * timeline
1320 */
1321 div.ignore_area_list {
1322 float: left;
1323 width: 90%;
1324 margin: 0 0 1em 0;
1325 }
1327 div.ignore_area_list >
1328 label.ui_field_label {
1329 text-align: left ;
1330 width: 100%;
1331 border-bottom:1px solid #000000;
1332 color: #000000;
1333 font-size:75%;
1334 font-weight:bold;
1335 vertical-align:bottom;
1336 text-transform:none;
1337 padding:0.5ex 0.5em
1338 }
1340 div.ignore_area_item {
1341 clear: none;
1342 float: left;
1343 min-width: 10em;
1344 margin: 0.1ex 0.5em;
1345 margin-right: 0.5em;
1346 }
1348 div.ignore_area_item > input {
1349 float: none;
1350 clear: none;
1351 display: inline;
1352 }
1354 div.ignore_area_item >
1355 label.ui_field_label {
1356 float: none;
1357 clear: none;
1358 text-align: left;
1359 display: inline;
1360 }
1362 div.timeline_results {
1363 clear: both;
1364 }
1366 /* shadows */
1368 .initiative_head,
1369 .box,
1370 div.notifications {
1371 border-radius: 8px;
1372 }
1374 .initiative_head,
1375 .box {
1376 border: 1px solid #aaa;
1377 }
1379 .box {
1380 padding: 1ex;
1381 }
1383 .member_area_list .box {
1384 border: none;
1385 padding: 0;
1386 }
1388 .slot_head,
1389 .initiative_head,
1390 .issues .issue,
1391 .ui_tabs_links a,
1392 .draft_content,
1393 .help,
1394 .use_terms,
1395 .motd,
1396 .ui_filter a.active,
1397 .vote_info .content,
1398 .member_area_list,
1399 .box,
1400 div.notifications {
1401 box-shadow: #777 0px 5px 5px -5px;
1402 -mox-box-shadow: #777 0px 5px 5px -5px;
1403 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1404 clear: both;
1405 }
1407 .member_area_list .box {
1408 box-shadow: none;
1409 -mox-box-shadow: none;
1410 -webkit-box-shadow: none;
1411 }
1413 .slot_footer {
1414 margin: 0 1%;
1415 border-top: 1px solid #ccc;
1416 padding: 1ex;
1417 font-size: 80%;
1418 text-align: center;
1419 }
1420 .slot_footer,
1421 .slot_footer a {
1422 color: #666;
1423 }
1425 .footer {
1426 margin: 0 auto;
1427 max-width: 1130px;
1428 }