liquid_feedback_frontend

view static/style.css @ 832:e45d7a0a23f2

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

Impressum / About Us