liquid_feedback_frontend
view static/style.css @ 577:fd41ff8d9563
Fixed display of turned off delegations in delegation form
| author | bsw |
|---|---|
| date | Wed Jun 20 00:24:36 2012 +0200 (2012-06-20) |
| parents | bf744a72c406 |
| children | 95f214d91956 |
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-top: 0.5ex;
279 margin-bottom: 1ex;
280 }
282 .slot_head {
283 background-color: #fff;
284 margin: 0px 10px 2ex 10px;
285 border: 1px solid #aaa;
286 border-radius: 0 0 8px 8px;
287 }
289 .page_head .title,
290 .issue .context,
291 .issue .title,
292 .initiative_head .title {
293 padding: 8px 10px 2px 10px;
294 }
296 .page_head .unit_head .content,
297 .page_head .area_head .content,
298 .issue .content,
299 .initiative_head .content {
300 padding: 2px 10px 8px 10px;
301 }
303 .page_head .initiative_list,
304 .issue .initiative_list {
305 padding-left: 8px;
306 }
308 .issue .content.actions {
309 margin-bottom: 1ex;
310 }
314 .page_head .title,
315 .issue .title,
316 .initiative_head .title {
317 font-weight: bold;
318 font-size: 120%;
319 }
321 .page_head .unit_head .title .extra,
322 .page_head .area_head .title .extra,
323 .issue .title .extra {
324 margin-left: 0.7em;
325 font-size: 75%;
326 }
328 .page_head .unit_head .content,
329 .page_head .area_head .content,
330 .page_head .area_head .content a,
331 .page_head .issue .content.actions,
332 .page_head .issue .content.actions a,
333 .issues .issue .content.actions,
334 .issues .issue .content.actions a {
335 color: #777;
336 }
338 .page_head .unit_head .title,
339 .page_head .area_head .title,
340 .issue .title {
341 background-color: #eee;
342 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
343 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
344 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
345 background-image: -webkit-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
346 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
347 }
349 .page_head .area_head .title,
350 .page_head .issue .title {
351 border-top: 1px solid #ddd;
352 }
355 .delegation_info {
356 float: right;
357 text-decoration: none;
358 padding: 5px;
359 border-radius: 0px 5px 0px 5px;
360 }
362 .delegation_arrow {
363 vertical-align: middle;
364 }
366 .delegation_info .link {
367 text-decoration: underline;
368 color: #aaa;
369 }
371 .delegation_info:hover {
372 background-color: #ddd;
373 }
375 .delegation_info .micro_avatar {
376 border: 2px solid #fff;
377 }
379 .delegation_info .micro_avatar.highlighted {
380 border: 2px solid #fa0;
381 }
384 .member_list .member_image_avatar {
385 float: left;
386 margin-right: 0.5em;
387 }
389 .micro_avatar {
390 height: 24px;
391 border-radius: 4px;
392 vertical-align: middle;
393 }
395 .logo {
396 float: right;
397 margin-right: 1%;
398 }
401 .member_image_photo {
402 border-radius: 8px;
403 }
405 /*************************************************************************
406 * Main content
407 */
409 .main {
410 margin-left: 1%;
411 margin-right: 1%;
412 }
414 /*************************************************************************
415 * ui.tab
416 */
417 .ui_tabs {
418 margin: 10px 0px;
419 }
421 .ui_tabs_links a {
422 padding: 0.75ex 0.6em;
423 line-height: 225%;
424 background-color: #f7f7f7;
425 white-space: nowrap;
426 border-radius: 5px;
427 margin-right: 5px;
428 font-weight: bold;
429 }
431 .ui_tabs_links a:hover,
432 .ui_tabs_links a.selected {
433 background-color: #444;
434 color: #fff;
435 text-decoration: none;
436 }
439 /*************************************************************************
440 * ui.filters
441 */
443 .ui_filter {
444 overflow: auto;
445 }
447 .ui_filter_head {
448 color: #777;
449 margin-top: 1ex;
450 font-size: 90%;
451 font-weight: bold;
452 float: left;
453 line-height: 200%;
454 margin-right: 2em;
455 }
457 .ui_filter_head a {
458 color: #777;
459 padding: 0.5ex;
460 }
462 .ui_filter_head a:hover,
463 .ui_filter_head a.active {
464 color: #fff;
465 background-color: #777;
466 padding: 0.5ex;
467 border-radius: 5px;
468 }
470 /*************************************************************************
471 * ui.paginate
472 */
474 .ui_paginate_head {
475 display: none;
476 margin-bottom: 1ex;
477 }
479 .ui_paginate_foot {
480 margin-top: 1ex;
481 }
483 .ui_paginate_select a {
484 padding: 0.5em;
485 }
487 /*************************************************************************
488 * ui.bargraph
489 */
491 .bargraph {
492 width: 103px;
493 }
495 .bargraph50 {
496 width: 52px;
497 }
499 .bargraph div {
500 float: left;
501 margin-top: 0.5ex;
502 height: 1.3ex;
503 }
505 .bargraph .quorum {
506 margin-top: 0.2ex;
507 height: 1.9ex;
508 }
510 /*************************************************************************
511 * notifications
512 */
514 div.notifications {
515 margin-top: 1ex;
516 background-color: #fdd;
517 padding: 0.5ex;
518 border: 1px solid #daa;
519 }
521 .notifications ul {
522 margin: 0;
523 padding: 0;
524 margin-left: 2em;
525 }
527 .notifications li {
528 margin: 0;
529 padding: 0;
530 margin-top: 0.5ex;
531 }
533 /*************************************************************************
534 * vertical ui.form
535 */
537 .vertical {
538 margin-top: 2ex;
539 }
541 .login input[type=text],
542 .vertical input[type=text],
543 .login input[type=password],
544 .vertical input[type=password],
545 .vertical textarea,
546 .vertical select {
547 font-family: sans-serif;
548 font-size: 100%;
549 width: 69%;
550 border: 1px solid #444;
551 padding: 0.2ex 0.2em 0.2ex 0.2em;
552 margin-bottom: 1ex;
553 }
557 .login input[type=password],
558 .vertical input[type=password] {
559 width: 16em;
560 }
562 .vertical select {
563 padding-right: 0;
564 }
566 .login .ui_field_label,
567 .vertical .ui_field_label {
568 text-transform: uppercase;
569 font-size: 70%;
570 line-height: 120%;
571 font-weight: bold;
572 color: #777;
573 width: 29%;
574 display: block;
575 float: left;
576 clear: left;
577 text-align: right;
578 padding-right: 0.5em;
579 }
581 .ui_field_label.label_right {
582 text-align: left;
583 width: auto;
584 }
586 .login input[type=text],
587 .login input[type=password] {
588 width: 10em;
589 }
591 .login div,
592 .vertical div {
593 clear: left;
594 }
596 .vertical span {
597 display: block;
598 margin-bottom: 0.5ex;
599 }
601 .vertical span:after {
602 content: " ";
603 }
605 .vertical span span {
606 display: inline;
607 margin-bottom: 0;
608 }
610 .login input[type=submit],
611 .vertical input[type=submit] {
612 font-size: 100%;
613 margin-left: 29%;
614 background-color: #444444;
615 color: #fff;
616 border: none;
617 padding: 0.75ex;
618 }
620 .login input[type=submit]:hover,
621 .vertical input[type=submit]:hover {
622 background-color: #444444;
623 }
625 @media screen and (max-width: 480px) {
626 .login input[type=text],
627 .vertical input[type=text],
628 .login input[type=password],
629 .vertical input[type=password],
630 .vertical textarea,
631 .vertical select,
632 .vertical input[type=submit],
633 .login input[type=submit] {
634 width: 98%;
635 }
636 .login .ui_field_label,
637 .vertical .ui_field_label {
638 text-align: left;
639 width: 98%;
640 }
641 .login input[type=text],
642 .login input[type=password] {
643 width: 98%;
644 }
645 .login input[type=submit],
646 .vertical input[type=submit] {
647 margin-left: 0;
648 }
649 }
652 /*************************************************************************
653 * Positive / Negtive votes
654 */
657 .positive_votes span {
658 display: inline;
659 }
661 .positive_votes {
662 display: inline;
663 background-color: #cfc;
664 padding: 0.3ex 0.5em 0.3ex 0.5em;
665 }
667 .negative_votes span {
668 display: inline;
669 }
671 .negative_votes {
672 display: inline;
673 background-color: #fcc;
674 padding: 0.3ex 0.5em 0.3ex 0.5em;
675 }
677 .suggestion_my_opinion a,
678 .suggestion_my_opinion span {
679 white-space: nowrap;
680 padding-left: 0.2ex !important;
681 padding-right: 0.2ex !important;
682 }
684 .active {
685 background-color: #444;
686 color: #fff;
687 }
689 .active_red2 { background-color: #a00; color: #fff !important; }
690 .active_red1 { background-color: #f88; color: #000 !important; }
691 .active_green1 { background-color: #8f8; color: #000 !important; }
692 .active_green2 { background-color: #0a0; color: #000 !important; }
696 /*************************************************************************
697 * Unit list
698 */
700 .unit_list a {
701 font-weight: bold;
702 }
704 /*************************************************************************
705 * Area list
706 */
708 .member_area_list {
709 margin-bottom: 0ex;
710 border-radius: 8px;
711 border: 1px solid #aaa;
712 padding: 1ex;
713 margin-bottom: 2ex;
714 }
716 .member_area_list .unit_head {
717 font-size: 120%;
718 font-weight: bold;
719 float: left;
720 clear: both;
721 }
723 .member_area_list .unit_delegatee {
724 float: left;
725 }
727 .member_area_list .voting_priv_info {
728 clear: left;
729 margin-top: 4ex;
730 }
732 .member_area_list .more_areas {
733 font-style: italic;
734 }
736 .area_list {
737 margin-bottom: 4ex;
738 }
740 .member_area_list .area_list {
741 margin-bottom: 0;
742 }
744 .area_list .area {
745 line-height: 32px;
746 clear: both;
747 }
749 .area_list .bargraph {
750 line-height: 10px;
751 }
753 .area_list .area .delegatee {
754 white-space: nowrap;
755 }
757 .area_list .area.head .phases {
758 xmargin-top: 2ex;
759 }
761 .area_list .area img {
762 vertical-align: middle;
763 }
765 .area_list .area .bar {
766 float: left;
767 padding-top: 6px
768 }
770 .area_list .area .membership,
771 .area_list .area .delegatee {
772 display: inline;
773 width: 24px
774 }
776 .area_list .area .name {
777 display: inline;
778 font-weight: bold;
779 }
781 .area_list .area .phases {
782 float: right;
783 }
785 .area_list .area .phases div {
786 float: left;
787 width: 3em;
788 text-align: right;
789 }
791 @media screen and (max-width: 480px) {
792 .area_list .area .name {
793 display: block;
794 line-height: 100%;
795 }
797 .area_list .area .delegatee,
798 .area_list .area .membership {
799 float: left;
800 white-space: nowrap;
801 }
802 .area_list .area .bar {
803 display: none;
804 }
805 }
807 /*************************************************************************
808 * Events
809 */
811 .events .date {
812 font-size: 150%;
813 font-weight: bold;
814 margin-top: 2ex;
815 line-height: 150%;
816 }
818 .event_list .event div {
819 }
821 .event_list .event .member_id {
822 float: right;
823 }
826 /*************************************************************************
827 * Issues
828 */
830 .issues {
831 clear: left;
832 margin-top: 2ex;
833 }
835 .issues .issue {
836 overflow: hidden;
837 border: 1px solid #ddd;
838 border-radius: 8px;
839 margin-bottom: 2ex;
840 }
842 .issue.interested,
843 .issue.interest_by_delegation {
844 border: 1px solid #b2cdff;
845 }
847 .issue .issue_info {
848 padding: 1ex 1ex 0.3ex 1ex;
849 line-height: 140%;
850 margin-bottom: 1ex;
851 }
853 .event_list .event .issue_id,
854 .issue .issue_info .issue_id {
855 font-size: 125%;
856 }
858 .issue .suggestion {
859 margin-left: 1ex;
860 margin-bottom: 1ex;
861 font-weight: bold;
862 }
864 .issue_policy_info {
865 font-style: italic;
866 }
868 .issue_policy_info .event_name {
869 font-weight: bold;
870 }
872 .issue_policy_info img {
873 vertical-align: middle;
874 }
876 .issue .interest_by_delegation {
877 float: right;
878 }
880 .issue .initiative_list a.highlighted {
881 font-weight: bold;
882 }
884 .initiative {
885 margin-left: 1ex;
886 margin-bottom: 1ex;
887 line-height: 50%;
888 }
890 .initiative .bar {
891 margin-right: 0.3em;
892 }
894 .initiative .rank,
895 .initiative .bar,
896 .initiative .interest {
897 float: left;
898 margin-right: 0.3em;
899 }
901 .initiative .rank {
902 width: 2.5em;
903 }
906 .initiative .interest {
907 width: 20px;
908 height: 16px;
909 line-height: 100%;
910 }
912 .initiative .name {
913 line-height: 130%;
914 margin-left: 160px;
915 }
917 @media screen and (max-width: 480px) {
918 .initiative .name {
919 clear: left;
920 margin-left: 0px;
921 }
922 }
925 .issue_initiative_list a {
926 font-weight: bold;
927 }
929 .more_initiatives_link {
930 display: block;
931 margin-left: 166px;
932 font-style: italic;
933 margin-bottom: 1ex;
934 }
936 .issue tr tr {
937 border: none;
938 background: none;
939 }
941 .initiative_link.selected {
942 font-weight: bold;
943 }
945 x.initiative_link.supported {
946 background-color: #cdf;
947 border-radius: 5px;
948 }
950 x.initiative_link.potentially_supported {
951 background-color: #cdf;
952 border-radius: 5px;
953 }
955 .lang_chooser {
956 float: right;
957 margin-right: 0.5em;
958 }
960 .delegation_list_entry {
961 margin-right: 2em;
962 margin-bottom: 2ex;
963 float: left;
964 clear: left;
965 }
967 .delegation_list_entry .delegation_arrow {
968 float: left;
969 }
971 .delegation_list_entry .delegation_scope {
972 float: left;
973 width: 25em;
974 }
976 .delegation_list_entry .delegation_scope a {
977 display: block;
978 }
980 .member_list .member_thumb {
981 float: left;
982 margin-right: 1em;
983 margin-bottom: 2ex;
984 }
986 .member_thumb {
987 text-decoration: none;
988 width: 14.5em;
989 height: 48px;
990 display: block;
991 float: left;
992 background-color: #f2f2f2;
993 overflow: hidden;
994 position: relative;
995 border-radius: 7px;
996 padding: 2px;
997 }
999 .member_thumb a:hover div {
1000 background-color: #444;
1001 color: #fff;
1002 }
1004 .member_thumb img {
1005 padding: 0;
1006 margin: 0;
1007 vertical-align: bottom;
1008 border-radius: 7px;
1009 }
1011 .member_thumb .member_name {
1012 position: absolute;
1013 left: 56px;
1014 top: 2ex;
1015 font-size: 100%;
1016 width: 14em;
1017 }
1019 .member_thumb .flags {
1020 float: right;
1021 font-size: 75%;
1022 }
1024 .member_thumb .flags a,
1025 .member_thumb .flags img {
1026 position: static;
1027 float: right;
1028 margin-left: 0.5em;
1029 }
1031 .member_thumb .flags .in_delegation_chain {
1032 font-weight: bold;
1033 }
1035 .member .right {
1036 float: right;
1037 }
1039 .member_thumb.not_accepted,
1040 .member_thumb.not_informed {
1041 background: #fff;
1042 }
1044 .member_thumb.not_accepted .member_image,
1045 .member_thumb.not_accepted .member_name,
1046 .member_thumb.not_informed .member_image,
1047 .member_thumb.not_informed .member_name {
1048 opacity: 0.4;
1049 }
1051 .member_thumb {
1052 border: 2px solid #fff;
1053 }
1055 .member_thumb.in_delegation_chain {
1056 border: 2px solid #fa0;
1057 }
1059 .member_statement,
1060 .draft_content,
1061 .suggestion_content {
1062 background-color: #f2f2f2;
1063 padding: 1ex;
1064 border-radius: 8px;
1065 }
1067 .member_statement {
1068 margin-right: 250px;
1069 }
1071 #suggestion_description {
1072 height: 15ex;
1073 }
1075 .diff {
1076 background-color: #f2f2f2;
1077 border: 1px solid #ccc;
1078 padding: 1ex;
1079 }
1081 .diff_added {
1082 background-color: #cfc;
1083 text-decoration: underline;
1084 }
1086 .diff_removed {
1087 background-color: #fcc;
1088 text-decoration: line-through;
1089 }
1091 .slot_issue_info {
1092 background-color: #f2f2f2;
1093 border: 1px solid #ccc;
1094 float: right;
1095 padding: 0.5ex;
1096 line-height: 130%;
1097 margin-right: 1em;
1098 }
1100 .issue_info label {
1101 float: left;
1102 width: 8em;
1103 text-transform: uppercase;
1104 font-size: 70%;
1105 color: #777;
1106 font-weight: bold;
1107 clear: left;
1108 text-align: right;
1109 margin-right: 0.7em;
1110 }
1112 .admitted_info {
1113 background-color: #dfd;
1114 padding: 1ex;
1115 border-radius: 8px;
1116 }
1118 .not_admitted_info,
1119 .revoked_info {
1120 background-color: #fdd;
1121 padding: 1ex;
1122 border-radius: 8px;
1123 }
1125 .draft_updated_info,
1126 .voting_active_info,
1127 .initiator_invite_info,
1128 .motd,
1129 .public_access_issue_head {
1130 background-color: #fffbce;
1131 padding: 1ex;
1132 margin-top: 1ex;
1133 margin-bottom: 2ex;
1134 border-top: 1px solid #ffe900;
1135 border-bottom: 1px solid #ffe900;
1136 }
1138 .suggestion_fulfilled {
1139 width: 15em;
1140 }
1141 .suggestion_fulfilled a.action {
1142 padding-left: 0;
1143 line-height: 120%;
1144 }
1146 .help,
1147 .use_terms {
1148 border-radius: 8px;
1149 border: 1px solid #ffe900;
1150 background-color: #fffbce;
1151 color: #000;
1152 padding: 1ex;
1153 }
1155 .help_visible {
1156 margin-top: 2ex;
1157 margin-bottom: 1ex;
1158 }
1160 .help_visible .help_icon {
1161 float: right;
1162 }
1164 .slot_help_hidden {
1165 float: right;
1166 margin-top: 1ex;
1167 }
1169 .help_actions {
1170 font-size: 75%;
1171 float: right;
1172 }
1174 .help_actions a {
1175 margin-right: 1em;
1176 color: #468;
1177 }
1179 .wiki {
1180 line-height: 133%;
1181 }
1183 .wiki h1,
1184 .wiki h2,
1185 .wiki h3,
1186 .wiki h4 {
1187 margin-top: 1ex;
1188 margin-bottom: 1ex;
1189 }
1191 .wiki h1 {
1192 font-size: 150%;
1193 font-weight: bold;
1194 }
1196 .wiki h2 {
1197 font-size: 125%;
1198 font-weight: bold;
1199 }
1201 .wiki h3 {
1202 font-size: 125%;
1203 }
1205 .wiki h4 {
1206 font-size: 100%;
1207 font-weight: bold;
1208 }
1210 .wiki p {
1211 margin-top: 1ex;
1212 margin-bottom: 1ex;
1213 }
1215 form .warning {
1216 background-color: #ffd;
1217 color: #000;
1218 border: 1px solid #dda;
1219 margin: 1ex;
1220 margin-bottom: 2ex;
1221 padding: 1ex;
1222 }
1224 a.not_voted {
1225 display: block;
1226 background-color: #fec;
1227 color: #000;
1228 }
1230 .action_active {
1231 background-color: #fec;
1232 }
1234 .heading {
1235 display: block;
1236 font-size: 120%;
1237 font-weight: bold;
1238 }
1240 .heading.first {
1241 margin-top: 0;
1242 }
1244 .menu_list li {
1245 padding-top: 1ex;
1246 padding-bottom: 1ex;
1247 }
1249 .deactivated_member_info {
1250 background-color: #a00;
1251 color: #fff;
1252 }
1254 /*************************************************************************
1255 * Voting
1256 */
1258 #voting_form {
1259 margin-top: 20px;
1260 }
1262 #voting {
1263 position: relative;
1264 }
1266 #voting .approval, .abstention, .disapproval {
1267 border: 2px black solid;
1268 margin-top: 2ex;
1269 margin-bottom: 5ex;
1270 padding: 1ex;
1271 padding-bottom: 2ex;
1272 border-radius: 8px;
1273 }
1274 #voting .approval {
1275 background-color: #9f9;
1276 }
1277 #voting .approval .movable {
1278 background-color: #dfd;
1279 }
1280 #voting .abstention {
1281 background-color: #ccc;
1282 }
1283 #voting .abstention .movable {
1284 background-color: #f2f2f2;
1285 }
1286 #voting .disapproval {
1287 background-color: #f88;
1288 }
1289 #voting .disapproval .movable {
1290 background-color: #fbb;
1291 }
1292 #voting .cathead {
1293 font-weight: bold;
1294 }
1295 #voting .movable {
1296 position: relative;
1297 border: 1px black solid;
1298 margin-top: 1ex;
1299 padding: 0.5ex;
1300 border-radius: 8px;
1301 }
1302 #voting .voting_form_active .movable {
1303 cursor: pointer;
1304 }
1305 #voting .voting_form_active .clickable {
1306 cursor: auto;
1307 }
1308 #voting .voting_form_active a.clickable {
1309 cursor: pointer;
1310 }
1312 #voting .movable {
1313 vertical-align: middle;
1314 cursor: move;
1315 }
1317 /*************************************************************************
1318 * timeline
1319 */
1320 div.ignore_area_list {
1321 float: left;
1322 width: 90%;
1323 margin: 0 0 1em 0;
1324 }
1326 div.ignore_area_list >
1327 label.ui_field_label {
1328 text-align: left ;
1329 width: 100%;
1330 border-bottom:1px solid #000000;
1331 color: #000000;
1332 font-size:75%;
1333 font-weight:bold;
1334 vertical-align:bottom;
1335 text-transform:none;
1336 padding:0.5ex 0.5em
1337 }
1339 div.ignore_area_item {
1340 clear: none;
1341 float: left;
1342 min-width: 10em;
1343 margin: 0.1ex 0.5em;
1344 margin-right: 0.5em;
1345 }
1347 div.ignore_area_item > input {
1348 float: none;
1349 clear: none;
1350 display: inline;
1351 }
1353 div.ignore_area_item >
1354 label.ui_field_label {
1355 float: none;
1356 clear: none;
1357 text-align: left;
1358 display: inline;
1359 }
1361 div.timeline_results {
1362 clear: both;
1363 }
1365 /* shadows */
1367 .initiative_head,
1368 .box,
1369 div.notifications {
1370 border-radius: 8px;
1371 }
1373 .initiative_head,
1374 .box {
1375 border: 1px solid #aaa;
1376 }
1378 .box {
1379 padding: 1ex;
1380 }
1382 .member_area_list .box {
1383 border: none;
1384 padding: 0;
1385 }
1387 .slot_head,
1388 .initiative_head,
1389 .issues .issue,
1390 .ui_tabs_links a,
1391 .draft_content,
1392 .help,
1393 .use_terms,
1394 .motd,
1395 .ui_filter a.active,
1396 .vote_info .content,
1397 .member_area_list,
1398 .box,
1399 div.notifications {
1400 box-shadow: #777 0px 5px 5px -5px;
1401 -mox-box-shadow: #777 0px 5px 5px -5px;
1402 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1403 clear: both;
1404 }
1406 .member_area_list .box {
1407 box-shadow: none;
1408 -mox-box-shadow: none;
1409 -webkit-box-shadow: none;
1410 }
1412 .slot_footer {
1413 margin: 0 1%;
1414 border-top: 1px solid #ccc;
1415 padding: 1ex;
1416 font-size: 80%;
1417 text-align: center;
1418 }
1419 .slot_footer,
1420 .slot_footer a {
1421 color: #666;
1422 }
1424 .footer {
1425 margin: 0 auto;
1426 max-width: 1130px;
1427 }