liquid_feedback_frontend

view static/style.css @ 704:78c7ffd50d60

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

Impressum / About Us