liquid_feedback_frontend

view static/style.css @ 718:cc64a4fc6ab6

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

Impressum / About Us