liquid_feedback_frontend

view static/style.css @ 720:cdd0bcbbef8b

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

Impressum / About Us