liquid_feedback_frontend

view static/style.css @ 717:46b94112781d

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

Impressum / About Us