liquid_feedback_frontend

view static/style.css @ 708:36efd27e6636

find changesets by author, revision, files, or words in the commit message
Optical improvements
author bsw
date Tue Jun 26 22:36:03 2012 +0200 (2012-06-26)
parents c2713a30dd8b
children e312b08f5ade
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: 5px 10px 5px 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: 5px 10px 7px 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 /*************************************************************************
901 * Events
902 */
903
904 .events .date {
905 font-size: 150%;
906 font-weight: bold;
907 margin-top: 2ex;
908 line-height: 150%;
909 }
910
911 .event_list .event div {
912 }
913
914 .event_list .event .member_id {
915 float: right;
916 }
917
918
919 /*************************************************************************
920 * Issues
921 */
922
923 .issues {
924 clear: left;
925 margin-top: 2ex;
926 }
927
928 .issues .issue {
929 overflow: hidden;
930 border: 1px solid #777;
931 border-radius: 8px;
932 margin-bottom: 4ex;
933 }
934
935 .issue.interested,
936 .issue.interest_by_delegation {
937 border: 1px solid #b2cdff;
938 }
939
940 .issue .suggestion {
941 margin-left: 1ex;
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-color: #444;
955 background: -webkit-linear-gradient(top, #888, #222);
956 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
957 background: -moz-linear-gradient(#888, #222);
958 background: -ms-linear-gradient(#888, #222);
959 background: -o-linear-gradient(#888, #222);
960 background: linear-gradient(#888, #222);
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 @media screen and (max-width: 720px) {
981 .event_info {
982 width: auto;
983 margin-left: 8px;
984 margin-right: 8px;
985 border-radius: 8px 8px 0 0;
986 }
987 .events .issue {
988 clear: left;
989
990 }
991 }
992
993 @media screen and (max-width: 480px) {
994 .events .initiative .name {
995 clear: left;
996 margin-left: 0px;
997 }
998 }
999
1000
1001
1002 .issue_policy_info img {
1003 vertical-align: middle;
1004 }
1005
1006 .issue .interest_by_delegation {
1007 float: right;
1008 }
1009
1010 .issue .initiative_list a.highlighted {
1011 font-weight: bold;
1012 }
1013
1014 .initiative {
1015 margin-left: 1ex;
1016 margin-bottom: 1ex;
1017 line-height: 50%;
1018 }
1019
1020 .initiative .bar {
1021 margin-right: 0.3em;
1022 }
1023
1024 .initiative .rank,
1025 .initiative .bar,
1026 .initiative .interest {
1027 float: left;
1028 margin-right: 0.3em;
1029 }
1030
1031 .initiative .rank {
1032 width: 2.5em;
1033 }
1034
1035
1036 .initiative .interest {
1037 width: 20px;
1038 height: 16px;
1039 line-height: 100%;
1040 }
1041
1042 .initiative .name {
1043 line-height: 130%;
1044 margin-left: 160px;
1045 }
1046
1047 @media screen and (max-width: 480px) {
1048 .initiative .name {
1049 clear: left;
1050 margin-left: 0px;
1051 }
1052 }
1053
1054
1055 .issue_initiative_list a {
1056 font-weight: bold;
1057 }
1058
1059 .more_initiatives_link {
1060 display: block;
1061 margin-left: 166px;
1062 font-style: italic;
1063 margin-bottom: 1ex;
1064 }
1065
1066 .issue tr tr {
1067 border: none;
1068 background: none;
1069 }
1070
1071 .initiative_link.selected {
1072 font-weight: bold;
1073 }
1074
1075 x.initiative_link.supported {
1076 background-color: #cdf;
1077 border-radius: 5px;
1078 }
1079
1080 x.initiative_link.potentially_supported {
1081 background-color: #cdf;
1082 border-radius: 5px;
1083 }
1084
1085 .lang_chooser {
1086 float: right;
1087 margin-right: 0.5em;
1088 }
1089
1090 .delegation_list_entry {
1091 margin-right: 2em;
1092 margin-bottom: 2ex;
1093 float: left;
1094 clear: left;
1095 }
1096
1097 .delegation_list_entry .delegation_arrow {
1098 float: left;
1099 }
1100
1101 .delegation_list_entry .delegation_scope {
1102 float: left;
1103 width: 25em;
1104 }
1105
1106 .delegation_list_entry .delegation_scope a {
1107 display: block;
1108 }
1109
1110 .member_list .member_thumb {
1111 float: left;
1112 margin-right: 10px;
1113 margin-bottom: 10px;
1114 }
1115
1116 .member_thumb {
1117 text-decoration: none;
1118 width: 205px;
1119 height: 48px;
1120 display: block;
1121 float: left;
1122 background-color: #fff;
1123 overflow: hidden;
1124 position: relative;
1125 border-radius: 8px;
1126 padding: 2px;
1127 border: 1px solid #aaa;
1128 }
1129
1130 .member_thumb a:hover div {
1131 background-color: #444;
1132 color: #fff;
1133 }
1134
1135 .member_thumb img {
1136 padding: 0;
1137 margin: 0;
1138 vertical-align: bottom;
1139 border-radius: 7px;
1140 }
1141
1142 .member_thumb .member_name {
1143 position: absolute;
1144 left: 56px;
1145 top: 2ex;
1146 font-size: 100%;
1147 width: 14em;
1148 }
1149
1150 .member_thumb .flags {
1151 float: right;
1152 }
1153
1154 .member_thumb .flags a,
1155 .member_thumb .flags img {
1156 position: static;
1157 float: right;
1158 margin-left: 0.5em;
1159 }
1160
1161 .member_thumb .flags .in_delegation_chain {
1162 font-weight: bold;
1163 }
1164
1165 .member .right {
1166 float: right;
1167 }
1168
1169 .member_thumb.not_accepted,
1170 .member_thumb.not_informed {
1171 border: 1px solid #ccc;
1172 color: #777;
1173 }
1174
1175 .member_thumb.not_accepted .member_image,
1176 .member_thumb.not_accepted .member_name,
1177 .member_thumb.not_informed .member_image,
1178 .member_thumb.not_informed .member_name {
1179 opacity: 0.4;
1180 }
1181
1182 .member_thumb.in_delegation_chain {
1183 background-color: #fda;
1184 }
1185
1186
1187 #suggestion_description {
1188 height: 15ex;
1189 }
1190
1191 .diff {
1192 background-color: #f2f2f2;
1193 border: 1px solid #ccc;
1194 padding: 1ex;
1195 }
1196
1197 .diff_added {
1198 background-color: #cfc;
1199 text-decoration: underline;
1200 }
1201
1202 .diff_removed {
1203 background-color: #fcc;
1204 text-decoration: line-through;
1205 }
1206
1207 .admitted_info {
1208 background-color: #afc;
1209 padding: 1ex;
1210 border-radius: 0 0 8px 8px;
1211 }
1212
1213 .not_admitted_info,
1214 .revoked_info {
1215 background-color: #fbb;
1216 padding: 1ex;
1217 border-radius: 8px;
1218 border-radius: 0 0 8px 8px;
1219 }
1220
1221 .draft_updated_info,
1222 .initiator_invite_info,
1223 .motd,
1224 .public_access_issue_head {
1225 background-color: #fda;
1226 padding: 1ex;
1227 margin-top: 1ex;
1228 margin-bottom: 2ex;
1229 border: 1px solid #fa0;
1230 border-radius: 10px;
1231 }
1232
1233 .suggestion_fulfilled {
1234 width: 15em;
1235 }
1236 .suggestion_fulfilled a.action {
1237 padding-left: 0;
1238 line-height: 120%;
1239 }
1240
1241 .help,
1242 .use_terms {
1243 border-radius: 8px;
1244 border: 1px solid #ffe900;
1245 background-color: #fffbce;
1246 color: #000;
1247 padding: 1ex;
1248 }
1249
1250 .help_visible {
1251 margin-top: 2ex;
1252 margin-bottom: 1ex;
1253 }
1254
1255 .help_visible .help_icon {
1256 float: right;
1257 }
1258
1259 .slot_help_hidden {
1260 float: left;
1261 margin-top: 1ex;
1262 }
1263
1264 .help_actions {
1265 float: right;
1266 }
1267
1268 .help_actions a {
1269 margin-right: 1em;
1270 color: #468;
1271 }
1272
1273 .wiki {
1274 line-height: 133%;
1275 }
1276
1277 .wiki h1,
1278 .wiki h2,
1279 .wiki h3,
1280 .wiki h4 {
1281 margin-top: 1ex;
1282 margin-bottom: 1ex;
1283 }
1284
1285 .wiki h1 {
1286 font-size: 133%;
1287 font-weight: bold;
1288 }
1289
1290 .wiki h2 {
1291 font-size: 115%;
1292 font-weight: bold;
1293 }
1294
1295 .wiki h3 {
1296 font-size: 115%;
1297 }
1298
1299 .wiki h4 {
1300 font-size: 100%;
1301 font-weight: bold;
1302 }
1303
1304 .wiki p {
1305 margin-top: 1ex;
1306 margin-bottom: 1ex;
1307 }
1308
1309 form .warning {
1310 background-color: #ffd;
1311 color: #000;
1312 border: 1px solid #dda;
1313 margin: 1ex;
1314 margin-bottom: 2ex;
1315 padding: 1ex;
1316 }
1317
1318 a.not_voted {
1319 display: block;
1320 background-color: #fec;
1321 color: #000;
1322 }
1323
1324 .action_active {
1325 background-color: #fec;
1326 }
1327
1328 .heading {
1329 display: block;
1330 font-size: 115%;
1331 font-weight: bold;
1332 }
1333
1334 .heading.first {
1335 margin-top: 0;
1336 }
1337
1338 .menu_list li {
1339 padding-top: 1ex;
1340 padding-bottom: 1ex;
1341 }
1342
1343 .deactivated_member_info {
1344 background-color: #a00;
1345 color: #fff;
1346 }
1347
1348 /*************************************************************************
1349 * Voting
1350 */
1351
1352 #voting_form {
1353 margin-top: 20px;
1354 }
1355
1356 #voting {
1357 position: relative;
1358 }
1359
1360 #voting .approval, .abstention, .disapproval {
1361 border: 2px black solid;
1362 margin-top: 2ex;
1363 margin-bottom: 5ex;
1364 padding: 1ex;
1365 padding-bottom: 2ex;
1366 border-radius: 8px;
1367 }
1368 #voting .approval {
1369 background-color: #9f9;
1370 }
1371 #voting .approval .movable {
1372 background-color: #dfd;
1373 }
1374 #voting .abstention {
1375 background-color: #ccc;
1376 }
1377 #voting .abstention .movable {
1378 background-color: #f2f2f2;
1379 }
1380 #voting .disapproval {
1381 background-color: #f88;
1382 }
1383 #voting .disapproval .movable {
1384 background-color: #fbb;
1385 }
1386 #voting .cathead {
1387 font-weight: bold;
1388 }
1389 #voting .movable {
1390 position: relative;
1391 border: 1px black solid;
1392 margin-top: 1ex;
1393 padding: 0.5ex;
1394 border-radius: 8px;
1395 }
1396 #voting .voting_form_active .movable {
1397 cursor: pointer;
1398 }
1399 #voting .voting_form_active .clickable {
1400 cursor: auto;
1401 }
1402 #voting .voting_form_active a.clickable {
1403 cursor: pointer;
1404 }
1405
1406 #voting .movable {
1407 vertical-align: middle;
1408 cursor: move;
1409 }
1410
1411 /* shadows */
1412
1413 .member_statement,
1414 .draft_content,
1415 .suggestion_content,
1416 .initiative_head,
1417 .box,
1418 div.notifications {
1419 border-radius: 8px;
1420 }
1421
1422 .member_statement,
1423 .draft_content,
1424 .suggestion_content,
1425 .initiative_head,
1426 .box {
1427 border: 1px solid #777;
1428 }
1429
1430 .member_statement,
1431 .draft_content,
1432 .suggestion_content,
1433 .box {
1434 padding: 0 12px;
1435 }
1436
1437 .suggestion_content,
1438 .member_statement,
1439 .draft_content {
1440 border-left: 12px solid #777;
1441 }
1442
1443 .slot_footer {
1444 margin: 0 1%;
1445 border-top: 1px solid #ccc;
1446 padding: 1ex;
1447 text-align: center;
1448 }
1449 .slot_footer,
1450 .slot_footer a {
1451 color: #666;
1452 }
1453
1454 .footer {
1455 margin: 0 auto;
1456 max-width: 1130px;
1457 }

Impressum / About Us