liquid_feedback_frontend

view static/style.css @ 440:eb162e2b48c4

find changesets by author, revision, files, or words in the commit message
Fix left margin of submit buttons
author bsw
date Sun Mar 11 12:31:26 2012 +0100 (2012-03-11)
parents 4d3fb6bcbda4
children 2cdbfb06a62b
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: 69%;
665 border: 1px solid #444;
666 padding: 0.2ex 0.2em 0.2ex 0.2em;
667 margin-bottom: 1ex;
668 }
669
670
671
672 .login input[type=password],
673 .vertical input[type=password] {
674 width: 16em;
675 }
676
677 .vertical select {
678 padding-right: 0;
679 }
680
681 .login .ui_field_label,
682 .vertical .ui_field_label {
683 text-transform: uppercase;
684 font-size: 70%;
685 line-height: 120%;
686 font-weight: bold;
687 color: #777;
688 width: 29%;
689 display: block;
690 float: left;
691 clear: left;
692 text-align: right;
693 padding-right: 0.5em;
694 }
695
696 .ui_field_label.label_right {
697 text-align: left;
698 width: auto;
699 }
700
701 .login input[type=text],
702 .login input[type=password] {
703 width: 10em;
704 }
705
706 .login div,
707 .vertical div {
708 clear: left;
709 }
710
711 .vertical span {
712 display: block;
713 margin-bottom: 0.5ex;
714 }
715
716 .vertical span:after {
717 content: " ";
718 }
719
720 .vertical span span {
721 display: inline;
722 margin-bottom: 0;
723 }
724
725 .login input[type=submit],
726 .vertical input[type=submit] {
727 font-size: 100%;
728 margin-left: 29%;
729 background-color: #444444;
730 color: #fff;
731 border: none;
732 padding: 0.75ex;
733 }
734
735 .login input[type=submit]:hover,
736 .vertical input[type=submit]:hover {
737 background-color: #444444;
738 }
739
740 @media screen and (max-width: 480px) {
741 .login input[type=text],
742 .vertical input[type=text],
743 .login input[type=password],
744 .vertical input[type=password],
745 .vertical textarea,
746 .vertical select,
747 .vertical input[type=submit],
748 .login input[type=submit] {
749 width: 98%;
750 }
751 .login .ui_field_label,
752 .vertical .ui_field_label {
753 text-align: left;
754 width: 98%;
755 }
756 .login input[type=text],
757 .login input[type=password] {
758 width: 98%;
759 }
760 .login input[type=submit],
761 .vertical input[type=submit] {
762 margin-left: 0;
763 }
764 }
765
766
767
768 /*************************************************************************
769 * Tables
770 */
771
772
773 table a.action {
774 font-size: 70%;
775 line-height: 190%;
776 padding: 0.5ex;
777 color: #777;
778 }
779
780 table a.active {
781 color: #fff;
782 }
783
784 th {
785 text-align: left;
786 }
787
788 tr:hover td {
789 background-color: #f2f2f2;
790 }
791
792 .nohover tr:hover td {
793 background-color: #fff;
794 }
795
796 .initiatives_list .nohover tr:hover td {
797 background-color: #f2f2f2;
798 }
799
800 .nohover table tr:hover td {
801 background-color: #f2f2f2;
802 }
803
804
805 tr table tr:hover td {
806 background-color: #fff;
807 }
808
809
810 /*************************************************************************
811 * Positive / Negtive votes
812 */
813
814
815 .positive_votes span {
816 display: inline;
817 }
818
819 .positive_votes {
820 display: inline;
821 background-color: #cfc;
822 padding: 0.3ex 0.5em 0.3ex 0.5em;
823 }
824
825 .negative_votes span {
826 display: inline;
827 }
828
829 .negative_votes {
830 display: inline;
831 background-color: #fcc;
832 padding: 0.3ex 0.5em 0.3ex 0.5em;
833 }
834
835 .suggestion_my_opinion a,
836 .suggestion_my_opinion span {
837 white-space: nowrap;
838 padding-left: 0.2ex !important;
839 padding-right: 0.2ex !important;
840 }
841
842 .active {
843 background-color: #444;
844 color: #fff;
845 }
846
847 .active_red2 { background-color: #a00; color: #fff !important; }
848 .active_red1 { background-color: #f88; color: #000 !important; }
849 .active_green1 { background-color: #8f8; color: #000 !important; }
850 .active_green2 { background-color: #0a0; color: #000 !important; }
851
852
853
854 /*************************************************************************
855 * Area list
856 */
857
858 .member_area_list {
859 margin-bottom: 0ex;
860 border-radius: 8px;
861 border: 1px solid #aaa;
862 padding: 1ex;
863 margin-bottom: 2ex;
864 }
865
866 .member_area_list .unit_head {
867 font-size: 120%;
868 font-weight: bold;
869 float: left;
870 clear: both;
871 }
872
873 .member_area_list .unit_delegatee {
874 float: left;
875 }
876
877 .member_area_list .voting_priv_info {
878 clear: left;
879 margin-top: 4ex;
880 }
881
882 .area_list {
883 margin-bottom: 4ex;
884 }
885
886 .member_area_list .area_list {
887 margin-bottom: 0;
888 }
889
890 .area_list .area {
891 line-height: 32px;
892 clear: both;
893 }
894
895 .area_list .area.head {
896 line-height: 16px;
897 clear: none;
898 }
899
900 .area_list .area.head .phases {
901 xmargin-top: 2ex;
902 }
903
904 .area_list .area img {
905 vertical-align: middle;
906 }
907
908 .area_list .area .bar {
909 float: left;
910 padding-top: 6px
911 }
912
913 .area_list .area .membership,
914 .area_list .area .delegatee {
915 display: inline;
916 width: 24px
917 }
918
919 .area_list .area .name {
920 display: inline;
921 font-weight: bold;
922 }
923
924 .area_list .area .phases {
925 float: right;
926 }
927
928 .area_list .area .phases div {
929 float: left;
930 width: 3em;
931 text-align: right;
932 }
933
934 @media screen and (max-width: 480px) {
935 .area_list .area .name {
936 display: block;
937 line-height: 100%;
938 }
939
940 .area_list .area .delegatee,
941 .area_list .area .membership {
942 float: left;
943 white-space: nowrap;
944 }
945 .area_list .area .bar {
946 display: none;
947 }
948 }
949
950 /*************************************************************************
951 * Events
952 */
953
954 .events .date {
955 font-size: 150%;
956 font-weight: bold;
957 margin-top: 2ex;
958 line-height: 150%;
959 }
960
961 .event_list .event div {
962 }
963
964 .event_list .event .member_id {
965 float: right;
966 }
967
968
969 /*************************************************************************
970 * Issues
971 */
972
973 .issues {
974 clear: left;
975 }
976
977 .issues .issue {
978 background-color: #fcfcfc;
979 overflow: hidden;
980 margin-bottom: 2ex;
981 border: 1px solid #aaa;
982 border-radius: 8px;
983 }
984
985 .issues .issue.interested,
986 .issues .issue.interest_by_delegation {
987 border: 1px solid #b2cdff;
988 }
989
990 .issues .issue .issue_info {
991 padding: 1ex 1ex 0.3ex 1ex;
992 line-height: 140%;
993 margin-bottom: 1ex;
994 }
995
996 .issues .issue.interested .issue_info,
997 .issues .issue.interested_by_delegation .issue_info {
998 background-color: #dfeaff;
999 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1000 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1001 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1002 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
1003 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1004 }
1005
1006 .event_list .event .issue_id,
1007 .issues .issue .issue_info .issue_id {
1008 font-size: 125%;
1009 }
1010
1011 .issues .issue .suggestion {
1012 margin-left: 1ex;
1013 margin-bottom: 1ex;
1014 font-weight: bold;
1015 }
1016
1017 .issue_policy_info {
1018 font-style: italic;
1019 }
1020
1021 .issue_policy_info .event_name {
1022 font-weight: bold;
1023 }
1024
1025 .issue_policy_info img {
1026 vertical-align: middle;
1027 }
1028
1029 .issues .issue .interest_by_delegation {
1030 float: right;
1031 }
1032
1033 .issues .issue .initiative_list a {
1034 font-weight: bold;
1035 }
1036
1037 .initiative {
1038 margin-left: 1ex;
1039 margin-bottom: 1ex;
1040 line-height: 50%;
1041 }
1042
1043 .initiative .bar {
1044 margin-right: 0.3em;
1045 }
1046
1047 .initiative .rank,
1048 .initiative .bar,
1049 .initiative .interest {
1050 float: left;
1051 margin-right: 0.3em;
1052 }
1053
1054 .initiative .interest {
1055 width: 16px;
1056 height: 16px;
1057 line-height: 100%;
1058 }
1059
1060 .initiative .name {
1061 line-height: 130%;
1062 margin-left: 160px;
1063 }
1064
1065 @media screen and (max-width: 480px) {
1066 .initiative .name {
1067 clear: left;
1068 margin-left: 0px;
1069 }
1070 }
1071
1072
1073 .issue_initiative_list a {
1074 font-weight: bold;
1075 }
1076
1077 .more_initiatives_link {
1078 display: block;
1079 margin-left: 166px;
1080 font-style: italic;
1081 margin-bottom: 1ex;
1082 }
1083
1084 .issues tr tr {
1085 border: none;
1086 background: none;
1087 }
1088
1089 .initiative_link.selected {
1090 font-weight: bold;
1091 }
1092
1093 x.initiative_link.supported {
1094 background-color: #cdf;
1095 border-radius: 5px;
1096 }
1097
1098 x.initiative_link.potentially_supported {
1099 background-color: #cdf;
1100 border-radius: 5px;
1101 }
1102
1103 .lang_chooser {
1104 float: right;
1105 margin-right: 0.5em;
1106 }
1107
1108 .delegation_list_entry {
1109 margin-right: 2em;
1110 margin-bottom: 2ex;
1111 float: left;
1112 clear: left;
1113 }
1114
1115 .delegation_list_entry .delegation_arrow {
1116 float: left;
1117 }
1118
1119 .delegation_list_entry .delegation_scope {
1120 float: left;
1121 width: 25em;
1122 }
1123
1124 .delegation_list_entry .delegation_scope a {
1125 display: block;
1126 }
1127
1128 .member_list .member_thumb {
1129 float: left;
1130 margin-right: 1em;
1131 margin-bottom: 2ex;
1132 }
1133
1134 .member_thumb {
1135 text-decoration: none;
1136 width: 14.5em;
1137 height: 48px;
1138 display: block;
1139 float: left;
1140 background-color: #f2f2f2;
1141 overflow: hidden;
1142 position: relative;
1143 border-radius: 7px;
1144 padding: 2px;
1145 }
1146
1147 .xmember_thumb a {
1148 position: absolute;
1149 top: 0;
1150 left: 0;
1151 padding: 0;
1152 margin: 0;
1153 }
1154
1155 .member_thumb a:hover div {
1156 background-color: #444;
1157 color: #fff;
1158 }
1159
1160 .member_thumb img {
1161 padding: 0;
1162 margin: 0;
1163 vertical-align: bottom;
1164 border-radius: 7px;
1165 }
1166
1167 .member_thumb .member_name {
1168 position: absolute;
1169 left: 56px;
1170 top: 2ex;
1171 font-size: 100%;
1172 width: 14em;
1173 }
1174
1175 .member_thumb .flags {
1176 text-align: right;
1177 font-size: 75%;
1178 }
1179
1180 .member_thumb .flags a,
1181 .member_thumb .flags img {
1182 position: static;
1183 float: right;
1184 margin-left: 0.5em;
1185 }
1186
1187 .member_thumb .flags .in_delegation_chain {
1188 font-weight: bold;
1189 }
1190
1191 .member .right {
1192 float: right;
1193 }
1194
1195 .member_thumb.not_accepted,
1196 .member_thumb.not_informed {
1197 background: #fff;
1198 }
1199
1200 .member_thumb.not_accepted .member_image,
1201 .member_thumb.not_accepted .member_name,
1202 .member_thumb.not_informed .member_image,
1203 .member_thumb.not_informed .member_name {
1204 opacity: 0.4;
1205 }
1206
1207 .member_thumb.in_delegation_chain {
1208 background-color: #cdf;
1209 }
1210
1211 .member_statement,
1212 .draft_content,
1213 .suggestion_content {
1214 background-color: #f2f2f2;
1215 padding: 1ex;
1216 border-radius: 8px;
1217 }
1218
1219 .member_statement {
1220 margin-right: 250px;
1221 }
1222
1223 #suggestion_description {
1224 height: 15ex;
1225 }
1226
1227 .diff {
1228 background-color: #f2f2f2;
1229 border: 1px solid #ccc;
1230 padding: 1ex;
1231 }
1232
1233 .diff_added {
1234 background-color: #cfc;
1235 text-decoration: underline;
1236 }
1237
1238 .diff_removed {
1239 background-color: #fcc;
1240 text-decoration: line-through;
1241 }
1242
1243 .slot_issue_info {
1244 background-color: #f2f2f2;
1245 border: 1px solid #ccc;
1246 float: right;
1247 padding: 0.5ex;
1248 line-height: 130%;
1249 margin-right: 1em;
1250 }
1251
1252 .issue_info label {
1253 float: left;
1254 width: 8em;
1255 text-transform: uppercase;
1256 font-size: 70%;
1257 color: #777;
1258 font-weight: bold;
1259 clear: left;
1260 text-align: right;
1261 margin-right: 0.7em;
1262 }
1263
1264 .admitted_info {
1265 background-color: #dfd;
1266 padding: 1ex;
1267 margin-bottom: 2ex;
1268 border-radius: 8px;
1269 }
1270
1271 .not_admitted_info,
1272 .revoked_info {
1273 background-color: #fdd;
1274 padding: 1ex;
1275 margin-bottom: 2ex;
1276 border-radius: 8px;
1277 }
1278
1279 .draft_updated_info,
1280 .voting_active_info,
1281 .initiator_invite_info,
1282 .motd,
1283 .public_access_issue_head {
1284 background-color: #fffbce;
1285 padding: 1ex;
1286 margin-top: 2ex;
1287 margin-bottom: 2ex;
1288 border-radius: 8px;
1289 border: 1px solid #ffe900;
1290 }
1291
1292 .suggestion_fulfilled {
1293 width: 15em;
1294 }
1295 .suggestion_fulfilled a.action {
1296 padding-left: 0;
1297 line-height: 120%;
1298 }
1299
1300 .help,
1301 .use_terms {
1302 border-radius: 8px;
1303 border: 1px solid #ffe900;
1304 background-color: #fffbce;
1305 color: #000;
1306 padding: 1ex;
1307 }
1308
1309 .help_visible {
1310 margin-top: 2ex;
1311 margin-bottom: 1ex;
1312 }
1313
1314 .help_visible .help_icon {
1315 float: right;
1316 }
1317
1318 .slot_help_hidden {
1319 float: right;
1320 margin-right: 1em;
1321 margin-top: 1ex;
1322 }
1323
1324 .help_actions {
1325 font-size: 75%;
1326 float: right;
1327 }
1328
1329 .help_actions a {
1330 margin-right: 1em;
1331 color: #468;
1332 }
1333
1334 .wiki {
1335 line-height: 133%;
1336 }
1337
1338 .wiki h1,
1339 .wiki h2,
1340 .wiki h3,
1341 .wiki h4 {
1342 margin-top: 1ex;
1343 margin-bottom: 1ex;
1344 }
1345
1346 .wiki h1 {
1347 font-size: 150%;
1348 font-weight: bold;
1349 }
1350
1351 .wiki h2 {
1352 font-size: 125%;
1353 font-weight: bold;
1354 }
1355
1356 .wiki h3 {
1357 font-size: 125%;
1358 }
1359
1360 .wiki h4 {
1361 font-size: 100%;
1362 font-weight: bold;
1363 }
1364
1365 .wiki p {
1366 margin-top: 1ex;
1367 margin-bottom: 1ex;
1368 }
1369
1370 form .warning {
1371 background-color: #ffd;
1372 color: #000;
1373 border: 1px solid #dda;
1374 margin: 1ex;
1375 margin-bottom: 2ex;
1376 padding: 1ex;
1377 }
1378
1379 a.not_voted {
1380 display: block;
1381 background-color: #fec;
1382 color: #000;
1383 }
1384
1385 .action_active {
1386 background-color: #fec;
1387 }
1388
1389 .heading {
1390 display: block;
1391 font-size: 120%;
1392 font-weight: bold;
1393 }
1394
1395 .heading.first {
1396 margin-top: 0;
1397 }
1398
1399 .menu_list li {
1400 padding-top: 1ex;
1401 padding-bottom: 1ex;
1402 }
1403
1404 .deactivated_member_info {
1405 background-color: #a00;
1406 color: #fff;
1407 }
1408
1409 /*************************************************************************
1410 * Voting
1411 */
1412
1413 #voting_form {
1414 margin-top: 20px;
1415 }
1416
1417 #voting {
1418 position: relative;
1419 }
1420
1421 #voting .approval, .abstention, .disapproval {
1422 border: 2px black solid;
1423 margin-top: 2ex;
1424 margin-bottom: 5ex;
1425 padding: 1ex;
1426 padding-bottom: 2ex;
1427 border-radius: 8px;
1428 }
1429 #voting .approval {
1430 background-color: #9f9;
1431 }
1432 #voting .approval .movable {
1433 background-color: #dfd;
1434 }
1435 #voting .abstention {
1436 background-color: #ccc;
1437 }
1438 #voting .abstention .movable {
1439 background-color: #f2f2f2;
1440 }
1441 #voting .disapproval {
1442 background-color: #f88;
1443 }
1444 #voting .disapproval .movable {
1445 background-color: #fbb;
1446 }
1447 #voting .cathead {
1448 font-weight: bold;
1449 }
1450 #voting .movable {
1451 position: relative;
1452 border: 1px black solid;
1453 margin-top: 1ex;
1454 padding: 0.5ex;
1455 border-radius: 8px;
1456 }
1457 #voting .voting_form_active .movable {
1458 cursor: pointer;
1459 }
1460 #voting .voting_form_active .clickable {
1461 cursor: auto;
1462 }
1463 #voting .voting_form_active a.clickable {
1464 cursor: pointer;
1465 }
1466
1467 #voting .grabber {
1468 vertical-align: middle;
1469 cursor: move;
1470 }
1471
1472 /*************************************************************************
1473 * timeline
1474 */
1475 div.ignore_area_list {
1476 float: left;
1477 width: 90%;
1478 margin: 0 0 1em 0;
1479 }
1480
1481 div.ignore_area_list >
1482 label.ui_field_label {
1483 text-align: left ;
1484 width: 100%;
1485 border-bottom:1px solid #000000;
1486 color: #000000;
1487 font-size:75%;
1488 font-weight:bold;
1489 vertical-align:bottom;
1490 text-transform:none;
1491 padding:0.5ex 0.5em
1492 }
1493
1494 div.ignore_area_item {
1495 clear: none;
1496 float: left;
1497 min-width: 10em;
1498 margin: 0.1ex 0.5em;
1499 margin-right: 0.5em;
1500 }
1501
1502 div.ignore_area_item > input {
1503 float: none;
1504 clear: none;
1505 display: inline;
1506 }
1507
1508 div.ignore_area_item >
1509 label.ui_field_label {
1510 float: none;
1511 clear: none;
1512 text-align: left;
1513 display: inline;
1514 }
1515
1516 div.timeline_results {
1517 clear: both;
1518 }
1519
1520 /* shadows */
1521
1522 .box {
1523 border: 1px solid #aaa;
1524 border-radius: 8px;
1525 padding: 1ex;
1526 }
1527
1528 .member_area_list .box {
1529 border: none;
1530 padding: 0;
1531 }
1532
1533 .slot_initiatives_list,
1534 .actions,
1535 .issues .issue,
1536 .ui_tabs_links a,
1537 .draft_content,
1538 .help,
1539 .use_terms,
1540 .motd,
1541 .ui_filter a.active,
1542 .vote_info .content,
1543 .member_area_list,
1544 .box {
1545 box-shadow: #777 0px 5px 5px -5px;
1546 -mox-box-shadow: #777 0px 5px 5px -5px;
1547 -webkit-box-shadow: #777 0px 5px 5px -5px;
1548 }
1549
1550 .member_area_list .box {
1551 box-shadow: none;
1552 -mox-box-shadow: none;
1553 -webkit-box-shadow: none;
1554 }
1555
1556 .slot_footer {
1557 margin: 0 1%;
1558 border-top: 1px solid #ccc;
1559 padding: 1ex;
1560 font-size: 80%;
1561 text-align: center;
1562 }
1563 .slot_footer,
1564 .slot_footer a {
1565 color: #666;
1566 }
1567
1568 .footer {
1569 margin: 0 auto;
1570 max-width: 1130px;
1571 }

Impressum / About Us