liquid_feedback_frontend

view static/style.css @ 564:418b590fa9ed

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

Impressum / About Us