liquid_feedback_frontend

view static/style.css @ 501:9582f42fd4bc

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

Impressum / About Us