liquid_feedback_frontend

view static/style.css @ 431:9ce4da0e0783

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

Impressum / About Us