liquid_feedback_frontend

view static/style.css @ 499:cda574707b1c

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

Impressum / About Us