liquid_feedback_frontend

view static/style.css @ 660:d97d13db0081

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

Impressum / About Us