liquid_feedback_frontend

view static/style.css @ 893:e0a137befa74

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

Impressum / About Us