liquid_feedback_frontend

view static/style.css @ 470:5ddfc60ee450

find changesets by author, revision, files, or words in the commit message
Edited version number
author bsw
date Wed Mar 14 11:40:41 2012 +0100 (2012-03-14)
parents 19916608d28c
children edcf827d7ac3
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 padding-left: 1%;
336 padding-top: 4ex;
337 }
338
339 .initiative_name {
340 font-weight: bold;
341 font-size: 125%;
342 }
343 .actions a {
344 float: left;
345 }
346
347 .actions a:hover {
348 background-color: #d7d7d7;
349 }
350
351 .actions img {
352 padding-left: 0.2em;
353 padding-right: 0.2em;
354 vertical-align: middle;
355 }
356
357 .logo {
358 float: right;
359 margin-right: 1%;
360 }
361
362
363 .member_image_photo {
364 border-radius: 8px;
365 }
366
367 /*************************************************************************
368 * vote info / delegation
369 */
370
371 .interest,
372 .slot_support,
373 .delegation {
374 float: left;
375 position: relative;
376 z-index: 1;
377 }
378
379 .interest img,
380 .slot_support img,
381 .delegation img {
382 padding-left: 0.2em;
383 padding-right: 0.2em;
384 }
385 .actions .supporter,
386 .actions .potential_supporter,
387 .vote_info .head {
388 float: left;
389 }
390
391 .actions .supporter,
392 .actions .potential_supporter,
393 .actions .interest .head {
394 padding-right: 0.3em;
395 }
396
397 .delegation .head_active,
398 .interest .head_active,
399 .actions .supporter,
400 .actions .potential_supporter {
401 border-radius: 5px;
402 border: 1px solid #5f6675;
403 }
404
405 .delegation .head_active,
406 .interest .head_active {
407 background-color: #cdf;
408 }
409
410 .actions .supporter {
411 background-color: #cdf;
412 }
413
414 .actions .potential_supporter {
415 background-color: #cdf;
416 }
417
418 .slot_support .head_initiator {
419 background-color: #f2f2f2;
420 border-radius: 5px;
421 }
422
423 .delegation .change_delegation {
424 margin-bottom: 2ex;
425 }
426
427 .delegation .change_delegation a {
428 display: inline;
429 float: none;
430 padding: 1ex;
431 }
432
433 .delegation .delegation_participation {
434 margin-left: 20.5em;
435 margin-top: 3ex;
436 font-style: italic;
437 font-size: 80%;
438 }
439
440 .slot_actions .change_delegation {
441 float: left;
442 }
443
444 .vote_info .close {
445 position: absolute;
446 top: 0;
447 right: 0;
448 padding: 1ex;
449 display: block;
450 }
451
452 .vote_info .content {
453 font-size: 133%;
454 line-height: 100%;
455 top: 2.8ex;
456 display: none;
457 position: absolute;
458 z-index: 10;
459 background-color: #cdf;
460 border-radius: 0 5px 5px 5px;
461 padding: 1em;
462 width: 35em;
463 border: 1px solid #5f6675;
464 border-top: none;
465 }
466
467 .delegation_arrow {
468 vertical-align: middle;
469 }
470
471 .vote_info .delegation_arrow {
472 margin-top: 1ex;
473 margin-bottom: 1ex;
474 }
475
476 .vote_info .delegation_arrow_overridden {
477 opacity: 0.4;
478 }
479
480 .vote_info .delegation_scope_overridden {
481 color: #777;
482 }
483
484 .vote_info .delegation_scope {
485 display: inline;
486 }
487
488 .vote_info .delegation_info {
489 }
490
491 .vote_info a {
492 padding-right: 0;
493 }
494
495 .vote_info .member_thumb {
496 clear: left;
497 background: #fff;
498 }
499
500 .delegation_overridden .member_thumb {
501 opacity: 0.4;
502 }
503
504 .delegation .revoke {
505 margin: 0.5ex;
506 float: right;
507 }
508
509 .delegation .revoke img {
510 vertical-align: middle;
511 }
512
513
514 /*************************************************************************
515 * Main content
516 */
517
518 .main {
519 margin-left: 1%;
520 margin-right: 1%;
521 }
522
523 /*************************************************************************
524 * ui.tab
525 */
526
527 .ui_tabs_links {
528 margin-top: 2ex;
529 margin-bottom: 1ex;
530 }
531
532 .ui_tabs_links a {
533 padding: 1ex;
534 line-height: 300%;
535 background-color: #f2f2f2;
536 white-space: nowrap;
537 border-radius: 5px;
538 margin-right: 5px;
539 font-weight: bold;
540 }
541
542 .ui_tabs_links a:hover {
543 background-color: #d7d7d7;
544 }
545
546 .ui_tabs_links a.selected {
547 background-color: #444;
548 color: #fff;
549 text-decoration: none;
550 }
551
552 .ui_tabs_links a.yellow {
553 background-color: #fcc;
554 color: #000;
555 }
556
557 .ui_tabs_links a.yellow:hover {
558 background-color: #faa;
559 }
560
561 .ui_tabs_links a.yellow.selected {
562 background-color: #a44;
563 color: #fff;
564 text-decoration: none;
565 padding: 1ex;
566 }
567
568 .ui_tabs_links a.red {
569 background-color: #c33;
570 color: #000;
571 }
572
573 .ui_tabs_links a.red:hover {
574 background-color: #ebb;
575 }
576
577 .ui_tabs_links a.red.selected {
578 background-color: #644;
579 color: #fff;
580 text-decoration: none;
581 padding: 1ex;
582 }
583
584
585 /*************************************************************************
586 * ui.filters
587 */
588
589 .ui_filter {
590 overflow: hidden;
591 margin-bottom: 1ex;
592 margin-right: 1em;
593 }
594
595 .ui_filter_head {
596 color: #777;
597 margin-top: 0.5ex;
598 margin-bottom: 0.5ex;
599 font-size: 90%;
600 font-weight: bold;
601 float: left;
602 line-height: 200%;
603 margin-right: 2em;
604 }
605
606 .ui_filter_head a {
607 color: #777;
608 padding: 0.5ex;
609 }
610
611 .ui_filter_head a.active {
612 color: #fff;
613 background-color: #777;
614 padding: 0.5ex;
615 border-radius: 5px;
616 }
617
618 /*************************************************************************
619 * ui.paginate
620 */
621
622 .ui_paginate_head {
623 display: none;
624 margin-bottom: 1ex;
625 }
626
627 .ui_paginate_foot {
628 margin-top: 1ex;
629 }
630
631 .ui_paginate_select a {
632 padding: 0.5em;
633 }
634
635 /*************************************************************************
636 * ui.bargraph
637 */
638
639 .bargraph {
640 width: 103px;
641 }
642
643 .bargraph50 {
644 width: 52px;
645 }
646
647 .bargraph div {
648 float: left;
649 margin-top: 0.5ex;
650 height: 1.3ex;
651 }
652
653 /*************************************************************************
654 * vertical ui.form
655 */
656
657 .vertical {
658 margin-top: 2ex;
659 }
660
661 .login input[type=text],
662 .vertical input[type=text],
663 .login input[type=password],
664 .vertical input[type=password],
665 .vertical textarea,
666 .vertical select {
667 font-family: sans-serif;
668 font-size: 100%;
669 width: 69%;
670 border: 1px solid #444;
671 padding: 0.2ex 0.2em 0.2ex 0.2em;
672 margin-bottom: 1ex;
673 }
674
675
676
677 .login input[type=password],
678 .vertical input[type=password] {
679 width: 16em;
680 }
681
682 .vertical select {
683 padding-right: 0;
684 }
685
686 .login .ui_field_label,
687 .vertical .ui_field_label {
688 text-transform: uppercase;
689 font-size: 70%;
690 line-height: 120%;
691 font-weight: bold;
692 color: #777;
693 width: 29%;
694 display: block;
695 float: left;
696 clear: left;
697 text-align: right;
698 padding-right: 0.5em;
699 }
700
701 .ui_field_label.label_right {
702 text-align: left;
703 width: auto;
704 }
705
706 .login input[type=text],
707 .login input[type=password] {
708 width: 10em;
709 }
710
711 .login div,
712 .vertical div {
713 clear: left;
714 }
715
716 .vertical span {
717 display: block;
718 margin-bottom: 0.5ex;
719 }
720
721 .vertical span:after {
722 content: " ";
723 }
724
725 .vertical span span {
726 display: inline;
727 margin-bottom: 0;
728 }
729
730 .login input[type=submit],
731 .vertical input[type=submit] {
732 font-size: 100%;
733 margin-left: 29%;
734 background-color: #444444;
735 color: #fff;
736 border: none;
737 padding: 0.75ex;
738 }
739
740 .login input[type=submit]:hover,
741 .vertical input[type=submit]:hover {
742 background-color: #444444;
743 }
744
745 @media screen and (max-width: 480px) {
746 .login input[type=text],
747 .vertical input[type=text],
748 .login input[type=password],
749 .vertical input[type=password],
750 .vertical textarea,
751 .vertical select,
752 .vertical input[type=submit],
753 .login input[type=submit] {
754 width: 98%;
755 }
756 .login .ui_field_label,
757 .vertical .ui_field_label {
758 text-align: left;
759 width: 98%;
760 }
761 .login input[type=text],
762 .login input[type=password] {
763 width: 98%;
764 }
765 .login input[type=submit],
766 .vertical input[type=submit] {
767 margin-left: 0;
768 }
769 }
770
771
772
773 /*************************************************************************
774 * Tables
775 */
776
777
778 table a.action {
779 font-size: 70%;
780 line-height: 190%;
781 padding: 0.5ex;
782 color: #777;
783 }
784
785 table a.active {
786 color: #fff;
787 }
788
789 th {
790 text-align: left;
791 }
792
793 tr:hover td {
794 background-color: #f2f2f2;
795 }
796
797 .nohover tr:hover td {
798 background-color: #fff;
799 }
800
801 .initiatives_list .nohover tr:hover td {
802 background-color: #f2f2f2;
803 }
804
805 .nohover table tr:hover td {
806 background-color: #f2f2f2;
807 }
808
809
810 tr table tr:hover td {
811 background-color: #fff;
812 }
813
814
815 /*************************************************************************
816 * Positive / Negtive votes
817 */
818
819
820 .positive_votes span {
821 display: inline;
822 }
823
824 .positive_votes {
825 display: inline;
826 background-color: #cfc;
827 padding: 0.3ex 0.5em 0.3ex 0.5em;
828 }
829
830 .negative_votes span {
831 display: inline;
832 }
833
834 .negative_votes {
835 display: inline;
836 background-color: #fcc;
837 padding: 0.3ex 0.5em 0.3ex 0.5em;
838 }
839
840 .suggestion_my_opinion a,
841 .suggestion_my_opinion span {
842 white-space: nowrap;
843 padding-left: 0.2ex !important;
844 padding-right: 0.2ex !important;
845 }
846
847 .active {
848 background-color: #444;
849 color: #fff;
850 }
851
852 .active_red2 { background-color: #a00; color: #fff !important; }
853 .active_red1 { background-color: #f88; color: #000 !important; }
854 .active_green1 { background-color: #8f8; color: #000 !important; }
855 .active_green2 { background-color: #0a0; color: #000 !important; }
856
857
858
859 /*************************************************************************
860 * Unit list
861 */
862
863 .unit_list a {
864 font-weight: bold;
865 }
866
867 /*************************************************************************
868 * Area list
869 */
870
871 .member_area_list {
872 margin-bottom: 0ex;
873 border-radius: 8px;
874 border: 1px solid #aaa;
875 padding: 1ex;
876 margin-bottom: 2ex;
877 }
878
879 .member_area_list .unit_head {
880 font-size: 120%;
881 font-weight: bold;
882 float: left;
883 clear: both;
884 }
885
886 .member_area_list .unit_delegatee {
887 float: left;
888 }
889
890 .member_area_list .voting_priv_info {
891 clear: left;
892 margin-top: 4ex;
893 }
894
895 .member_area_list .more_areas {
896 font-style: italic;
897 }
898
899 .area_list {
900 margin-bottom: 4ex;
901 }
902
903 .member_area_list .area_list {
904 margin-bottom: 0;
905 }
906
907 .area_list .area {
908 line-height: 32px;
909 clear: both;
910 }
911
912 .area_list .bargraph {
913 line-height: 10px;
914 }
915
916 .area_list .area .delegatee {
917 white-space: nowrap;
918 }
919
920 .area_list .area.head .phases {
921 xmargin-top: 2ex;
922 }
923
924 .area_list .area img {
925 vertical-align: middle;
926 }
927
928 .area_list .area .bar {
929 float: left;
930 padding-top: 6px
931 }
932
933 .area_list .area .membership,
934 .area_list .area .delegatee {
935 display: inline;
936 width: 24px
937 }
938
939 .area_list .area .name {
940 display: inline;
941 font-weight: bold;
942 }
943
944 .area_list .area .phases {
945 float: right;
946 }
947
948 .area_list .area .phases div {
949 float: left;
950 width: 3em;
951 text-align: right;
952 }
953
954 @media screen and (max-width: 480px) {
955 .area_list .area .name {
956 display: block;
957 line-height: 100%;
958 }
959
960 .area_list .area .delegatee,
961 .area_list .area .membership {
962 float: left;
963 white-space: nowrap;
964 }
965 .area_list .area .bar {
966 display: none;
967 }
968 }
969
970 /*************************************************************************
971 * Events
972 */
973
974 .events .date {
975 font-size: 150%;
976 font-weight: bold;
977 margin-top: 2ex;
978 line-height: 150%;
979 }
980
981 .event_list .event div {
982 }
983
984 .event_list .event .member_id {
985 float: right;
986 }
987
988
989 /*************************************************************************
990 * Issues
991 */
992
993 .issues {
994 clear: left;
995 }
996
997 .issues .issue {
998 background-color: #fcfcfc;
999 overflow: hidden;
1000 margin-bottom: 2ex;
1001 border: 1px solid #aaa;
1002 border-radius: 8px;
1003 }
1004
1005 .issues .issue.interested,
1006 .issues .issue.interest_by_delegation {
1007 border: 1px solid #b2cdff;
1008 }
1009
1010 .issues .issue .issue_info {
1011 padding: 1ex 1ex 0.3ex 1ex;
1012 line-height: 140%;
1013 margin-bottom: 1ex;
1014 }
1015
1016 .issues .issue.interested .issue_info,
1017 .issues .issue.interested_by_delegation .issue_info {
1018 background-color: #dfeaff;
1019 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1020 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1021 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1022 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
1023 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
1024 }
1025
1026 .event_list .event .issue_id,
1027 .issues .issue .issue_info .issue_id {
1028 font-size: 125%;
1029 }
1030
1031 .issues .issue .suggestion {
1032 margin-left: 1ex;
1033 margin-bottom: 1ex;
1034 font-weight: bold;
1035 }
1036
1037 .issue_policy_info {
1038 font-style: italic;
1039 }
1040
1041 .issue_policy_info .event_name {
1042 font-weight: bold;
1043 }
1044
1045 .issue_policy_info img {
1046 vertical-align: middle;
1047 }
1048
1049 .issues .issue .interest_by_delegation {
1050 float: right;
1051 }
1052
1053 .issues .issue .initiative_list a {
1054 font-weight: bold;
1055 }
1056
1057 .initiative {
1058 margin-left: 1ex;
1059 margin-bottom: 1ex;
1060 line-height: 50%;
1061 }
1062
1063 .initiative .bar {
1064 margin-right: 0.3em;
1065 }
1066
1067 .initiative .rank,
1068 .initiative .bar,
1069 .initiative .interest {
1070 float: left;
1071 margin-right: 0.3em;
1072 }
1073
1074 .initiative .interest {
1075 width: 16px;
1076 height: 16px;
1077 line-height: 100%;
1078 }
1079
1080 .initiative .name {
1081 line-height: 130%;
1082 margin-left: 160px;
1083 }
1084
1085 @media screen and (max-width: 480px) {
1086 .initiative .name {
1087 clear: left;
1088 margin-left: 0px;
1089 }
1090 }
1091
1092
1093 .issue_initiative_list a {
1094 font-weight: bold;
1095 }
1096
1097 .more_initiatives_link {
1098 display: block;
1099 margin-left: 166px;
1100 font-style: italic;
1101 margin-bottom: 1ex;
1102 }
1103
1104 .issues tr tr {
1105 border: none;
1106 background: none;
1107 }
1108
1109 .initiative_link.selected {
1110 font-weight: bold;
1111 }
1112
1113 x.initiative_link.supported {
1114 background-color: #cdf;
1115 border-radius: 5px;
1116 }
1117
1118 x.initiative_link.potentially_supported {
1119 background-color: #cdf;
1120 border-radius: 5px;
1121 }
1122
1123 .lang_chooser {
1124 float: right;
1125 margin-right: 0.5em;
1126 }
1127
1128 .delegation_list_entry {
1129 margin-right: 2em;
1130 margin-bottom: 2ex;
1131 float: left;
1132 clear: left;
1133 }
1134
1135 .delegation_list_entry .delegation_arrow {
1136 float: left;
1137 }
1138
1139 .delegation_list_entry .delegation_scope {
1140 float: left;
1141 width: 25em;
1142 }
1143
1144 .delegation_list_entry .delegation_scope a {
1145 display: block;
1146 }
1147
1148 .member_list .member_thumb {
1149 float: left;
1150 margin-right: 1em;
1151 margin-bottom: 2ex;
1152 }
1153
1154 .member_thumb {
1155 text-decoration: none;
1156 width: 14.5em;
1157 height: 48px;
1158 display: block;
1159 float: left;
1160 background-color: #f2f2f2;
1161 overflow: hidden;
1162 position: relative;
1163 border-radius: 7px;
1164 padding: 2px;
1165 }
1166
1167 .xmember_thumb a {
1168 position: absolute;
1169 top: 0;
1170 left: 0;
1171 padding: 0;
1172 margin: 0;
1173 }
1174
1175 .member_thumb a:hover div {
1176 background-color: #444;
1177 color: #fff;
1178 }
1179
1180 .member_thumb img {
1181 padding: 0;
1182 margin: 0;
1183 vertical-align: bottom;
1184 border-radius: 7px;
1185 }
1186
1187 .member_thumb .member_name {
1188 position: absolute;
1189 left: 56px;
1190 top: 2ex;
1191 font-size: 100%;
1192 width: 14em;
1193 }
1194
1195 .member_thumb .flags {
1196 text-align: right;
1197 font-size: 75%;
1198 }
1199
1200 .member_thumb .flags a,
1201 .member_thumb .flags img {
1202 position: static;
1203 float: right;
1204 margin-left: 0.5em;
1205 }
1206
1207 .member_thumb .flags .in_delegation_chain {
1208 font-weight: bold;
1209 }
1210
1211 .member .right {
1212 float: right;
1213 }
1214
1215 .member_thumb.not_accepted,
1216 .member_thumb.not_informed {
1217 background: #fff;
1218 }
1219
1220 .member_thumb.not_accepted .member_image,
1221 .member_thumb.not_accepted .member_name,
1222 .member_thumb.not_informed .member_image,
1223 .member_thumb.not_informed .member_name {
1224 opacity: 0.4;
1225 }
1226
1227 .member_thumb.in_delegation_chain {
1228 background-color: #cdf;
1229 }
1230
1231 .member_statement,
1232 .draft_content,
1233 .suggestion_content {
1234 background-color: #f2f2f2;
1235 padding: 1ex;
1236 border-radius: 8px;
1237 }
1238
1239 .member_statement {
1240 margin-right: 250px;
1241 }
1242
1243 #suggestion_description {
1244 height: 15ex;
1245 }
1246
1247 .diff {
1248 background-color: #f2f2f2;
1249 border: 1px solid #ccc;
1250 padding: 1ex;
1251 }
1252
1253 .diff_added {
1254 background-color: #cfc;
1255 text-decoration: underline;
1256 }
1257
1258 .diff_removed {
1259 background-color: #fcc;
1260 text-decoration: line-through;
1261 }
1262
1263 .slot_issue_info {
1264 background-color: #f2f2f2;
1265 border: 1px solid #ccc;
1266 float: right;
1267 padding: 0.5ex;
1268 line-height: 130%;
1269 margin-right: 1em;
1270 }
1271
1272 .issue_info label {
1273 float: left;
1274 width: 8em;
1275 text-transform: uppercase;
1276 font-size: 70%;
1277 color: #777;
1278 font-weight: bold;
1279 clear: left;
1280 text-align: right;
1281 margin-right: 0.7em;
1282 }
1283
1284 .admitted_info {
1285 background-color: #dfd;
1286 padding: 1ex;
1287 margin-bottom: 2ex;
1288 border-radius: 8px;
1289 }
1290
1291 .not_admitted_info,
1292 .revoked_info {
1293 background-color: #fdd;
1294 padding: 1ex;
1295 margin-bottom: 2ex;
1296 border-radius: 8px;
1297 }
1298
1299 .draft_updated_info,
1300 .voting_active_info,
1301 .initiator_invite_info,
1302 .motd,
1303 .public_access_issue_head {
1304 background-color: #fffbce;
1305 padding: 1ex;
1306 margin-top: 2ex;
1307 margin-bottom: 2ex;
1308 border-radius: 8px;
1309 border: 1px solid #ffe900;
1310 }
1311
1312 .suggestion_fulfilled {
1313 width: 15em;
1314 }
1315 .suggestion_fulfilled a.action {
1316 padding-left: 0;
1317 line-height: 120%;
1318 }
1319
1320 .help,
1321 .use_terms {
1322 border-radius: 8px;
1323 border: 1px solid #ffe900;
1324 background-color: #fffbce;
1325 color: #000;
1326 padding: 1ex;
1327 }
1328
1329 .help_visible {
1330 margin-top: 2ex;
1331 margin-bottom: 1ex;
1332 }
1333
1334 .help_visible .help_icon {
1335 float: right;
1336 }
1337
1338 .slot_help_hidden {
1339 float: right;
1340 margin-right: 1em;
1341 margin-top: 1ex;
1342 }
1343
1344 .help_actions {
1345 font-size: 75%;
1346 float: right;
1347 }
1348
1349 .help_actions a {
1350 margin-right: 1em;
1351 color: #468;
1352 }
1353
1354 .wiki {
1355 line-height: 133%;
1356 }
1357
1358 .wiki h1,
1359 .wiki h2,
1360 .wiki h3,
1361 .wiki h4 {
1362 margin-top: 1ex;
1363 margin-bottom: 1ex;
1364 }
1365
1366 .wiki h1 {
1367 font-size: 150%;
1368 font-weight: bold;
1369 }
1370
1371 .wiki h2 {
1372 font-size: 125%;
1373 font-weight: bold;
1374 }
1375
1376 .wiki h3 {
1377 font-size: 125%;
1378 }
1379
1380 .wiki h4 {
1381 font-size: 100%;
1382 font-weight: bold;
1383 }
1384
1385 .wiki p {
1386 margin-top: 1ex;
1387 margin-bottom: 1ex;
1388 }
1389
1390 form .warning {
1391 background-color: #ffd;
1392 color: #000;
1393 border: 1px solid #dda;
1394 margin: 1ex;
1395 margin-bottom: 2ex;
1396 padding: 1ex;
1397 }
1398
1399 a.not_voted {
1400 display: block;
1401 background-color: #fec;
1402 color: #000;
1403 }
1404
1405 .action_active {
1406 background-color: #fec;
1407 }
1408
1409 .heading {
1410 display: block;
1411 font-size: 120%;
1412 font-weight: bold;
1413 }
1414
1415 .heading.first {
1416 margin-top: 0;
1417 }
1418
1419 .menu_list li {
1420 padding-top: 1ex;
1421 padding-bottom: 1ex;
1422 }
1423
1424 .deactivated_member_info {
1425 background-color: #a00;
1426 color: #fff;
1427 }
1428
1429 /*************************************************************************
1430 * Voting
1431 */
1432
1433 #voting_form {
1434 margin-top: 20px;
1435 }
1436
1437 #voting {
1438 position: relative;
1439 }
1440
1441 #voting .approval, .abstention, .disapproval {
1442 border: 2px black solid;
1443 margin-top: 2ex;
1444 margin-bottom: 5ex;
1445 padding: 1ex;
1446 padding-bottom: 2ex;
1447 border-radius: 8px;
1448 }
1449 #voting .approval {
1450 background-color: #9f9;
1451 }
1452 #voting .approval .movable {
1453 background-color: #dfd;
1454 }
1455 #voting .abstention {
1456 background-color: #ccc;
1457 }
1458 #voting .abstention .movable {
1459 background-color: #f2f2f2;
1460 }
1461 #voting .disapproval {
1462 background-color: #f88;
1463 }
1464 #voting .disapproval .movable {
1465 background-color: #fbb;
1466 }
1467 #voting .cathead {
1468 font-weight: bold;
1469 }
1470 #voting .movable {
1471 position: relative;
1472 border: 1px black solid;
1473 margin-top: 1ex;
1474 padding: 0.5ex;
1475 border-radius: 8px;
1476 }
1477 #voting .voting_form_active .movable {
1478 cursor: pointer;
1479 }
1480 #voting .voting_form_active .clickable {
1481 cursor: auto;
1482 }
1483 #voting .voting_form_active a.clickable {
1484 cursor: pointer;
1485 }
1486
1487 #voting .grabber {
1488 vertical-align: middle;
1489 cursor: move;
1490 }
1491
1492 /*************************************************************************
1493 * timeline
1494 */
1495 div.ignore_area_list {
1496 float: left;
1497 width: 90%;
1498 margin: 0 0 1em 0;
1499 }
1500
1501 div.ignore_area_list >
1502 label.ui_field_label {
1503 text-align: left ;
1504 width: 100%;
1505 border-bottom:1px solid #000000;
1506 color: #000000;
1507 font-size:75%;
1508 font-weight:bold;
1509 vertical-align:bottom;
1510 text-transform:none;
1511 padding:0.5ex 0.5em
1512 }
1513
1514 div.ignore_area_item {
1515 clear: none;
1516 float: left;
1517 min-width: 10em;
1518 margin: 0.1ex 0.5em;
1519 margin-right: 0.5em;
1520 }
1521
1522 div.ignore_area_item > input {
1523 float: none;
1524 clear: none;
1525 display: inline;
1526 }
1527
1528 div.ignore_area_item >
1529 label.ui_field_label {
1530 float: none;
1531 clear: none;
1532 text-align: left;
1533 display: inline;
1534 }
1535
1536 div.timeline_results {
1537 clear: both;
1538 }
1539
1540 /* shadows */
1541
1542 .box {
1543 border: 1px solid #aaa;
1544 border-radius: 8px;
1545 padding: 1ex;
1546 }
1547
1548 .member_area_list .box {
1549 border: none;
1550 padding: 0;
1551 }
1552
1553 .slot_initiatives_list,
1554 .actions,
1555 .issues .issue,
1556 .ui_tabs_links a,
1557 .draft_content,
1558 .help,
1559 .use_terms,
1560 .motd,
1561 .ui_filter a.active,
1562 .vote_info .content,
1563 .member_area_list,
1564 .box {
1565 box-shadow: #777 0px 5px 5px -5px;
1566 -mox-box-shadow: #777 0px 5px 5px -5px;
1567 -webkit-box-shadow: #777 0px 5px 5px -5px;
1568 }
1569
1570 .member_area_list .box {
1571 box-shadow: none;
1572 -mox-box-shadow: none;
1573 -webkit-box-shadow: none;
1574 }
1575
1576 .slot_footer {
1577 margin: 0 1%;
1578 border-top: 1px solid #ccc;
1579 padding: 1ex;
1580 font-size: 80%;
1581 text-align: center;
1582 }
1583 .slot_footer,
1584 .slot_footer a {
1585 color: #666;
1586 }
1587
1588 .footer {
1589 margin: 0 auto;
1590 max-width: 1130px;
1591 }

Impressum / About Us