liquid_feedback_frontend

view static/style.css @ 529:5ca9de94cb13

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

Impressum / About Us