liquid_feedback_frontend

view static/style.css @ 433:990432f7dba0

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

Impressum / About Us