liquid_feedback_frontend

view static/style.css @ 710:b69cf8c39106

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

Impressum / About Us