liquid_feedback_frontend

view static/style.css @ 387:e012250163ca

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

Impressum / About Us