liquid_feedback_frontend

view static/style.css @ 527:4cee33ad5e16

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

Impressum / About Us