liquid_feedback_frontend

view static/style.css @ 462:ba310961ba34

find changesets by author, revision, files, or words in the commit message
Make public_access mode working
author bsw
date Tue Mar 13 11:59:58 2012 +0100 (2012-03-13)
parents 2cdbfb06a62b
children ba9639bcadb0
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 * Unit list
856 */
857
858 .unit_list a {
859 font-weight: bold;
860 }
861
862 /*************************************************************************
863 * Area list
864 */
865
866 .member_area_list {
867 margin-bottom: 0ex;
868 border-radius: 8px;
869 border: 1px solid #aaa;
870 padding: 1ex;
871 margin-bottom: 2ex;
872 }
873
874 .member_area_list .unit_head {
875 font-size: 120%;
876 font-weight: bold;
877 float: left;
878 clear: both;
879 }
880
881 .member_area_list .unit_delegatee {
882 float: left;
883 }
884
885 .member_area_list .voting_priv_info {
886 clear: left;
887 margin-top: 4ex;
888 }
889
890 .member_area_list .more_areas {
891 font-style: italic;
892 }
893
894 .area_list {
895 margin-bottom: 4ex;
896 }
897
898 .member_area_list .area_list {
899 margin-bottom: 0;
900 }
901
902 .area_list .area {
903 line-height: 32px;
904 clear: both;
905 }
906
907 .area_list .area.head {
908 line-height: 16px;
909 clear: none;
910 }
911
912 .area_list .area.head .phases {
913 xmargin-top: 2ex;
914 }
915
916 .area_list .area img {
917 vertical-align: middle;
918 }
919
920 .area_list .area .bar {
921 float: left;
922 padding-top: 6px
923 }
924
925 .area_list .area .membership,
926 .area_list .area .delegatee {
927 display: inline;
928 width: 24px
929 }
930
931 .area_list .area .name {
932 display: inline;
933 font-weight: bold;
934 }
935
936 .area_list .area .phases {
937 float: right;
938 }
939
940 .area_list .area .phases div {
941 float: left;
942 width: 3em;
943 text-align: right;
944 }
945
946 @media screen and (max-width: 480px) {
947 .area_list .area .name {
948 display: block;
949 line-height: 100%;
950 }
951
952 .area_list .area .delegatee,
953 .area_list .area .membership {
954 float: left;
955 white-space: nowrap;
956 }
957 .area_list .area .bar {
958 display: none;
959 }
960 }
961
962 /*************************************************************************
963 * Events
964 */
965
966 .events .date {
967 font-size: 150%;
968 font-weight: bold;
969 margin-top: 2ex;
970 line-height: 150%;
971 }
972
973 .event_list .event div {
974 }
975
976 .event_list .event .member_id {
977 float: right;
978 }
979
980
981 /*************************************************************************
982 * Issues
983 */
984
985 .issues {
986 clear: left;
987 }
988
989 .issues .issue {
990 background-color: #fcfcfc;
991 overflow: hidden;
992 margin-bottom: 2ex;
993 border: 1px solid #aaa;
994 border-radius: 8px;
995 }
996
997 .issues .issue.interested,
998 .issues .issue.interest_by_delegation {
999 border: 1px solid #b2cdff;
1000 }
1001
1002 .issues .issue .issue_info {
1003 padding: 1ex 1ex 0.3ex 1ex;
1004 line-height: 140%;
1005 margin-bottom: 1ex;
1006 }
1007
1008 .issues .issue.interested .issue_info,
1009 .issues .issue.interested_by_delegation .issue_info {
1010 background-color: #dfeaff;
1011 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1012 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1013 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1014 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
1015 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1016 }
1017
1018 .event_list .event .issue_id,
1019 .issues .issue .issue_info .issue_id {
1020 font-size: 125%;
1021 }
1022
1023 .issues .issue .suggestion {
1024 margin-left: 1ex;
1025 margin-bottom: 1ex;
1026 font-weight: bold;
1027 }
1028
1029 .issue_policy_info {
1030 font-style: italic;
1031 }
1032
1033 .issue_policy_info .event_name {
1034 font-weight: bold;
1035 }
1036
1037 .issue_policy_info img {
1038 vertical-align: middle;
1039 }
1040
1041 .issues .issue .interest_by_delegation {
1042 float: right;
1043 }
1044
1045 .issues .issue .initiative_list a {
1046 font-weight: bold;
1047 }
1048
1049 .initiative {
1050 margin-left: 1ex;
1051 margin-bottom: 1ex;
1052 line-height: 50%;
1053 }
1054
1055 .initiative .bar {
1056 margin-right: 0.3em;
1057 }
1058
1059 .initiative .rank,
1060 .initiative .bar,
1061 .initiative .interest {
1062 float: left;
1063 margin-right: 0.3em;
1064 }
1065
1066 .initiative .interest {
1067 width: 16px;
1068 height: 16px;
1069 line-height: 100%;
1070 }
1071
1072 .initiative .name {
1073 line-height: 130%;
1074 margin-left: 160px;
1075 }
1076
1077 @media screen and (max-width: 480px) {
1078 .initiative .name {
1079 clear: left;
1080 margin-left: 0px;
1081 }
1082 }
1083
1084
1085 .issue_initiative_list a {
1086 font-weight: bold;
1087 }
1088
1089 .more_initiatives_link {
1090 display: block;
1091 margin-left: 166px;
1092 font-style: italic;
1093 margin-bottom: 1ex;
1094 }
1095
1096 .issues tr tr {
1097 border: none;
1098 background: none;
1099 }
1100
1101 .initiative_link.selected {
1102 font-weight: bold;
1103 }
1104
1105 x.initiative_link.supported {
1106 background-color: #cdf;
1107 border-radius: 5px;
1108 }
1109
1110 x.initiative_link.potentially_supported {
1111 background-color: #cdf;
1112 border-radius: 5px;
1113 }
1114
1115 .lang_chooser {
1116 float: right;
1117 margin-right: 0.5em;
1118 }
1119
1120 .delegation_list_entry {
1121 margin-right: 2em;
1122 margin-bottom: 2ex;
1123 float: left;
1124 clear: left;
1125 }
1126
1127 .delegation_list_entry .delegation_arrow {
1128 float: left;
1129 }
1130
1131 .delegation_list_entry .delegation_scope {
1132 float: left;
1133 width: 25em;
1134 }
1135
1136 .delegation_list_entry .delegation_scope a {
1137 display: block;
1138 }
1139
1140 .member_list .member_thumb {
1141 float: left;
1142 margin-right: 1em;
1143 margin-bottom: 2ex;
1144 }
1145
1146 .member_thumb {
1147 text-decoration: none;
1148 width: 14.5em;
1149 height: 48px;
1150 display: block;
1151 float: left;
1152 background-color: #f2f2f2;
1153 overflow: hidden;
1154 position: relative;
1155 border-radius: 7px;
1156 padding: 2px;
1157 }
1158
1159 .xmember_thumb a {
1160 position: absolute;
1161 top: 0;
1162 left: 0;
1163 padding: 0;
1164 margin: 0;
1165 }
1166
1167 .member_thumb a:hover div {
1168 background-color: #444;
1169 color: #fff;
1170 }
1171
1172 .member_thumb img {
1173 padding: 0;
1174 margin: 0;
1175 vertical-align: bottom;
1176 border-radius: 7px;
1177 }
1178
1179 .member_thumb .member_name {
1180 position: absolute;
1181 left: 56px;
1182 top: 2ex;
1183 font-size: 100%;
1184 width: 14em;
1185 }
1186
1187 .member_thumb .flags {
1188 text-align: right;
1189 font-size: 75%;
1190 }
1191
1192 .member_thumb .flags a,
1193 .member_thumb .flags img {
1194 position: static;
1195 float: right;
1196 margin-left: 0.5em;
1197 }
1198
1199 .member_thumb .flags .in_delegation_chain {
1200 font-weight: bold;
1201 }
1202
1203 .member .right {
1204 float: right;
1205 }
1206
1207 .member_thumb.not_accepted,
1208 .member_thumb.not_informed {
1209 background: #fff;
1210 }
1211
1212 .member_thumb.not_accepted .member_image,
1213 .member_thumb.not_accepted .member_name,
1214 .member_thumb.not_informed .member_image,
1215 .member_thumb.not_informed .member_name {
1216 opacity: 0.4;
1217 }
1218
1219 .member_thumb.in_delegation_chain {
1220 background-color: #cdf;
1221 }
1222
1223 .member_statement,
1224 .draft_content,
1225 .suggestion_content {
1226 background-color: #f2f2f2;
1227 padding: 1ex;
1228 border-radius: 8px;
1229 }
1230
1231 .member_statement {
1232 margin-right: 250px;
1233 }
1234
1235 #suggestion_description {
1236 height: 15ex;
1237 }
1238
1239 .diff {
1240 background-color: #f2f2f2;
1241 border: 1px solid #ccc;
1242 padding: 1ex;
1243 }
1244
1245 .diff_added {
1246 background-color: #cfc;
1247 text-decoration: underline;
1248 }
1249
1250 .diff_removed {
1251 background-color: #fcc;
1252 text-decoration: line-through;
1253 }
1254
1255 .slot_issue_info {
1256 background-color: #f2f2f2;
1257 border: 1px solid #ccc;
1258 float: right;
1259 padding: 0.5ex;
1260 line-height: 130%;
1261 margin-right: 1em;
1262 }
1263
1264 .issue_info label {
1265 float: left;
1266 width: 8em;
1267 text-transform: uppercase;
1268 font-size: 70%;
1269 color: #777;
1270 font-weight: bold;
1271 clear: left;
1272 text-align: right;
1273 margin-right: 0.7em;
1274 }
1275
1276 .admitted_info {
1277 background-color: #dfd;
1278 padding: 1ex;
1279 margin-bottom: 2ex;
1280 border-radius: 8px;
1281 }
1282
1283 .not_admitted_info,
1284 .revoked_info {
1285 background-color: #fdd;
1286 padding: 1ex;
1287 margin-bottom: 2ex;
1288 border-radius: 8px;
1289 }
1290
1291 .draft_updated_info,
1292 .voting_active_info,
1293 .initiator_invite_info,
1294 .motd,
1295 .public_access_issue_head {
1296 background-color: #fffbce;
1297 padding: 1ex;
1298 margin-top: 2ex;
1299 margin-bottom: 2ex;
1300 border-radius: 8px;
1301 border: 1px solid #ffe900;
1302 }
1303
1304 .suggestion_fulfilled {
1305 width: 15em;
1306 }
1307 .suggestion_fulfilled a.action {
1308 padding-left: 0;
1309 line-height: 120%;
1310 }
1311
1312 .help,
1313 .use_terms {
1314 border-radius: 8px;
1315 border: 1px solid #ffe900;
1316 background-color: #fffbce;
1317 color: #000;
1318 padding: 1ex;
1319 }
1320
1321 .help_visible {
1322 margin-top: 2ex;
1323 margin-bottom: 1ex;
1324 }
1325
1326 .help_visible .help_icon {
1327 float: right;
1328 }
1329
1330 .slot_help_hidden {
1331 float: right;
1332 margin-right: 1em;
1333 margin-top: 1ex;
1334 }
1335
1336 .help_actions {
1337 font-size: 75%;
1338 float: right;
1339 }
1340
1341 .help_actions a {
1342 margin-right: 1em;
1343 color: #468;
1344 }
1345
1346 .wiki {
1347 line-height: 133%;
1348 }
1349
1350 .wiki h1,
1351 .wiki h2,
1352 .wiki h3,
1353 .wiki h4 {
1354 margin-top: 1ex;
1355 margin-bottom: 1ex;
1356 }
1357
1358 .wiki h1 {
1359 font-size: 150%;
1360 font-weight: bold;
1361 }
1362
1363 .wiki h2 {
1364 font-size: 125%;
1365 font-weight: bold;
1366 }
1367
1368 .wiki h3 {
1369 font-size: 125%;
1370 }
1371
1372 .wiki h4 {
1373 font-size: 100%;
1374 font-weight: bold;
1375 }
1376
1377 .wiki p {
1378 margin-top: 1ex;
1379 margin-bottom: 1ex;
1380 }
1381
1382 form .warning {
1383 background-color: #ffd;
1384 color: #000;
1385 border: 1px solid #dda;
1386 margin: 1ex;
1387 margin-bottom: 2ex;
1388 padding: 1ex;
1389 }
1390
1391 a.not_voted {
1392 display: block;
1393 background-color: #fec;
1394 color: #000;
1395 }
1396
1397 .action_active {
1398 background-color: #fec;
1399 }
1400
1401 .heading {
1402 display: block;
1403 font-size: 120%;
1404 font-weight: bold;
1405 }
1406
1407 .heading.first {
1408 margin-top: 0;
1409 }
1410
1411 .menu_list li {
1412 padding-top: 1ex;
1413 padding-bottom: 1ex;
1414 }
1415
1416 .deactivated_member_info {
1417 background-color: #a00;
1418 color: #fff;
1419 }
1420
1421 /*************************************************************************
1422 * Voting
1423 */
1424
1425 #voting_form {
1426 margin-top: 20px;
1427 }
1428
1429 #voting {
1430 position: relative;
1431 }
1432
1433 #voting .approval, .abstention, .disapproval {
1434 border: 2px black solid;
1435 margin-top: 2ex;
1436 margin-bottom: 5ex;
1437 padding: 1ex;
1438 padding-bottom: 2ex;
1439 border-radius: 8px;
1440 }
1441 #voting .approval {
1442 background-color: #9f9;
1443 }
1444 #voting .approval .movable {
1445 background-color: #dfd;
1446 }
1447 #voting .abstention {
1448 background-color: #ccc;
1449 }
1450 #voting .abstention .movable {
1451 background-color: #f2f2f2;
1452 }
1453 #voting .disapproval {
1454 background-color: #f88;
1455 }
1456 #voting .disapproval .movable {
1457 background-color: #fbb;
1458 }
1459 #voting .cathead {
1460 font-weight: bold;
1461 }
1462 #voting .movable {
1463 position: relative;
1464 border: 1px black solid;
1465 margin-top: 1ex;
1466 padding: 0.5ex;
1467 border-radius: 8px;
1468 }
1469 #voting .voting_form_active .movable {
1470 cursor: pointer;
1471 }
1472 #voting .voting_form_active .clickable {
1473 cursor: auto;
1474 }
1475 #voting .voting_form_active a.clickable {
1476 cursor: pointer;
1477 }
1478
1479 #voting .grabber {
1480 vertical-align: middle;
1481 cursor: move;
1482 }
1483
1484 /*************************************************************************
1485 * timeline
1486 */
1487 div.ignore_area_list {
1488 float: left;
1489 width: 90%;
1490 margin: 0 0 1em 0;
1491 }
1492
1493 div.ignore_area_list >
1494 label.ui_field_label {
1495 text-align: left ;
1496 width: 100%;
1497 border-bottom:1px solid #000000;
1498 color: #000000;
1499 font-size:75%;
1500 font-weight:bold;
1501 vertical-align:bottom;
1502 text-transform:none;
1503 padding:0.5ex 0.5em
1504 }
1505
1506 div.ignore_area_item {
1507 clear: none;
1508 float: left;
1509 min-width: 10em;
1510 margin: 0.1ex 0.5em;
1511 margin-right: 0.5em;
1512 }
1513
1514 div.ignore_area_item > input {
1515 float: none;
1516 clear: none;
1517 display: inline;
1518 }
1519
1520 div.ignore_area_item >
1521 label.ui_field_label {
1522 float: none;
1523 clear: none;
1524 text-align: left;
1525 display: inline;
1526 }
1527
1528 div.timeline_results {
1529 clear: both;
1530 }
1531
1532 /* shadows */
1533
1534 .box {
1535 border: 1px solid #aaa;
1536 border-radius: 8px;
1537 padding: 1ex;
1538 }
1539
1540 .member_area_list .box {
1541 border: none;
1542 padding: 0;
1543 }
1544
1545 .slot_initiatives_list,
1546 .actions,
1547 .issues .issue,
1548 .ui_tabs_links a,
1549 .draft_content,
1550 .help,
1551 .use_terms,
1552 .motd,
1553 .ui_filter a.active,
1554 .vote_info .content,
1555 .member_area_list,
1556 .box {
1557 box-shadow: #777 0px 5px 5px -5px;
1558 -mox-box-shadow: #777 0px 5px 5px -5px;
1559 -webkit-box-shadow: #777 0px 5px 5px -5px;
1560 }
1561
1562 .member_area_list .box {
1563 box-shadow: none;
1564 -mox-box-shadow: none;
1565 -webkit-box-shadow: none;
1566 }
1567
1568 .slot_footer {
1569 margin: 0 1%;
1570 border-top: 1px solid #ccc;
1571 padding: 1ex;
1572 font-size: 80%;
1573 text-align: center;
1574 }
1575 .slot_footer,
1576 .slot_footer a {
1577 color: #666;
1578 }
1579
1580 .footer {
1581 margin: 0 auto;
1582 max-width: 1130px;
1583 }

Impressum / About Us