liquid_feedback_frontend
view static/style.css @ 493:01cf3c50cbee
Show (not)admitted notices in initiative head
| author | bsw |
|---|---|
| date | Fri Mar 16 11:32:06 2012 +0100 (2012-03-16) |
| parents | edcf827d7ac3 |
| children | 03c205fc17f0 |
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 a {
183 color: #eee;
184 line-height: 30px;
185 }
187 .topbar a:hover {
188 background-color: #eee;
189 color: #000;
190 }
192 .navigation {
193 background-color: #333;
194 line-height: 200%;
195 }
197 .navigation img {
198 margin-right: 0.5em;
199 vertical-align: middle;
200 }
202 .navigation a {
203 padding: 0 0.5em;
204 float: left;
205 display: block;
206 white-space: nowrap;
207 }
209 form.unit_selector {
210 display: inline;
211 }
213 .topbar .member_info {
214 float: right;
215 padding-right: 1%;
216 }
218 /*************************************************************************
219 * Title of current page including path and actions
220 */
222 .title,
223 .title2,
224 .actions {
225 background-color: #f2f2f2;
226 margin-left: 1%;
227 margin-right: 1%;
228 border-left: 1px solid #bbb;
229 border-right: 1px solid #bbb;
230 }
232 .actions {
233 border-bottom: 1px solid #bbb;
234 }
236 .initiative_head .actions {
237 border: none;
238 box-shadow: none;
239 -moz-box-shadow: none;
240 -webkit-box-shadow: none;
241 }
244 .slot_initiatives_list {
245 margin-top: 1ex;
246 margin-left: 1%;
247 margin-right: 1%;
248 background-color: #fcfcfc;
249 border-radius: 8px;
250 clear: left;
251 border: 1px solid #aaa;
252 padding-top: 1ex;
253 padding-bottom: 1ex;
254 }
256 .title {
257 box-shadow: inset #888 0px 5px 6px -5px;
258 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
259 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
260 }
262 .title {
263 color: #000;
264 padding: 1.5ex 1ex 0 1ex;
265 }
267 .title div {
268 font-size: 125%;
269 line-height: 110%;
270 }
272 .title a {
273 color: #000;
274 }
276 .title .member_image {
277 margin-right: 0.7em;
278 vertical-align: middle;
279 border-radius: 7px;
280 }
282 .slot_title2 {
283 padding: 1ex 1ex 0 1ex;
284 }
286 .member_list .member_image_avatar {
287 float: left;
288 margin-right: 0.5em;
289 }
291 .micro_avatar {
292 width: 24px;
293 height: 24px;
294 border-radius: 4px;
295 vertical-align: middle;
296 }
298 .actions {
299 font-size: 75%;
300 line-height: 220%;
301 padding-top: 2ex;
302 padding-bottom: 1ex;
303 }
305 .actions {
306 border-radius: 0 0 8px 8px;
307 }
309 .actions .interest,
310 .actions .delegation,
311 .actions a {
312 margin-left: 1ex;
313 }
315 .actions a {
316 margin-top: 1px;
317 margin-bottom: 1px;
318 }
320 .actions .interest a,
321 .actions .delegation a {
322 margin: 0;
323 }
325 .initiative_head .actions {
326 background-color: #fff;
327 margin: 0px;
328 }
330 .actions a {
331 padding-right: 0.3em;
332 }
334 .slot_initiative_head {
335 margin-left: 1%;
336 margin-right: 1%;
337 margin-top: 2ex;
338 }
340 .initiative_name {
341 font-weight: bold;
342 font-size: 125%;
343 }
344 .actions a {
345 float: left;
346 }
348 .actions a:hover {
349 background-color: #d7d7d7;
350 }
352 .actions img {
353 padding-left: 0.2em;
354 padding-right: 0.2em;
355 vertical-align: middle;
356 }
358 .logo {
359 float: right;
360 margin-right: 1%;
361 }
364 .member_image_photo {
365 border-radius: 8px;
366 }
368 /*************************************************************************
369 * vote info / delegation
370 */
372 .interest,
373 .slot_support,
374 .delegation {
375 float: left;
376 position: relative;
377 z-index: 1;
378 }
380 .interest img,
381 .slot_support img,
382 .delegation img {
383 padding-left: 0.2em;
384 padding-right: 0.2em;
385 }
386 .actions .supporter,
387 .actions .potential_supporter,
388 .vote_info .head {
389 float: left;
390 }
392 .actions .supporter,
393 .actions .potential_supporter,
394 .actions .interest .head {
395 padding-right: 0.3em;
396 }
398 .delegation .head_active,
399 .interest .head_active,
400 .actions .supporter,
401 .actions .potential_supporter {
402 border-radius: 5px;
403 border: 1px solid #5f6675;
404 }
406 .delegation .head_active,
407 .interest .head_active {
408 background-color: #cdf;
409 }
411 .actions .supporter {
412 background-color: #cdf;
413 }
415 .actions .potential_supporter {
416 background-color: #cdf;
417 }
419 .slot_support .head_initiator {
420 background-color: #f2f2f2;
421 border-radius: 5px;
422 }
424 .delegation .change_delegation {
425 margin-bottom: 2ex;
426 }
428 .delegation .change_delegation a {
429 display: inline;
430 float: none;
431 padding: 1ex;
432 }
434 .delegation .delegation_participation {
435 margin-left: 20.5em;
436 margin-top: 3ex;
437 font-style: italic;
438 font-size: 80%;
439 }
441 .slot_actions .change_delegation {
442 float: left;
443 }
445 .vote_info .close {
446 position: absolute;
447 top: 0;
448 right: 0;
449 padding: 1ex;
450 display: block;
451 }
453 .vote_info .content {
454 font-size: 133%;
455 line-height: 100%;
456 top: 2.8ex;
457 display: none;
458 position: absolute;
459 z-index: 10;
460 background-color: #cdf;
461 border-radius: 0 5px 5px 5px;
462 padding: 1em;
463 width: 35em;
464 border: 1px solid #5f6675;
465 border-top: none;
466 }
468 .delegation_arrow {
469 vertical-align: middle;
470 }
472 .vote_info .delegation_arrow {
473 margin-top: 1ex;
474 margin-bottom: 1ex;
475 }
477 .vote_info .delegation_arrow_overridden {
478 opacity: 0.4;
479 }
481 .vote_info .delegation_scope_overridden {
482 color: #777;
483 }
485 .vote_info .delegation_scope {
486 display: inline;
487 }
489 .vote_info .delegation_info {
490 }
492 .vote_info a {
493 padding-right: 0;
494 }
496 .vote_info .member_thumb {
497 clear: left;
498 background: #fff;
499 }
501 .delegation_overridden .member_thumb {
502 opacity: 0.4;
503 }
505 .delegation .revoke {
506 margin: 0.5ex;
507 float: right;
508 }
510 .delegation .revoke img {
511 vertical-align: middle;
512 }
515 /*************************************************************************
516 * Main content
517 */
519 .main {
520 margin-left: 1%;
521 margin-right: 1%;
522 }
524 /*************************************************************************
525 * ui.tab
526 */
528 .ui_tabs_links {
529 margin-top: 2ex;
530 margin-bottom: 1ex;
531 }
533 .ui_tabs_links a {
534 padding: 1ex;
535 line-height: 300%;
536 background-color: #f2f2f2;
537 white-space: nowrap;
538 border-radius: 5px;
539 margin-right: 5px;
540 font-weight: bold;
541 }
543 .ui_tabs_links a:hover {
544 background-color: #d7d7d7;
545 }
547 .ui_tabs_links a.selected {
548 background-color: #444;
549 color: #fff;
550 text-decoration: none;
551 }
553 .ui_tabs_links a.yellow {
554 background-color: #fcc;
555 color: #000;
556 }
558 .ui_tabs_links a.yellow:hover {
559 background-color: #faa;
560 }
562 .ui_tabs_links a.yellow.selected {
563 background-color: #a44;
564 color: #fff;
565 text-decoration: none;
566 padding: 1ex;
567 }
569 .ui_tabs_links a.red {
570 background-color: #c33;
571 color: #000;
572 }
574 .ui_tabs_links a.red:hover {
575 background-color: #ebb;
576 }
578 .ui_tabs_links a.red.selected {
579 background-color: #644;
580 color: #fff;
581 text-decoration: none;
582 padding: 1ex;
583 }
586 /*************************************************************************
587 * ui.filters
588 */
590 .ui_filter {
591 overflow: hidden;
592 margin-bottom: 1ex;
593 margin-right: 1em;
594 }
596 .ui_filter_head {
597 color: #777;
598 margin-top: 0.5ex;
599 margin-bottom: 0.5ex;
600 font-size: 90%;
601 font-weight: bold;
602 float: left;
603 line-height: 200%;
604 margin-right: 2em;
605 }
607 .ui_filter_head a {
608 color: #777;
609 padding: 0.5ex;
610 }
612 .ui_filter_head a.active {
613 color: #fff;
614 background-color: #777;
615 padding: 0.5ex;
616 border-radius: 5px;
617 }
619 /*************************************************************************
620 * ui.paginate
621 */
623 .ui_paginate_head {
624 display: none;
625 margin-bottom: 1ex;
626 }
628 .ui_paginate_foot {
629 margin-top: 1ex;
630 }
632 .ui_paginate_select a {
633 padding: 0.5em;
634 }
636 /*************************************************************************
637 * ui.bargraph
638 */
640 .bargraph {
641 width: 103px;
642 }
644 .bargraph50 {
645 width: 52px;
646 }
648 .bargraph div {
649 float: left;
650 margin-top: 0.5ex;
651 height: 1.3ex;
652 }
654 /*************************************************************************
655 * vertical ui.form
656 */
658 .vertical {
659 margin-top: 2ex;
660 }
662 .login input[type=text],
663 .vertical input[type=text],
664 .login input[type=password],
665 .vertical input[type=password],
666 .vertical textarea,
667 .vertical select {
668 font-family: sans-serif;
669 font-size: 100%;
670 width: 69%;
671 border: 1px solid #444;
672 padding: 0.2ex 0.2em 0.2ex 0.2em;
673 margin-bottom: 1ex;
674 }
678 .login input[type=password],
679 .vertical input[type=password] {
680 width: 16em;
681 }
683 .vertical select {
684 padding-right: 0;
685 }
687 .login .ui_field_label,
688 .vertical .ui_field_label {
689 text-transform: uppercase;
690 font-size: 70%;
691 line-height: 120%;
692 font-weight: bold;
693 color: #777;
694 width: 29%;
695 display: block;
696 float: left;
697 clear: left;
698 text-align: right;
699 padding-right: 0.5em;
700 }
702 .ui_field_label.label_right {
703 text-align: left;
704 width: auto;
705 }
707 .login input[type=text],
708 .login input[type=password] {
709 width: 10em;
710 }
712 .login div,
713 .vertical div {
714 clear: left;
715 }
717 .vertical span {
718 display: block;
719 margin-bottom: 0.5ex;
720 }
722 .vertical span:after {
723 content: " ";
724 }
726 .vertical span span {
727 display: inline;
728 margin-bottom: 0;
729 }
731 .login input[type=submit],
732 .vertical input[type=submit] {
733 font-size: 100%;
734 margin-left: 29%;
735 background-color: #444444;
736 color: #fff;
737 border: none;
738 padding: 0.75ex;
739 }
741 .login input[type=submit]:hover,
742 .vertical input[type=submit]:hover {
743 background-color: #444444;
744 }
746 @media screen and (max-width: 480px) {
747 .login input[type=text],
748 .vertical input[type=text],
749 .login input[type=password],
750 .vertical input[type=password],
751 .vertical textarea,
752 .vertical select,
753 .vertical input[type=submit],
754 .login input[type=submit] {
755 width: 98%;
756 }
757 .login .ui_field_label,
758 .vertical .ui_field_label {
759 text-align: left;
760 width: 98%;
761 }
762 .login input[type=text],
763 .login input[type=password] {
764 width: 98%;
765 }
766 .login input[type=submit],
767 .vertical input[type=submit] {
768 margin-left: 0;
769 }
770 }
774 /*************************************************************************
775 * Tables
776 */
779 table a.action {
780 font-size: 70%;
781 line-height: 190%;
782 padding: 0.5ex;
783 color: #777;
784 }
786 table a.active {
787 color: #fff;
788 }
790 th {
791 text-align: left;
792 }
794 tr:hover td {
795 background-color: #f2f2f2;
796 }
798 .nohover tr:hover td {
799 background-color: #fff;
800 }
802 .initiatives_list .nohover tr:hover td {
803 background-color: #f2f2f2;
804 }
806 .nohover table tr:hover td {
807 background-color: #f2f2f2;
808 }
811 tr table tr:hover td {
812 background-color: #fff;
813 }
816 /*************************************************************************
817 * Positive / Negtive votes
818 */
821 .positive_votes span {
822 display: inline;
823 }
825 .positive_votes {
826 display: inline;
827 background-color: #cfc;
828 padding: 0.3ex 0.5em 0.3ex 0.5em;
829 }
831 .negative_votes span {
832 display: inline;
833 }
835 .negative_votes {
836 display: inline;
837 background-color: #fcc;
838 padding: 0.3ex 0.5em 0.3ex 0.5em;
839 }
841 .suggestion_my_opinion a,
842 .suggestion_my_opinion span {
843 white-space: nowrap;
844 padding-left: 0.2ex !important;
845 padding-right: 0.2ex !important;
846 }
848 .active {
849 background-color: #444;
850 color: #fff;
851 }
853 .active_red2 { background-color: #a00; color: #fff !important; }
854 .active_red1 { background-color: #f88; color: #000 !important; }
855 .active_green1 { background-color: #8f8; color: #000 !important; }
856 .active_green2 { background-color: #0a0; color: #000 !important; }
860 /*************************************************************************
861 * Unit list
862 */
864 .unit_list a {
865 font-weight: bold;
866 }
868 /*************************************************************************
869 * Area list
870 */
872 .member_area_list {
873 margin-bottom: 0ex;
874 border-radius: 8px;
875 border: 1px solid #aaa;
876 padding: 1ex;
877 margin-bottom: 2ex;
878 }
880 .member_area_list .unit_head {
881 font-size: 120%;
882 font-weight: bold;
883 float: left;
884 clear: both;
885 }
887 .member_area_list .unit_delegatee {
888 float: left;
889 }
891 .member_area_list .voting_priv_info {
892 clear: left;
893 margin-top: 4ex;
894 }
896 .member_area_list .more_areas {
897 font-style: italic;
898 }
900 .area_list {
901 margin-bottom: 4ex;
902 }
904 .member_area_list .area_list {
905 margin-bottom: 0;
906 }
908 .area_list .area {
909 line-height: 32px;
910 clear: both;
911 }
913 .area_list .bargraph {
914 line-height: 10px;
915 }
917 .area_list .area .delegatee {
918 white-space: nowrap;
919 }
921 .area_list .area.head .phases {
922 xmargin-top: 2ex;
923 }
925 .area_list .area img {
926 vertical-align: middle;
927 }
929 .area_list .area .bar {
930 float: left;
931 padding-top: 6px
932 }
934 .area_list .area .membership,
935 .area_list .area .delegatee {
936 display: inline;
937 width: 24px
938 }
940 .area_list .area .name {
941 display: inline;
942 font-weight: bold;
943 }
945 .area_list .area .phases {
946 float: right;
947 }
949 .area_list .area .phases div {
950 float: left;
951 width: 3em;
952 text-align: right;
953 }
955 @media screen and (max-width: 480px) {
956 .area_list .area .name {
957 display: block;
958 line-height: 100%;
959 }
961 .area_list .area .delegatee,
962 .area_list .area .membership {
963 float: left;
964 white-space: nowrap;
965 }
966 .area_list .area .bar {
967 display: none;
968 }
969 }
971 /*************************************************************************
972 * Events
973 */
975 .events .date {
976 font-size: 150%;
977 font-weight: bold;
978 margin-top: 2ex;
979 line-height: 150%;
980 }
982 .event_list .event div {
983 }
985 .event_list .event .member_id {
986 float: right;
987 }
990 /*************************************************************************
991 * Issues
992 */
994 .issues {
995 clear: left;
996 }
998 .issues .issue {
999 background-color: #fcfcfc;
1000 overflow: hidden;
1001 margin-bottom: 2ex;
1002 border: 1px solid #aaa;
1003 border-radius: 8px;
1004 }
1006 .issues .issue.interested,
1007 .issues .issue.interest_by_delegation {
1008 border: 1px solid #b2cdff;
1009 }
1011 .issues .issue .issue_info {
1012 padding: 1ex 1ex 0.3ex 1ex;
1013 line-height: 140%;
1014 margin-bottom: 1ex;
1015 }
1017 .issues .issue.interested .issue_info,
1018 .issues .issue.interested_by_delegation .issue_info {
1019 background-color: #dfeaff;
1020 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1021 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1022 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1023 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
1024 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1025 }
1027 .event_list .event .issue_id,
1028 .issues .issue .issue_info .issue_id {
1029 font-size: 125%;
1030 }
1032 .issues .issue .suggestion {
1033 margin-left: 1ex;
1034 margin-bottom: 1ex;
1035 font-weight: bold;
1036 }
1038 .issue_policy_info {
1039 font-style: italic;
1040 }
1042 .issue_policy_info .event_name {
1043 font-weight: bold;
1044 }
1046 .issue_policy_info img {
1047 vertical-align: middle;
1048 }
1050 .issues .issue .interest_by_delegation {
1051 float: right;
1052 }
1054 .issues .issue .initiative_list a {
1055 font-weight: bold;
1056 }
1058 .initiative {
1059 margin-left: 1ex;
1060 margin-bottom: 1ex;
1061 line-height: 50%;
1062 }
1064 .initiative .bar {
1065 margin-right: 0.3em;
1066 }
1068 .initiative .rank,
1069 .initiative .bar,
1070 .initiative .interest {
1071 float: left;
1072 margin-right: 0.3em;
1073 }
1075 .initiative .interest {
1076 width: 16px;
1077 height: 16px;
1078 line-height: 100%;
1079 }
1081 .initiative .name {
1082 line-height: 130%;
1083 margin-left: 160px;
1084 }
1086 @media screen and (max-width: 480px) {
1087 .initiative .name {
1088 clear: left;
1089 margin-left: 0px;
1090 }
1091 }
1094 .issue_initiative_list a {
1095 font-weight: bold;
1096 }
1098 .more_initiatives_link {
1099 display: block;
1100 margin-left: 166px;
1101 font-style: italic;
1102 margin-bottom: 1ex;
1103 }
1105 .issues tr tr {
1106 border: none;
1107 background: none;
1108 }
1110 .initiative_link.selected {
1111 font-weight: bold;
1112 }
1114 x.initiative_link.supported {
1115 background-color: #cdf;
1116 border-radius: 5px;
1117 }
1119 x.initiative_link.potentially_supported {
1120 background-color: #cdf;
1121 border-radius: 5px;
1122 }
1124 .lang_chooser {
1125 float: right;
1126 margin-right: 0.5em;
1127 }
1129 .delegation_list_entry {
1130 margin-right: 2em;
1131 margin-bottom: 2ex;
1132 float: left;
1133 clear: left;
1134 }
1136 .delegation_list_entry .delegation_arrow {
1137 float: left;
1138 }
1140 .delegation_list_entry .delegation_scope {
1141 float: left;
1142 width: 25em;
1143 }
1145 .delegation_list_entry .delegation_scope a {
1146 display: block;
1147 }
1149 .member_list .member_thumb {
1150 float: left;
1151 margin-right: 1em;
1152 margin-bottom: 2ex;
1153 }
1155 .member_thumb {
1156 text-decoration: none;
1157 width: 14.5em;
1158 height: 48px;
1159 display: block;
1160 float: left;
1161 background-color: #f2f2f2;
1162 overflow: hidden;
1163 position: relative;
1164 border-radius: 7px;
1165 padding: 2px;
1166 }
1168 .xmember_thumb a {
1169 position: absolute;
1170 top: 0;
1171 left: 0;
1172 padding: 0;
1173 margin: 0;
1174 }
1176 .member_thumb a:hover div {
1177 background-color: #444;
1178 color: #fff;
1179 }
1181 .member_thumb img {
1182 padding: 0;
1183 margin: 0;
1184 vertical-align: bottom;
1185 border-radius: 7px;
1186 }
1188 .member_thumb .member_name {
1189 position: absolute;
1190 left: 56px;
1191 top: 2ex;
1192 font-size: 100%;
1193 width: 14em;
1194 }
1196 .member_thumb .flags {
1197 text-align: right;
1198 font-size: 75%;
1199 }
1201 .member_thumb .flags a,
1202 .member_thumb .flags img {
1203 position: static;
1204 float: right;
1205 margin-left: 0.5em;
1206 }
1208 .member_thumb .flags .in_delegation_chain {
1209 font-weight: bold;
1210 }
1212 .member .right {
1213 float: right;
1214 }
1216 .member_thumb.not_accepted,
1217 .member_thumb.not_informed {
1218 background: #fff;
1219 }
1221 .member_thumb.not_accepted .member_image,
1222 .member_thumb.not_accepted .member_name,
1223 .member_thumb.not_informed .member_image,
1224 .member_thumb.not_informed .member_name {
1225 opacity: 0.4;
1226 }
1228 .member_thumb.in_delegation_chain {
1229 background-color: #cdf;
1230 }
1232 .member_statement,
1233 .draft_content,
1234 .suggestion_content {
1235 background-color: #f2f2f2;
1236 padding: 1ex;
1237 border-radius: 8px;
1238 }
1240 .member_statement {
1241 margin-right: 250px;
1242 }
1244 #suggestion_description {
1245 height: 15ex;
1246 }
1248 .diff {
1249 background-color: #f2f2f2;
1250 border: 1px solid #ccc;
1251 padding: 1ex;
1252 }
1254 .diff_added {
1255 background-color: #cfc;
1256 text-decoration: underline;
1257 }
1259 .diff_removed {
1260 background-color: #fcc;
1261 text-decoration: line-through;
1262 }
1264 .slot_issue_info {
1265 background-color: #f2f2f2;
1266 border: 1px solid #ccc;
1267 float: right;
1268 padding: 0.5ex;
1269 line-height: 130%;
1270 margin-right: 1em;
1271 }
1273 .issue_info label {
1274 float: left;
1275 width: 8em;
1276 text-transform: uppercase;
1277 font-size: 70%;
1278 color: #777;
1279 font-weight: bold;
1280 clear: left;
1281 text-align: right;
1282 margin-right: 0.7em;
1283 }
1285 .admitted_info {
1286 background-color: #dfd;
1287 padding: 1ex;
1288 border-radius: 8px;
1289 }
1291 .not_admitted_info,
1292 .revoked_info {
1293 background-color: #fdd;
1294 padding: 1ex;
1295 border-radius: 8px;
1296 }
1298 .draft_updated_info,
1299 .voting_active_info,
1300 .initiator_invite_info,
1301 .motd,
1302 .public_access_issue_head {
1303 background-color: #fffbce;
1304 padding: 1ex;
1305 margin-top: 2ex;
1306 margin-bottom: 2ex;
1307 border-radius: 8px;
1308 border: 1px solid #ffe900;
1309 }
1311 .suggestion_fulfilled {
1312 width: 15em;
1313 }
1314 .suggestion_fulfilled a.action {
1315 padding-left: 0;
1316 line-height: 120%;
1317 }
1319 .help,
1320 .use_terms {
1321 border-radius: 8px;
1322 border: 1px solid #ffe900;
1323 background-color: #fffbce;
1324 color: #000;
1325 padding: 1ex;
1326 }
1328 .help_visible {
1329 margin-top: 2ex;
1330 margin-bottom: 1ex;
1331 }
1333 .help_visible .help_icon {
1334 float: right;
1335 }
1337 .slot_help_hidden {
1338 float: right;
1339 margin-right: 1em;
1340 margin-top: 1ex;
1341 }
1343 .help_actions {
1344 font-size: 75%;
1345 float: right;
1346 }
1348 .help_actions a {
1349 margin-right: 1em;
1350 color: #468;
1351 }
1353 .wiki {
1354 line-height: 133%;
1355 }
1357 .wiki h1,
1358 .wiki h2,
1359 .wiki h3,
1360 .wiki h4 {
1361 margin-top: 1ex;
1362 margin-bottom: 1ex;
1363 }
1365 .wiki h1 {
1366 font-size: 150%;
1367 font-weight: bold;
1368 }
1370 .wiki h2 {
1371 font-size: 125%;
1372 font-weight: bold;
1373 }
1375 .wiki h3 {
1376 font-size: 125%;
1377 }
1379 .wiki h4 {
1380 font-size: 100%;
1381 font-weight: bold;
1382 }
1384 .wiki p {
1385 margin-top: 1ex;
1386 margin-bottom: 1ex;
1387 }
1389 form .warning {
1390 background-color: #ffd;
1391 color: #000;
1392 border: 1px solid #dda;
1393 margin: 1ex;
1394 margin-bottom: 2ex;
1395 padding: 1ex;
1396 }
1398 a.not_voted {
1399 display: block;
1400 background-color: #fec;
1401 color: #000;
1402 }
1404 .action_active {
1405 background-color: #fec;
1406 }
1408 .heading {
1409 display: block;
1410 font-size: 120%;
1411 font-weight: bold;
1412 }
1414 .heading.first {
1415 margin-top: 0;
1416 }
1418 .menu_list li {
1419 padding-top: 1ex;
1420 padding-bottom: 1ex;
1421 }
1423 .deactivated_member_info {
1424 background-color: #a00;
1425 color: #fff;
1426 }
1428 /*************************************************************************
1429 * Voting
1430 */
1432 #voting_form {
1433 margin-top: 20px;
1434 }
1436 #voting {
1437 position: relative;
1438 }
1440 #voting .approval, .abstention, .disapproval {
1441 border: 2px black solid;
1442 margin-top: 2ex;
1443 margin-bottom: 5ex;
1444 padding: 1ex;
1445 padding-bottom: 2ex;
1446 border-radius: 8px;
1447 }
1448 #voting .approval {
1449 background-color: #9f9;
1450 }
1451 #voting .approval .movable {
1452 background-color: #dfd;
1453 }
1454 #voting .abstention {
1455 background-color: #ccc;
1456 }
1457 #voting .abstention .movable {
1458 background-color: #f2f2f2;
1459 }
1460 #voting .disapproval {
1461 background-color: #f88;
1462 }
1463 #voting .disapproval .movable {
1464 background-color: #fbb;
1465 }
1466 #voting .cathead {
1467 font-weight: bold;
1468 }
1469 #voting .movable {
1470 position: relative;
1471 border: 1px black solid;
1472 margin-top: 1ex;
1473 padding: 0.5ex;
1474 border-radius: 8px;
1475 }
1476 #voting .voting_form_active .movable {
1477 cursor: pointer;
1478 }
1479 #voting .voting_form_active .clickable {
1480 cursor: auto;
1481 }
1482 #voting .voting_form_active a.clickable {
1483 cursor: pointer;
1484 }
1486 #voting .grabber {
1487 vertical-align: middle;
1488 cursor: move;
1489 }
1491 /*************************************************************************
1492 * timeline
1493 */
1494 div.ignore_area_list {
1495 float: left;
1496 width: 90%;
1497 margin: 0 0 1em 0;
1498 }
1500 div.ignore_area_list >
1501 label.ui_field_label {
1502 text-align: left ;
1503 width: 100%;
1504 border-bottom:1px solid #000000;
1505 color: #000000;
1506 font-size:75%;
1507 font-weight:bold;
1508 vertical-align:bottom;
1509 text-transform:none;
1510 padding:0.5ex 0.5em
1511 }
1513 div.ignore_area_item {
1514 clear: none;
1515 float: left;
1516 min-width: 10em;
1517 margin: 0.1ex 0.5em;
1518 margin-right: 0.5em;
1519 }
1521 div.ignore_area_item > input {
1522 float: none;
1523 clear: none;
1524 display: inline;
1525 }
1527 div.ignore_area_item >
1528 label.ui_field_label {
1529 float: none;
1530 clear: none;
1531 text-align: left;
1532 display: inline;
1533 }
1535 div.timeline_results {
1536 clear: both;
1537 }
1539 /* shadows */
1541 .box,
1542 .slot_initiative_head {
1543 border: 1px solid #aaa;
1544 border-radius: 8px;
1545 padding: 1ex;
1546 }
1548 .member_area_list .box {
1549 border: none;
1550 padding: 0;
1551 }
1553 .slot_initiatives_list,
1554 .actions,
1555 .issues .issue,
1556 .ui_tabs_links a,
1557 .draft_content,
1558 .help,
1559 .use_terms,
1560 .motd,
1561 .ui_filter a.active,
1562 .vote_info .content,
1563 .member_area_list,
1564 .box,
1565 .slot_initiative_head {
1566 box-shadow: #777 0px 5px 5px -5px;
1567 -mox-box-shadow: #777 0px 5px 5px -5px;
1568 -webkit-box-shadow: #777 0px 5px 5px -5px;
1569 }
1571 .member_area_list .box {
1572 box-shadow: none;
1573 -mox-box-shadow: none;
1574 -webkit-box-shadow: none;
1575 }
1577 .slot_footer {
1578 margin: 0 1%;
1579 border-top: 1px solid #ccc;
1580 padding: 1ex;
1581 font-size: 80%;
1582 text-align: center;
1583 }
1584 .slot_footer,
1585 .slot_footer a {
1586 color: #666;
1587 }
1589 .footer {
1590 margin: 0 auto;
1591 max-width: 1130px;
1592 }