liquid_feedback_frontend

view static/style.css @ 1117:93b84dee5577

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

Impressum / About Us