liquid_feedback_frontend

view static/style.css @ 619:7dc5ab12bfe3

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

Impressum / About Us