liquid_feedback_frontend

view static/style.css @ 418:54a7daa4d35c

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

Impressum / About Us