liquid_feedback_frontend
view static/style.css @ 792:8dbf04a404e7
Optical enhancements
| author | bsw |
|---|---|
| date | Fri Jun 29 00:49:09 2012 +0200 (2012-06-29) |
| parents | 9d4398195faf |
| children | e21819daf76d |
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 }
36 a {
37 text-decoration: underline;
38 }
39 table {
40 border-collapse: separate;
41 border-spacing: 0;
42 }
43 caption, th, td {
44 text-align: left;
45 font-weight: normal;
46 }
48 /*************************************************************************
49 * Some global definitions
50 */
52 body {
53 background: #f8f8f9;
54 background-image: url("back.png");
55 line-height: 120%:
56 }
58 body, th, td {
59 font-family: sans-serif;
60 font-size: 10pt;
61 padding: 0;
62 margin: 0;
63 }
65 .page,
66 .topbar_content {
67 max-width: 1130px;
68 margin: 0 auto;
69 }
71 body, a {
72 color: #000;
73 }
75 img {
76 border: none;
77 }
79 table {
80 border-collapse: collapse;
81 border: none;
82 }
84 td, th {
85 padding: 0.5ex 0.5em 0.5ex 0em;
86 }
88 td {
89 vertical-align: top;
90 }
92 th {
93 vertical-align: bottom;
94 font-weight: bold;
95 }
97 a.active {
98 color: #fff;
99 }
101 .revoked {
102 text-decoration: line-through;
103 }
105 .highlighted {
106 background-color: #fa7;
107 color: #000;
108 }
110 .admin_only {
111 font-style: italic;
112 }
114 h1 {
115 font-size: 150%;
116 }
118 h2 {
119 font-size: 125%;
120 }
122 .inline {
123 display: inline;
124 }
126 /*************************************************************************
127 * Notices, warnings and errors
128 */
130 .layout_notice, .layout_error, .layout_warning {
131 background: #fff;
132 font-weight: bold;
133 line-height: 1.7em;
134 -moz-opacity:0.7;
135 }
137 .slot_notice, .slot_warning, .slot_error {
138 padding-left: 1em;
139 }
141 .slot_notice {
142 background-color: #cfc;
143 color: #040;
144 }
146 .slot_warning {
147 background-color: #fec;
148 color: #420;
149 }
151 .slot_error {
152 background-color: #fcc;
153 color: #400;
154 }
156 /*************************************************************************
157 * Navigation, search and language chooser bar
158 */
160 .topbar {
161 background-color: #333;
162 background: -webkit-linear-gradient(top, #777, #000);
163 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
164 background: -moz-linear-gradient(#777, #000);
165 background: -ms-linear-gradient(#777, #000);
166 background: -o-linear-gradient(#777, #000);
167 background: linear-gradient(#777, #000);
168 box-shadow: #aaa 0 0 5px;
169 -mox-box-shadow: #aaa 0 0 5px;
170 -webkit-box-shadow: #aaa 0 0 5px;
171 border-top: 1px solid #333;
172 line-height: 35px;
173 padding-top: 5px;
174 font-size: 115%;
175 }
177 .logo_liquidfeedback {
178 font-weight: bold;
179 margin-left: 15px;
180 }
182 .topbar .instance_name,
183 .topbar a {
184 line-height: 30px;
185 color: #f7f7f7;
186 }
188 .topbar a:hover,
189 .topbar a:hover .logo_liquidfeedback {
190 color: #f90;
191 }
193 .navigation {
194 background-color: #333;
195 line-height: 200%;
196 }
198 .topbar img {
199 margin-right: 0.5em;
200 vertical-align: middle;
201 }
203 .topbar a {
204 padding: 0 0.5em;
205 float: left;
206 display: block;
207 white-space: nowrap;
208 }
210 form.unit_selector {
211 display: inline;
212 }
214 .topbar .navigation_right {
215 float: right;
216 padding-right: 1%;
217 }
219 .topbar ul {
220 list-style-type: none;
221 }
224 #member_menu {
225 z-index: 2;
226 }
228 #member_menu li {
229 float: left;
230 }
232 #member_menu li:hover {
233 position: relative;
234 z-index: 4;
235 cursor: default;
236 }
238 #member_menu {
239 margin: 0;
240 padding: 0;
241 width: 200px;
242 }
244 #member_menu > li {
245 width: 200px;
246 }
248 #member_menu li a {
249 float: right;
250 }
252 #member_menu ul {
253 margin: 0;
254 padding: 0;
255 list-style-type: none;
256 display: none;
257 position: absolute;
258 top: 100%;
259 left: 0;
260 z-index: 3;
261 width: 200px;
262 border-radius: 0 0 8px 8px;
263 background: #000;
264 }
266 #member_menu ul li {
267 float: none;
268 }
270 #member_menu ul li a {
271 float: none;
272 background: #000;
273 font-size: 80%;
274 }
276 #member_menu ul ul {
277 top: 1px;
278 right: 1px;
279 }
281 #member_menu li:hover ul {
282 display: block;
283 }
285 #member_menu li li a {
286 background: #000;
287 border-radius: 5px;
288 color: #fff;
289 }
291 #member_menu ul li:hover a {
292 background: #000;
293 color: #f90;
294 }
296 */
297 /*************************************************************************
298 * Title of current page including path and actions
299 */
301 .slot_title {
302 font-size: 115%;
303 font-weight: bold;
304 margin-left: 10px;
305 margin-right: 10px;
306 margin-top: 1ex;
307 }
309 .slot_head {
310 background-color: #fff;
311 margin: 0px 1% 2ex 1%;
312 border: 1px solid #555;
313 border-top: none;
314 border-radius: 0 0 8px 8px;
315 }
318 .member_thumb,
319 .member_statement,
320 .suggestion_content,
321 .slot_head,
322 .area_list,
323 .initiative_head,
324 .issues .issue,
325 .ui_tabs_links a,
326 .ui_filter a,
327 .help,
328 .use_terms,
329 .motd,
330 .vote_info .content,
331 .box,
332 div.notifications {
333 background-color: #fff;
334 box-shadow: #ccc 2px 2px 4px;
335 -mox-box-shadow: #ccc 2px 2px 4px;
336 -webkit-box-shadow: #ccc 2px 2px 4px;
337 }
339 .slot_head > div:last-child {
340 border-radius: 0 0 8px 8px;
341 }
343 .page_head .title,
344 .issue .context,
345 .initiative_head .title {
346 padding: 8px 10px 2px 10px;
347 }
349 .initiative_head .draft_version {
350 font-weight: bold;
351 }
353 .initiative_head a.title {
354 display: block;
355 }
357 .area_list .title {
358 padding: 8px 10px 0px 10px;
359 }
361 .issue .title {
362 clear: left;
363 padding: 10px 10px 0px 10px;
364 }
366 .events .issue .title {
367 padding: 10px 10px 15px 10px;
368 }
370 .page_head .actions,
371 .page_head .unit_head .content,
372 .page_head .area_head .content,
373 .issue .content,
374 .initiative_head .content,
375 .area_list .unit_head .content,
376 .area_list .area .content {
377 padding: 5px 10px 5px 10px;
378 line-height: 120%;
379 }
381 .initiative_head {
382 margin-bottom: 2ex;
383 }
385 .page_head .actions:last-child,
386 .page_head .unit_head .content:last-child,
387 .page_head .area_head .content:last-child,
388 .issue .content:last-child,
389 .initiative_head .content:last-child,
390 .area_list .unit_head .content:last-child,
391 .area_list .area .content:last-child {
392 padding: 5px 10px 7px 10px;
393 }
395 .page_head .initiative_list,
396 .issue .initiative_list {
397 padding-left: 8px;
398 }
400 .issue .content.actions {
401 margin-bottom: 1ex;
402 }
404 .area_head {
405 overflow: auto;
406 }
409 .page_head .title,
410 .issue .title,
411 .initiative_head .title,
412 .area_list .unit_head .unit_name,
413 .area_list .area_name {
414 font-weight: bold;
415 font-size: 115%;
416 }
418 .page_head .area_head .content,
419 .page_head .area_head .content a,
420 .page_head .issue .content.actions,
421 .page_head .issue .content.actions a,
422 .issues .issue .content.actions,
423 .issues .issue .content.actions a,
424 .area_list .area .content,
425 .area_list .area .content a {
426 color: #000;
427 }
430 .unit_head {
431 background-color: #44a;
432 background: -webkit-linear-gradient(top, #67d, #23a);
433 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67d), color-stop(100%,#23a));
434 background: -moz-linear-gradient(#67d, #23a);
435 background: -ms-linear-gradient(#67d, #23a);
436 background: -o-linear-gradient(#67d, #23a);
437 background: linear-gradient(#67d, #23a);
438 color: #f0f0f0;
439 }
441 .unit_head:last-child {
442 border-radius: 0 0 8px 8px;
443 }
445 .area_head:last-child {
446 border-radius: 0 0 8px 8px;
447 }
449 .unit_head .content, .unit_head a {
450 color: #f7f7f7;
451 }
452 .area_head,
453 .area_list .area_head {
454 background-color: #abf;
455 background: -webkit-linear-gradient(top, #cdf, #abe);
456 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf), color-stop(100%,#abe));
457 background: -moz-linear-gradient(#cdf, #abe);
458 background: -ms-linear-gradient(#cdf, #abe);
459 background: -o-linear-gradient(#cdf, #abe);
460 background: linear-gradient(#cdf, #abe);
461 }
463 .area_list .area > .content,
464 .issue {
465 background-color: #e0e9ff;
466 background: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
467 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7faff), color-stop(100%,#e0e9ff));
468 background: -moz-linear-gradient(#f7faff, #e0e9ff);
469 background: -ms-linear-gradient(#f7faff, #e0e9ff);
470 background: -o-linear-gradient(#f7faff, #e0e9ff);
471 background: linear-gradient(#f7faff, #e0e9ff);
472 }
474 .unit_link, .area_link {
475 float: left;
476 margin-top: 5px;
477 padding: 0px 5px;
478 border-radius: 5px;
479 line-height: 170%;
480 margin-right: 8px;
481 }
483 .unit_link {
484 background-color: #44a;
485 color: #fff;
486 }
488 .area_link {
489 background-color: #abf;
490 color: #000;
491 }
493 .delegation_info {
494 float: right;
495 text-decoration: none;
496 padding: 5px;
497 border-radius: 0px 5px 0px 5px;
498 }
500 .delegation_arrow {
501 vertical-align: middle;
502 }
504 .delegation_info .link {
505 text-decoration: underline;
506 color: #aaa;
507 }
509 a.delegation_info:hover {
510 background-color: #ddd;
511 }
513 .delegation_info .micro_avatar {
514 border: none;
515 margin: 2px;
516 box-shadow: 1px 1px 2px #000;
517 }
519 .delegation_info .micro_avatar.highlighted {
520 margin: 0;
521 border: 2px solid #f90;
522 }
525 .member_list .member_image_avatar {
526 float: left;
527 margin-right: 0.5em;
528 }
530 .micro_avatar {
531 height: 24px;
532 border-radius: 4px;
533 vertical-align: middle;
534 }
536 .logo {
537 float: right;
538 margin-right: 1%;
539 }
542 .member_image_photo {
543 border-radius: 8px;
544 }
546 /*************************************************************************
547 * Main content
548 */
550 .main {
551 margin-left: 1%;
552 margin-right: 1%;
553 }
555 /*************************************************************************
556 * ui.tab
557 */
558 .ui_tabs_links {
559 margin: 20px 0px 10px -2px;
560 line-height: 300%;
561 }
563 .ui_tabs_links a {
564 padding: 7px 10px;
565 background-color: #444;
566 background: -webkit-linear-gradient(top, #777, #000);
567 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
568 background: -moz-linear-gradient(#777, #000);
569 background: -ms-linear-gradient(#777, #000);
570 background: -o-linear-gradient(#777, #000);
571 background: linear-gradient(#777, #000);
572 color: #f7f7f7;
573 white-space: nowrap;
574 border-radius: 8px;
575 font-size: 115%;
576 font-weight: bold;
577 margin: 2px;
578 margin-right: 4px;
579 }
581 .ui_tabs_links a:hover,
582 .ui_tabs_links a.selected {
583 margin: 0;
584 margin-right: 2px;
585 border: 2px solid #f90;
586 box-shadow: 0px 0px 3px 1px #f90;
587 }
589 .ui_tabs_links a.selected {
590 text-decoration: none;
591 }
594 /*************************************************************************
595 * ui.filters
596 */
598 .ui_filter {
599 overflow: auto;
600 margin-top: 15px;
601 }
603 .ui_filter_head {
604 color: #777;
605 line-height: 200%;
606 padding-bottom: 8px;
607 margin-bottom: 6px;
608 border-bottom: 1px solid #888;
609 }
611 .ui_filter_head:last-child {
612 border-bottom: none;
613 }
615 .ui_filter a {
616 font-weight: bold;
617 margin-right: 0;
618 background-color: #fff;
619 padding: 0.5ex 0.5em;
620 border-radius: 5px;
621 border: 1px solid #bbb;
622 }
624 .ui_filter_head a.active {
625 border: 1px solid #666;
626 text-decoration: none;
627 background-color: #444;
628 background: -webkit-linear-gradient(top, #666, #222);
629 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%,#222));
630 background: -moz-linear-gradient(#666, #222);
631 background: -ms-linear-gradient(#666, #222);
632 background: -o-linear-gradient(#666, #222);
633 background: linear-gradient(#666, #222);
634 color: #fff;
635 }
637 /*************************************************************************
638 * ui.paginate
639 */
641 .ui_paginate_head {
642 display: none;
643 margin-bottom: 1ex;
644 }
646 .ui_paginate_foot {
647 margin-top: 1ex;
648 margin-bottom: 4ex;
649 }
651 .initiative_head .ui_paginate_foot {
652 margin-bottom: 1ex;
653 }
655 .ui_paginate_select a {
656 padding: 0.5em;
657 border-radius: 4px;
658 }
660 /*************************************************************************
661 * ui.bargraph
662 */
664 .bargraph {
665 width: 103px;
666 }
668 .bargraph50 {
669 width: 52px;
670 }
672 .bargraph div {
673 float: left;
674 margin-top: 0.5ex;
675 height: 1.3ex;
676 }
678 .bargraph .quorum {
679 margin-top: 0.2ex;
680 height: 1.9ex;
681 }
683 /*************************************************************************
684 * notifications
685 */
687 div.notifications {
688 margin-top: 20px;
689 background-color: #fda;
690 background: -webkit-linear-gradient(top, #fec, #fc9);
691 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec), color-stop(100%,#fc9));
692 background: -moz-linear-gradient(#fec, #fc9);
693 background: -ms-linear-gradient(#fec, #fc9);
694 background: -o-linear-gradient(#fec, #fc9);
695 background: linear-gradient(#fec, #fc9);
696 padding: 0.5ex;
697 border: 1px solid #777;
698 }
700 .notifications ul {
701 margin: 0;
702 padding: 0;
703 margin-left: 2em;
704 }
706 .notifications li {
707 margin: 0;
708 padding: 0;
709 margin-top: 0.5ex;
710 }
712 /*************************************************************************
713 * vertical ui.form
714 */
716 .vertical {
717 margin-top: 2ex;
718 }
720 .login input[type=text],
721 .vertical input[type=text],
722 .login input[type=password],
723 .vertical input[type=password],
724 .vertical textarea,
725 .vertical select {
726 font-family: sans-serif;
727 font-size: 100%;
728 width: 69%;
729 border: 1px solid #444;
730 padding: 0.2ex 0.2em 0.2ex 0.2em;
731 margin-bottom: 1ex;
732 }
734 .login input[type=password],
735 .vertical input[type=password] {
736 width: 16em;
737 }
739 .vertical select {
740 padding-right: 0;
741 }
743 .login .ui_field_label,
744 .vertical .ui_field_label {
745 line-height: 180%;
746 font-weight: bold;
747 color: #777;
748 width: 29%;
749 display: block;
750 float: left;
751 clear: left;
752 text-align: right;
753 padding-right: 0.5em;
754 }
756 .ui_field_label.label_right {
757 text-align: left;
758 width: auto;
759 }
761 .login input[type=text],
762 .login input[type=password] {
763 width: 10em;
764 }
766 .login div,
767 .vertical div {
768 clear: left;
769 }
771 .vertical span {
772 line-height: 180%;
773 display: block;
774 margin-bottom: 0.5ex;
775 }
777 .vertical span:after {
778 content: " ";
779 }
781 .vertical span span {
782 display: inline;
783 margin-bottom: 0;
784 }
786 .login input[type=submit],
787 .vertical input[type=submit] {
788 font-size: 100%;
789 margin-left: 29%;
790 background-color: #444444;
791 color: #fff;
792 border: none;
793 padding: 0.75ex;
794 }
796 .login input[type=submit]:hover,
797 .vertical input[type=submit]:hover {
798 background-color: #444444;
799 }
801 @media screen and (max-width: 480px) {
802 .login input[type=text],
803 .vertical input[type=text],
804 .login input[type=password],
805 .vertical input[type=password],
806 .vertical textarea,
807 .vertical select,
808 .vertical input[type=submit],
809 .login input[type=submit] {
810 width: 98%;
811 }
812 .login .ui_field_label,
813 .vertical .ui_field_label {
814 text-align: left;
815 width: 98%;
816 }
817 .login input[type=text],
818 .login input[type=password] {
819 width: 98%;
820 }
821 .login input[type=submit],
822 .vertical input[type=submit] {
823 margin-left: 0;
824 }
825 }
828 /*************************************************************************
829 * Positive / Negtive votes
830 */
833 .positive_votes span {
834 display: inline;
835 }
837 .positive_votes {
838 display: inline;
839 background-color: #cfc;
840 padding: 0.3ex 0.5em 0.3ex 0.5em;
841 }
843 .negative_votes span {
844 display: inline;
845 }
847 .negative_votes {
848 display: inline;
849 background-color: #fcc;
850 padding: 0.3ex 0.5em 0.3ex 0.5em;
851 }
853 .suggestion_my_opinion a,
854 .suggestion_my_opinion span {
855 white-space: nowrap;
856 padding-left: 0.2ex !important;
857 padding-right: 0.2ex !important;
858 }
860 .active {
861 background-color: #444;
862 color: #fff;
863 }
865 .active_red2 { background-color: #a00; color: #fff !important; }
866 .active_red1 { background-color: #f88; color: #000 !important; }
867 .active_green1 { background-color: #8f8; color: #000 !important; }
868 .active_green2 { background-color: #0a0; color: #000 !important; }
872 /*************************************************************************
873 * Unit list
874 */
876 .unit_list a {
877 font-weight: bold;
878 }
880 /*************************************************************************
881 * Area list
882 */
883 .area_list {
884 border: 1px solid #444;
885 border-radius: 10px;
886 margin-top: 2ex;
887 }
889 .area_list .area {
890 border-top: 1px solid #777;
891 }
893 .area_list .area:first-child {
894 border-top: none;
895 }
897 .area_list .unit_head {
898 border-radius: 8px 8px 0 0;
899 }
901 .area_list .unit_head:last-child {
902 border-radius: 8px;
903 }
905 .area_list .area:last-child .content:last-child{
906 border-radius: 0 0 8px 8px;
907 }
909 .area_list .area:first-child .area_head {
910 border-radius: 8px 8px 0 0;
911 }
913 /*************************************************************************
914 * Issues
915 */
917 .issues {
918 clear: left;
919 margin-top: 2ex;
920 }
922 .issues .issue {
923 overflow: hidden;
924 border: 1px solid #777;
925 border-radius: 8px;
926 margin-bottom: 4ex;
927 }
929 .issue.interested,
930 .issue.interest_by_delegation {
931 border: 1px solid #b2cdff;
932 }
934 .issue .suggestion {
935 margin-bottom: 1ex;
936 font-weight: bold;
937 }
939 .event_info {
940 margin-top: 8px;
941 clear: left;
942 float: left;
943 line-height: 125%;
944 width: 240px;
945 display: inline;
946 padding: 5px 8px;
947 background-color: #444;
948 background: -webkit-linear-gradient(top, #888, #222);
949 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
950 background: -moz-linear-gradient(#888, #222);
951 background: -ms-linear-gradient(#888, #222);
952 background: -o-linear-gradient(#888, #222);
953 background: linear-gradient(#888, #222);
954 color: #fff;
955 font-style: italic;
956 border-radius: 8px 0 0 8px;
957 }
959 .event_info a {
960 color: #fff;
961 }
963 .events .issue {
964 min-height: 15ex;
965 border: 1px solid #777;
966 }
968 .event_info .event_name,
969 .issue_policy_info .event_name {
970 font-weight: bold;
971 }
973 .more_events_links {
974 margin-left: 255px;
975 padding: 1ex;
976 background-color: #444;
977 background: -webkit-linear-gradient(top, #888, #222);
978 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
979 background: -moz-linear-gradient(#888, #222);
980 background: -ms-linear-gradient(#888, #222);
981 background: -o-linear-gradient(#888, #222);
982 background: linear-gradient(#888, #222);
983 color: #fff;
984 border-radius: 8px;
985 font-weight: bold;
986 }
988 @media screen and (max-width: 720px) {
989 .event_info {
990 width: auto;
991 margin-left: 8px;
992 margin-right: 8px;
993 border-radius: 8px 8px 0 0;
994 }
995 .events .issue {
996 clear: left;
997 }
998 .more_events_links {
999 margin-left: 0px;
1000 }
1002 }
1004 @media screen and (max-width: 480px) {
1005 .events .initiative .name {
1006 clear: left;
1007 margin-left: 0px;
1008 }
1009 }
1013 .issue_policy_info img {
1014 vertical-align: middle;
1015 }
1017 .issue .interest_by_delegation {
1018 float: right;
1019 }
1021 .issue .initiative_list a.highlighted {
1022 font-weight: bold;
1023 }
1025 .initiative {
1026 margin-left: 1ex;
1027 margin-bottom: 1ex;
1028 line-height: 50%;
1029 }
1031 .initiative .bar {
1032 margin-right: 0.3em;
1033 }
1035 .initiative .rank,
1036 .initiative .bar,
1037 .initiative .interest {
1038 float: left;
1039 margin-right: 0.3em;
1040 }
1042 .initiative .rank {
1043 width: 2.5em;
1044 }
1047 .initiative .interest {
1048 width: 20px;
1049 height: 16px;
1050 line-height: 100%;
1051 }
1053 .initiative .name {
1054 line-height: 130%;
1055 margin-left: 168px;
1056 font-size: 115%;
1057 }
1059 .initiative.selected .name {
1060 font-weight: bold;
1061 xfont-style: italic;
1062 }
1064 @media screen and (max-width: 480px) {
1065 .initiative .name {
1066 clear: left;
1067 margin-left: 0px;
1068 }
1069 }
1072 .issue_initiative_list a {
1073 font-weight: bold;
1074 }
1076 .more_initiatives_link {
1077 display: block;
1078 margin-left: 166px;
1079 font-style: italic;
1080 margin-bottom: 1ex;
1081 }
1083 .issue tr tr {
1084 border: none;
1085 background: none;
1086 }
1088 .initiative_link.selected {
1089 font-weight: bold;
1090 }
1092 x.initiative_link.supported {
1093 background-color: #cdf;
1094 border-radius: 5px;
1095 }
1097 x.initiative_link.potentially_supported {
1098 background-color: #cdf;
1099 border-radius: 5px;
1100 }
1102 .lang_chooser {
1103 float: right;
1104 margin-right: 0.5em;
1105 }
1107 .delegation_list_entry {
1108 margin-right: 2em;
1109 margin-bottom: 2ex;
1110 float: left;
1111 clear: left;
1112 }
1114 .delegation_list_entry .delegation_arrow {
1115 float: left;
1116 }
1118 .delegation_list_entry .delegation_scope {
1119 float: left;
1120 width: 25em;
1121 }
1123 .delegation_list_entry .delegation_scope a {
1124 display: block;
1125 }
1127 .member_list .member_thumb {
1128 float: left;
1129 margin-right: 10px;
1130 margin-bottom: 10px;
1131 }
1133 .member_thumb {
1134 text-decoration: none;
1135 width: 205px;
1136 height: 48px;
1137 display: block;
1138 float: left;
1139 background-color: #fff;
1140 overflow: hidden;
1141 position: relative;
1142 border-radius: 8px;
1143 padding: 2px;
1144 border: 1px solid #aaa;
1145 }
1147 .member_thumb a:hover div {
1148 background-color: #444;
1149 color: #fff;
1150 }
1152 .member_thumb img {
1153 padding: 0;
1154 margin: 0;
1155 vertical-align: bottom;
1156 border-radius: 7px;
1157 }
1159 .member_thumb .member_name {
1160 position: absolute;
1161 left: 56px;
1162 top: 2ex;
1163 font-size: 100%;
1164 width: 14em;
1165 }
1167 .member_thumb .flags {
1168 float: right;
1169 }
1171 .member_thumb .flags a,
1172 .member_thumb .flags img {
1173 position: static;
1174 float: right;
1175 margin-left: 0.5em;
1176 }
1178 .member_thumb .flags .in_delegation_chain {
1179 font-weight: bold;
1180 }
1182 .member .right {
1183 float: right;
1184 }
1186 .member_thumb.not_accepted,
1187 .member_thumb.not_informed {
1188 border: 1px solid #ccc;
1189 color: #777;
1190 }
1192 .member_thumb.not_accepted .member_image,
1193 .member_thumb.not_accepted .member_name,
1194 .member_thumb.not_informed .member_image,
1195 .member_thumb.not_informed .member_name {
1196 opacity: 0.4;
1197 }
1199 .member_thumb.in_delegation_chain {
1200 background-color: #fda;
1201 }
1204 #suggestion_description {
1205 height: 15ex;
1206 }
1208 .diff {
1209 background-color: #f2f2f2;
1210 border: 1px solid #ccc;
1211 padding: 1ex;
1212 }
1214 .diff_added {
1215 background-color: #cfc;
1216 text-decoration: underline;
1217 }
1219 .diff_removed {
1220 background-color: #fcc;
1221 text-decoration: line-through;
1222 }
1224 .admitted_info,
1225 .not_admitted_info,
1226 .revoked_info,
1227 .draft_updated_info,
1228 .initiator_invite_info {
1229 padding: 1ex;
1230 }
1232 .admitted_info {
1233 background-color: #afc;
1234 }
1236 .not_admitted_info,
1237 .revoked_info {
1238 background-color: #fbb;
1239 }
1241 .draft_updated_info,
1242 .initiator_invite_info {
1243 background-color: #fda;
1244 }
1246 .motd,
1247 .public_access_issue_head {
1248 background-color: #fda;
1249 padding: 1ex;
1250 margin-top: 1ex;
1251 margin-bottom: 2ex;
1252 }
1254 .suggestion_fulfilled {
1255 width: 15em;
1256 }
1257 .suggestion_fulfilled a.action {
1258 padding-left: 0;
1259 line-height: 120%;
1260 }
1262 .help,
1263 .use_terms {
1264 border-radius: 8px;
1265 border: 1px solid #ffe900;
1266 background-color: #fffbce;
1267 color: #000;
1268 padding: 1ex;
1269 }
1271 .help_visible {
1272 margin-top: 2ex;
1273 margin-bottom: 1ex;
1274 }
1276 .help_visible .help_icon {
1277 float: right;
1278 }
1280 .slot_help_hidden {
1281 float: left;
1282 margin-top: 1ex;
1283 }
1285 .help_actions {
1286 float: right;
1287 }
1289 .help_actions a {
1290 margin-right: 1em;
1291 color: #468;
1292 }
1294 .wiki {
1295 line-height: 150%;
1296 }
1298 .wiki h1,
1299 .wiki h2,
1300 .wiki h3,
1301 .wiki h4 {
1302 margin-top: 1ex;
1303 margin-bottom: 1ex;
1304 }
1306 .wiki h1 {
1307 font-size: 133%;
1308 font-weight: bold;
1309 }
1311 .wiki h2 {
1312 font-size: 115%;
1313 font-weight: bold;
1314 }
1316 .wiki h3 {
1317 font-size: 115%;
1318 }
1320 .wiki h4 {
1321 font-size: 100%;
1322 font-weight: bold;
1323 }
1325 .wiki p {
1326 margin-top: 1ex;
1327 margin-bottom: 1ex;
1328 }
1330 form .warning {
1331 background-color: #ffd;
1332 color: #000;
1333 border: 1px solid #dda;
1334 margin: 1ex;
1335 margin-bottom: 2ex;
1336 padding: 1ex;
1337 }
1339 a.not_voted {
1340 display: block;
1341 background-color: #fec;
1342 color: #000;
1343 }
1345 .action_active {
1346 background-color: #fec;
1347 }
1349 .heading {
1350 display: block;
1351 font-size: 115%;
1352 font-weight: bold;
1353 margin-bottom: 10px;
1354 text-decoration: none;
1355 }
1357 .heading.first {
1358 margin-top: 0;
1359 }
1361 .menu_list li {
1362 padding-top: 1ex;
1363 padding-bottom: 1ex;
1364 }
1366 .deactivated_member_info {
1367 background-color: #a00;
1368 color: #fff;
1369 }
1371 /*************************************************************************
1372 * Voting
1373 */
1375 #voting_form {
1376 margin-top: 20px;
1377 }
1379 #voting {
1380 position: relative;
1381 }
1383 #voting .approval, .abstention, .disapproval {
1384 border: 2px black solid;
1385 margin-top: 2ex;
1386 margin-bottom: 5ex;
1387 padding: 1ex;
1388 padding-bottom: 2ex;
1389 border-radius: 8px;
1390 }
1391 #voting .approval {
1392 background-color: #9f9;
1393 }
1394 #voting .approval .movable {
1395 background-color: #dfd;
1396 }
1397 #voting .abstention {
1398 background-color: #ccc;
1399 }
1400 #voting .abstention .movable {
1401 background-color: #f2f2f2;
1402 }
1403 #voting .disapproval {
1404 background-color: #f88;
1405 }
1406 #voting .disapproval .movable {
1407 background-color: #fbb;
1408 }
1409 #voting .cathead {
1410 font-weight: bold;
1411 }
1412 #voting .movable {
1413 position: relative;
1414 border: 1px black solid;
1415 margin-top: 1ex;
1416 padding: 0.5ex;
1417 border-radius: 8px;
1418 }
1419 #voting .voting_form_active .movable {
1420 cursor: pointer;
1421 }
1422 #voting .voting_form_active .clickable {
1423 cursor: auto;
1424 }
1425 #voting .voting_form_active a.clickable {
1426 cursor: pointer;
1427 }
1429 #voting .movable {
1430 vertical-align: middle;
1431 cursor: move;
1432 }
1434 /* shadows */
1436 .member_statement,
1437 .suggestion_content,
1438 .initiative_head,
1439 .box,
1440 div.notifications {
1441 border-radius: 8px;
1442 }
1444 .member_statement,
1445 .suggestion_content,
1446 .initiative_head,
1447 .box {
1448 border: 1px solid #777;
1449 }
1451 .member_statement,
1452 .draft_content,
1453 .suggestion_content,
1454 .box {
1455 padding: 0 12px;
1456 }
1458 .suggestion_content,
1459 .member_statement,
1460 .draft_content {
1461 border-left: 12px solid #777;
1462 }
1464 .slot_footer {
1465 margin: 0 1%;
1466 border-top: 1px solid #ccc;
1467 padding: 1ex;
1468 text-align: center;
1469 }
1470 .slot_footer,
1471 .slot_footer a {
1472 color: #666;
1473 }
1475 .footer {
1476 margin: 0 auto;
1477 max-width: 1130px;
1478 }