liquid_feedback_frontend

view static/style.css @ 1023:9b88ee49afa7

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

Impressum / About Us