liquid_feedback_frontend

view static/style.css @ 510:ab68f1d0f78e

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

Impressum / About Us