liquid_feedback_frontend

view static/style.css @ 500:03c205fc17f0

find changesets by author, revision, files, or words in the commit message
Show blue quorum bar in bargraph more clear, fixed too big quorum in ie
author bsw
date Wed Mar 21 19:43:44 2012 +0100 (2012-03-21)
parents 01cf3c50cbee
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