liquid_feedback_frontend

view static/style.css @ 624:0c756a7fb8e7

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

Impressum / About Us