liquid_feedback_frontend

view static/style.css @ 873:5f681205dd44

find changesets by author, revision, files, or words in the commit message
Added agument check again for public access
author bsw
date Sat Aug 18 22:59:00 2012 +0200 (2012-08-18)
parents ab827375de65
children ea3d3757ddc3
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 .vertical select {
731 font-family: sans-serif;
732 font-size: 100%;
733 width: 68%;
734 border: 1px solid #444;
735 padding: 0.2ex 0.2em 0.2ex 0.2em;
736 margin-bottom: 1ex;
737 }
738
739 .login input[type=password],
740 .vertical input[type=password] {
741 width: 16em;
742 }
743
744 .vertical select {
745 padding-right: 0;
746 }
747
748 .login .ui_field_label,
749 .vertical .ui_field_label {
750 line-height: 180%;
751 font-weight: bold;
752 color: #777;
753 width: 29%;
754 display: block;
755 float: left;
756 clear: left;
757 text-align: right;
758 padding-right: 0.5em;
759 }
760
761 .ui_field_label.label_right {
762 text-align: left;
763 width: auto;
764 }
765
766 .login input[type=text],
767 .login input[type=password] {
768 width: 10em;
769 }
770
771 .login div,
772 .vertical div {
773 clear: left;
774 }
775
776 .vertical span {
777 line-height: 180%;
778 display: block;
779 margin-bottom: 0.5ex;
780 }
781
782 .vertical span:after {
783 content: " ";
784 }
785
786 .vertical span span {
787 display: inline;
788 margin-bottom: 0;
789 }
790
791 .login input[type=submit],
792 .vertical input[type=submit] {
793 font-size: 100%;
794 margin-left: 29%;
795 background-color: #444444;
796 color: #fff;
797 border: none;
798 padding: 0.75ex;
799 }
800
801 .login input[type=submit]:hover,
802 .vertical input[type=submit]:hover,
803 .login input[type=submit]:focus,
804 .vertical input[type=submit]:focus {
805 background-color: #444444;
806 }
807
808 @media screen and (max-width: 480px) {
809 .login input[type=text],
810 .vertical input[type=text],
811 .login input[type=password],
812 .vertical input[type=password],
813 .vertical textarea,
814 .vertical select,
815 .vertical input[type=submit],
816 .login input[type=submit] {
817 width: 98%;
818 }
819 .login .ui_field_label,
820 .vertical .ui_field_label {
821 text-align: left;
822 width: 98%;
823 }
824 .login input[type=text],
825 .login input[type=password] {
826 width: 98%;
827 }
828 .login input[type=submit],
829 .vertical input[type=submit] {
830 margin-left: 0;
831 }
832 }
833
834
835 /*************************************************************************
836 * Positive / Negtive votes
837 */
838
839
840 .positive_votes span {
841 display: inline;
842 }
843
844 .positive_votes {
845 display: inline;
846 background-color: #cfc;
847 padding: 0.3ex 0.5em 0.3ex 0.5em;
848 }
849
850 .negative_votes span {
851 display: inline;
852 }
853
854 .negative_votes {
855 display: inline;
856 background-color: #fcc;
857 padding: 0.3ex 0.5em 0.3ex 0.5em;
858 }
859
860 .suggestion_my_opinion a,
861 .suggestion_my_opinion span {
862 white-space: nowrap;
863 padding-left: 0.2ex !important;
864 padding-right: 0.2ex !important;
865 }
866
867 .active {
868 background-color: #444;
869 color: #fff;
870 }
871
872 .active_red2 { background-color: #a00; color: #fff !important; }
873 .active_red1 { background-color: #f88; color: #000 !important; }
874 .active_green1 { background-color: #8f8; color: #000 !important; }
875 .active_green2 { background-color: #0a0; color: #000 !important; }
876
877
878
879 /*************************************************************************
880 * Unit list
881 */
882
883 .unit_list a {
884 font-weight: bold;
885 }
886
887 /*************************************************************************
888 * Area list
889 */
890 .area_list {
891 border: 1px solid #444;
892 border-radius: 10px;
893 margin-top: 2ex;
894 }
895
896 .area_list .area {
897 border-top: 1px solid #777;
898 }
899
900 .area_list .area:first-child {
901 border-top: none;
902 }
903
904 .area_list .unit_head {
905 border-radius: 8px 8px 0 0;
906 }
907
908 .area_list .unit_head:last-child {
909 border-radius: 8px;
910 }
911
912 .area_list .area:last-child .content:last-child{
913 border-radius: 0 0 8px 8px;
914 }
915
916 .area_list .area:first-child .area_head {
917 border-radius: 8px 8px 0 0;
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-bottom: 1ex;
943 font-weight: bold;
944 }
945
946 .event_info {
947 margin-top: 8px;
948 clear: left;
949 float: left;
950 line-height: 125%;
951 width: 240px;
952 display: inline;
953 padding: 5px 8px;
954 background: -webkit-linear-gradient(top, #888, #222);
955 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
956 background: -moz-linear-gradient(#888, #222);
957 background: -ms-linear-gradient(#888, #222);
958 background: -o-linear-gradient(#888, #222);
959 background: linear-gradient(#888, #222);
960 background-color: #444;
961 color: #fff;
962 font-style: italic;
963 border-radius: 8px 0 0 8px;
964 }
965
966 .event_info a {
967 color: #fff;
968 }
969
970 .events .issue {
971 min-height: 15ex;
972 border: 1px solid #777;
973 }
974
975 .event_info .event_name,
976 .issue_policy_info .event_name {
977 font-weight: bold;
978 }
979
980 .more_events_links {
981 margin-left: 255px;
982 padding: 1ex;
983 background: -webkit-linear-gradient(top, #888, #222);
984 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
985 background: -moz-linear-gradient(#888, #222);
986 background: -ms-linear-gradient(#888, #222);
987 background: -o-linear-gradient(#888, #222);
988 background: linear-gradient(#888, #222);
989 background-color: #444;
990 color: #fff;
991 border-radius: 8px;
992 font-weight: bold;
993 }
994
995 @media screen and (max-width: 720px) {
996 .event_info {
997 width: auto;
998 margin-left: 8px;
999 margin-right: 8px;
1000 border-radius: 8px 8px 0 0;
1001 }
1002 .events .issue {
1003 clear: left;
1004 }
1005 .more_events_links {
1006 margin-left: 0px;
1007 }
1008
1009 }
1010
1011 @media screen and (max-width: 480px) {
1012 .events .initiative .name {
1013 clear: left;
1014 margin-left: 0px;
1015 }
1016 }
1017
1018
1019
1020 .issue_policy_info img {
1021 vertical-align: middle;
1022 }
1023
1024 .issue .interest_by_delegation {
1025 float: right;
1026 }
1027
1028 .issue .initiative_list a.highlighted {
1029 font-weight: bold;
1030 }
1031
1032 .initiative {
1033 margin-left: 1ex;
1034 margin-bottom: 1ex;
1035 line-height: 50%;
1036 }
1037
1038 .initiative .bar {
1039 margin-right: 0.3em;
1040 }
1041
1042 .initiative .rank,
1043 .initiative .bar,
1044 .initiative .interest {
1045 float: left;
1046 margin-right: 0.3em;
1047 }
1048
1049 .initiative .rank {
1050 width: 2.5em;
1051 }
1052
1053
1054 .initiative .interest {
1055 width: 20px;
1056 height: 16px;
1057 line-height: 100%;
1058 }
1059
1060 .initiative .name {
1061 line-height: 130%;
1062 margin-left: 168px;
1063 font-size: 115%;
1064 }
1065
1066 .initiative.selected .name {
1067 font-weight: bold;
1068 xfont-style: italic;
1069 }
1070
1071 @media screen and (max-width: 480px) {
1072 .initiative .name {
1073 clear: left;
1074 margin-left: 0px;
1075 }
1076 }
1077
1078
1079 .issue_initiative_list a {
1080 font-weight: bold;
1081 }
1082
1083 .more_initiatives_link {
1084 display: block;
1085 margin-left: 166px;
1086 font-style: italic;
1087 margin-bottom: 1ex;
1088 }
1089
1090 .issue tr tr {
1091 border: none;
1092 background: none;
1093 }
1094
1095 .initiative_link.selected {
1096 font-weight: bold;
1097 }
1098
1099 x.initiative_link.supported {
1100 background-color: #cdf;
1101 border-radius: 5px;
1102 }
1103
1104 x.initiative_link.potentially_supported {
1105 background-color: #cdf;
1106 border-radius: 5px;
1107 }
1108
1109 .lang_chooser {
1110 float: right;
1111 margin-right: 0.5em;
1112 }
1113
1114 .delegation_list_entry {
1115 margin-right: 2em;
1116 margin-bottom: 2ex;
1117 float: left;
1118 clear: left;
1119 }
1120
1121 .delegation_list_entry .delegation_arrow {
1122 float: left;
1123 }
1124
1125 .delegation_list_entry .delegation_scope {
1126 float: left;
1127 width: 25em;
1128 }
1129
1130 .delegation_list_entry .delegation_scope a {
1131 display: block;
1132 }
1133
1134 .member_list .member_thumb {
1135 float: left;
1136 margin-right: 10px;
1137 margin-bottom: 10px;
1138 }
1139
1140 .member_thumb {
1141 text-decoration: none;
1142 width: 205px;
1143 height: 48px;
1144 display: block;
1145 float: left;
1146 background-color: #fff;
1147 overflow: hidden;
1148 position: relative;
1149 border-radius: 8px;
1150 padding: 2px;
1151 border: 1px solid #aaa;
1152 }
1153
1154 .member_thumb a:hover div {
1155 background-color: #444;
1156 color: #fff;
1157 }
1158
1159 .member_thumb img {
1160 padding: 0;
1161 margin: 0;
1162 vertical-align: bottom;
1163 border-radius: 7px;
1164 }
1165
1166 .member_thumb .member_name {
1167 position: absolute;
1168 left: 56px;
1169 top: 2ex;
1170 font-size: 100%;
1171 width: 14em;
1172 }
1173
1174 .member_thumb .flags {
1175 float: right;
1176 }
1177
1178 .member_thumb .flags a,
1179 .member_thumb .flags img {
1180 position: static;
1181 float: right;
1182 margin-left: 0.5em;
1183 }
1184
1185 .member_thumb .flags .in_delegation_chain {
1186 font-weight: bold;
1187 }
1188
1189 .member .right {
1190 float: right;
1191 }
1192
1193 .member_thumb.not_accepted,
1194 .member_thumb.not_informed {
1195 border: 1px solid #ccc;
1196 color: #777;
1197 }
1198
1199 .member_thumb.not_accepted .member_image,
1200 .member_thumb.not_accepted .member_name,
1201 .member_thumb.not_informed .member_image,
1202 .member_thumb.not_informed .member_name {
1203 opacity: 0.4;
1204 }
1205
1206 .member_thumb.in_delegation_chain {
1207 background-color: #fda;
1208 }
1209
1210
1211 #suggestion_description {
1212 height: 15ex;
1213 }
1214
1215 .diff {
1216 background-color: #f2f2f2;
1217 border: 1px solid #ccc;
1218 padding: 1ex;
1219 }
1220
1221 .diff_added {
1222 background-color: #cfc;
1223 text-decoration: underline;
1224 }
1225
1226 .diff_removed {
1227 background-color: #fcc;
1228 text-decoration: line-through;
1229 }
1230
1231 .admitted_info,
1232 .not_admitted_info,
1233 .revoked_info,
1234 .draft_updated_info,
1235 .initiator_invite_info {
1236 padding: 1ex;
1237 }
1238
1239 .admitted_info {
1240 background-color: #afc;
1241 }
1242
1243 .not_admitted_info,
1244 .revoked_info {
1245 background-color: #fbb;
1246 }
1247
1248 .draft_updated_info,
1249 .initiator_invite_info {
1250 background-color: #fda;
1251 }
1252
1253 .motd,
1254 .public_access_issue_head {
1255 background-color: #fda;
1256 padding: 1ex;
1257 margin-top: 1ex;
1258 margin-bottom: 2ex;
1259 }
1260
1261 .suggestion_fulfilled {
1262 width: 15em;
1263 }
1264 .suggestion_fulfilled a.action {
1265 padding-left: 0;
1266 line-height: 120%;
1267 }
1268
1269 .help,
1270 .use_terms {
1271 border-radius: 8px;
1272 border: 1px solid #ffe900;
1273 background-color: #fffbce;
1274 color: #000;
1275 padding: 1ex;
1276 }
1277
1278 .help_visible {
1279 margin-top: 2ex;
1280 margin-bottom: 1ex;
1281 }
1282
1283 .help_visible .help_icon {
1284 float: right;
1285 }
1286
1287 .slot_help_hidden {
1288 float: left;
1289 margin-top: 1ex;
1290 }
1291
1292 .help_actions {
1293 float: right;
1294 }
1295
1296 .help_actions a {
1297 margin-right: 1em;
1298 color: #468;
1299 }
1300
1301 .wiki {
1302 line-height: 150%;
1303 }
1304
1305 .wiki h1,
1306 .wiki h2,
1307 .wiki h3,
1308 .wiki h4 {
1309 margin-top: 1ex;
1310 margin-bottom: 1ex;
1311 }
1312
1313 .wiki h1 {
1314 font-size: 133%;
1315 font-weight: bold;
1316 }
1317
1318 .wiki h2 {
1319 font-size: 115%;
1320 font-weight: bold;
1321 }
1322
1323 .wiki h3 {
1324 font-size: 115%;
1325 }
1326
1327 .wiki h4 {
1328 font-size: 100%;
1329 font-weight: bold;
1330 }
1331
1332 .wiki p {
1333 margin-top: 1ex;
1334 margin-bottom: 1ex;
1335 }
1336
1337 form .warning {
1338 background-color: #ffd;
1339 color: #000;
1340 border: 1px solid #dda;
1341 margin: 1ex;
1342 margin-bottom: 2ex;
1343 padding: 1ex;
1344 }
1345
1346 a.not_voted {
1347 display: block;
1348 background-color: #fec;
1349 color: #000;
1350 }
1351
1352 .action_active {
1353 background-color: #fec;
1354 }
1355
1356 .heading {
1357 display: block;
1358 font-size: 115%;
1359 font-weight: bold;
1360 margin-bottom: 10px;
1361 text-decoration: none;
1362 }
1363
1364 .heading.first {
1365 margin-top: 0;
1366 }
1367
1368 .menu_list li {
1369 padding-top: 1ex;
1370 padding-bottom: 1ex;
1371 }
1372
1373 .deactivated_member_info {
1374 background-color: #a00;
1375 color: #fff;
1376 }
1377
1378 /*************************************************************************
1379 * Voting
1380 */
1381
1382 #voting_form {
1383 margin-top: 20px;
1384 }
1385
1386 #voting {
1387 position: relative;
1388 }
1389
1390 #voting .approval, .abstention, .disapproval {
1391 border: 2px black solid;
1392 margin-top: 2ex;
1393 margin-bottom: 5ex;
1394 padding: 1ex;
1395 padding-bottom: 2ex;
1396 border-radius: 8px;
1397 }
1398 #voting .approval {
1399 background-color: #9f9;
1400 }
1401 #voting .approval .movable {
1402 background-color: #dfd;
1403 }
1404 #voting .abstention {
1405 background-color: #ccc;
1406 }
1407 #voting .abstention .movable {
1408 background-color: #f2f2f2;
1409 }
1410 #voting .disapproval {
1411 background-color: #f88;
1412 }
1413 #voting .disapproval .movable {
1414 background-color: #fbb;
1415 }
1416 #voting .cathead {
1417 font-weight: bold;
1418 }
1419 #voting .movable {
1420 position: relative;
1421 border: 1px black solid;
1422 margin-top: 1ex;
1423 padding: 0.5ex;
1424 border-radius: 8px;
1425 }
1426 #voting .voting_form_active .movable {
1427 cursor: pointer;
1428 }
1429 #voting .voting_form_active .clickable {
1430 cursor: auto;
1431 }
1432 #voting .voting_form_active a.clickable {
1433 cursor: pointer;
1434 }
1435
1436 #voting .movable {
1437 vertical-align: middle;
1438 cursor: move;
1439 }
1440
1441 /* shadows */
1442
1443 .member_statement,
1444 .suggestion_content,
1445 .initiative_head,
1446 .box,
1447 div.notifications {
1448 border-radius: 8px;
1449 }
1450
1451 .member_statement,
1452 .suggestion_content,
1453 .initiative_head,
1454 .box {
1455 border: 1px solid #777;
1456 }
1457
1458 .member_statement,
1459 .draft_content,
1460 .suggestion_content,
1461 .box {
1462 padding: 0 12px;
1463 }
1464
1465 .suggestion_content,
1466 .member_statement,
1467 .draft_content {
1468 border-left: 12px solid #777;
1469 }
1470
1471 .slot_footer {
1472 margin: 0 1%;
1473 border-top: 1px solid #ccc;
1474 padding: 1ex;
1475 text-align: center;
1476 }
1477 .slot_footer,
1478 .slot_footer a {
1479 color: #666;
1480 }
1481
1482 .footer {
1483 margin: 0 auto;
1484 max-width: 1130px;
1485 }

Impressum / About Us