liquid_feedback_frontend

view static/style.css @ 459:b918d30f9f3c

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

Impressum / About Us