liquid_feedback_frontend

view static/style.css @ 413:336476245f3f

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

Impressum / About Us