liquid_feedback_frontend

view static/style.css @ 378:2dae61588cee

find changesets by author, revision, files, or words in the commit message
Fixed flaws with area list for smaller screen sizes, added phase icons again
author bsw
date Mon Mar 05 11:14:07 2012 +0100 (2012-03-05)
parents 89d32158bfd5
children b155ca3744c5
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 #ddd;
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 }
848
849 .member_area_list .unit_head {
850 font-size: 120%;
851 font-weight: bold;
852 line-height: 200%;
853 float: left;
854 clear: both;
855 }
856
857 .member_area_list .unit_delegatee {
858 float: left;
859 }
860
861 .area_list {
862 margin-bottom: 4ex;
863 }
864 .area_list .area {
865 line-height: 28px;
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 margin-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 xdisplay: block;
911 xfloat: left;
912 }
913 .area_list .area .bar,
914 .area_list .area .membership,
915 .area_list .area .delegatee {
916 display: none;
917 }
918 }
919
920 /*************************************************************************
921 * Issues
922 */
923
924 .issues {
925 clear: left;
926 }
927
928 .issues .issue {
929 background-color: #fcfcfc;
930 overflow: hidden;
931 margin-bottom: 2ex;
932 border: 1px solid #ccc;
933 border-radius: 8px;
934 }
935
936 .issues .issue.interested,
937 .issues .issue.interest_by_delegation {
938 border: 1px solid #b2cdff;
939 }
940
941 .issues .issue .issue_info {
942 padding: 1ex 1ex 0.3ex 1ex;
943 line-height: 140%;
944 margin-bottom: 1ex;
945 }
946
947 .issues .issue.interested .issue_info,
948 .issues .issue.interested_by_delegation .issue_info {
949 background-color: #dfeaff;
950 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
951 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
952 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
953 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
954 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
955 }
956
957 .issues .issue .issue_info .issue_id {
958 font-size: 125%;
959 }
960
961 .issue_policy_info {
962 font-style: italic;
963 }
964
965 .issues .issue .interest_by_delegation {
966 float: right;
967 }
968
969 .issues .issue .initiative_list a {
970 font-weight: bold;
971 }
972
973 .initiative {
974 margin-left: 1ex;
975 margin-bottom: 1ex;
976 line-height: 50%;
977 }
978
979 .initiative .bar {
980 margin-right: 0.3em;
981 }
982
983 .initiative .rank,
984 .initiative .bar,
985 .initiative .interest {
986 float: left;
987 margin-right: 0.3em;
988 }
989
990 .initiative .interest {
991 width: 16px;
992 height: 16px;
993 line-height: 100%;
994 }
995
996 .initiative .name {
997 line-height: 130%;
998 margin-left: 160px;
999 }
1000
1001 @media screen and (max-width: 480px) {
1002 .initiative .name {
1003 clear: left;
1004 margin-left: 0px;
1005 }
1006 }
1007
1008
1009 .issue_initiative_list a {
1010 font-weight: bold;
1011 }
1012
1013 .more_initiatives_link {
1014 display: block;
1015 margin-left: 166px;
1016 font-style: italic;
1017 margin-bottom: 1ex;
1018 }
1019
1020 .issues tr tr {
1021 border: none;
1022 background: none;
1023 }
1024
1025 .initiative_link.selected {
1026 font-weight: bold;
1027 }
1028
1029 x.initiative_link.supported {
1030 background-color: #cdf;
1031 border-radius: 5px;
1032 }
1033
1034 x.initiative_link.potentially_supported {
1035 background-color: #cdf;
1036 border-radius: 5px;
1037 }
1038
1039 .lang_chooser {
1040 float: right;
1041 margin-right: 0.5em;
1042 }
1043
1044 .delegation_list_entry {
1045 margin-right: 2em;
1046 margin-bottom: 2ex;
1047 float: left;
1048 clear: left;
1049 }
1050
1051 .delegation_list_entry .delegation_arrow {
1052 float: left;
1053 }
1054
1055 .delegation_list_entry .delegation_scope {
1056 float: left;
1057 width: 25em;
1058 }
1059
1060 .delegation_list_entry .delegation_scope a {
1061 display: block;
1062 }
1063
1064 .member_list .member_thumb {
1065 float: left;
1066 margin-right: 1em;
1067 margin-bottom: 2ex;
1068 }
1069
1070 .member_thumb {
1071 text-decoration: none;
1072 width: 14.5em;
1073 height: 48px;
1074 display: block;
1075 float: left;
1076 background-color: #f2f2f2;
1077 overflow: hidden;
1078 position: relative;
1079 border-radius: 7px;
1080 padding: 2px;
1081 }
1082
1083 .xmember_thumb a {
1084 position: absolute;
1085 top: 0;
1086 left: 0;
1087 padding: 0;
1088 margin: 0;
1089 }
1090
1091 .member_thumb a:hover div {
1092 background-color: #444;
1093 color: #fff;
1094 }
1095
1096 .member_thumb img {
1097 padding: 0;
1098 margin: 0;
1099 vertical-align: bottom;
1100 border-radius: 7px;
1101 }
1102
1103 .member_thumb .member_name {
1104 position: absolute;
1105 left: 56px;
1106 top: 2ex;
1107 font-size: 100%;
1108 width: 14em;
1109 }
1110
1111 .member_thumb .flags {
1112 text-align: right;
1113 font-size: 75%;
1114 }
1115
1116 .member_thumb .flags a,
1117 .member_thumb .flags img {
1118 position: static;
1119 float: right;
1120 margin-left: 0.5em;
1121 }
1122
1123 .member_thumb .flags .in_delegation_chain {
1124 font-weight: bold;
1125 }
1126
1127 .member .right {
1128 float: right;
1129 }
1130
1131 .member_thumb.not_accepted,
1132 .member_thumb.not_informed {
1133 background: #fff;
1134 }
1135
1136 .member_thumb.not_accepted .member_image,
1137 .member_thumb.not_accepted .member_name,
1138 .member_thumb.not_informed .member_image,
1139 .member_thumb.not_informed .member_name {
1140 opacity: 0.4;
1141 }
1142
1143 .member_thumb.in_delegation_chain {
1144 background-color: #cdf;
1145 }
1146
1147 .member_statement,
1148 .draft_content,
1149 .suggestion_content {
1150 background-color: #f2f2f2;
1151 padding: 1ex;
1152 border-radius: 8px;
1153 }
1154
1155 .member_statement {
1156 margin-right: 250px;
1157 }
1158
1159 #suggestion_description {
1160 height: 15ex;
1161 }
1162
1163 .diff {
1164 background-color: #f2f2f2;
1165 border: 1px solid #ccc;
1166 padding: 1ex;
1167 }
1168
1169 .diff_added {
1170 background-color: #cfc;
1171 text-decoration: underline;
1172 }
1173
1174 .diff_removed {
1175 background-color: #fcc;
1176 text-decoration: line-through;
1177 }
1178
1179 .slot_issue_info {
1180 background-color: #f2f2f2;
1181 border: 1px solid #ccc;
1182 float: right;
1183 padding: 0.5ex;
1184 line-height: 130%;
1185 margin-right: 1em;
1186 }
1187
1188 .issue_info label {
1189 float: left;
1190 width: 8em;
1191 text-transform: uppercase;
1192 font-size: 70%;
1193 color: #777;
1194 font-weight: bold;
1195 clear: left;
1196 text-align: right;
1197 margin-right: 0.7em;
1198 }
1199
1200 .admitted_info {
1201 background-color: #dfd;
1202 padding: 1ex;
1203 margin-bottom: 2ex;
1204 border-radius: 8px;
1205 }
1206
1207 .not_admitted_info,
1208 .revoked_info {
1209 background-color: #fdd;
1210 padding: 1ex;
1211 margin-bottom: 2ex;
1212 border-radius: 8px;
1213 }
1214
1215 .draft_updated_info,
1216 .voting_active_info,
1217 .initiator_invite_info,
1218 .motd,
1219 .public_access_issue_head {
1220 background-color: #fec;
1221 padding: 1ex;
1222 margin-top: 2ex;
1223 margin-bottom: 2ex;
1224 border-radius: 8px;
1225 }
1226
1227 .suggestion_fulfilled {
1228 width: 15em;
1229 }
1230 .suggestion_fulfilled a.action {
1231 padding-left: 0;
1232 line-height: 120%;
1233 }
1234
1235 .help,
1236 .use_terms {
1237 border-radius: 8px;
1238 border: 1px solid #ffe900;
1239 background-color: #fffbce;
1240 color: #000;
1241 padding: 1ex;
1242 }
1243
1244 .help_visible {
1245 margin-top: 2ex;
1246 margin-bottom: 1ex;
1247 }
1248
1249 .help_visible .help_icon {
1250 float: right;
1251 }
1252
1253 .slot_help_hidden {
1254 float: right;
1255 margin-right: 1em;
1256 margin-top: 1ex;
1257 }
1258
1259 .help_actions {
1260 font-size: 75%;
1261 float: right;
1262 }
1263
1264 .help_actions a {
1265 margin-right: 1em;
1266 color: #468;
1267 }
1268
1269 .wiki {
1270 line-height: 133%;
1271 }
1272
1273 .wiki h1,
1274 .wiki h2,
1275 .wiki h3,
1276 .wiki h4 {
1277 margin-top: 1ex;
1278 margin-bottom: 1ex;
1279 }
1280
1281 .wiki h1 {
1282 font-size: 150%;
1283 font-weight: bold;
1284 }
1285
1286 .wiki h2 {
1287 font-size: 125%;
1288 font-weight: bold;
1289 }
1290
1291 .wiki h3 {
1292 font-size: 125%;
1293 }
1294
1295 .wiki h4 {
1296 font-size: 100%;
1297 font-weight: bold;
1298 }
1299
1300 .wiki p {
1301 margin-top: 1ex;
1302 margin-bottom: 1ex;
1303 }
1304
1305 form .warning {
1306 background-color: #ffd;
1307 color: #000;
1308 border: 1px solid #dda;
1309 margin: 1ex;
1310 margin-bottom: 2ex;
1311 padding: 1ex;
1312 }
1313
1314 a.not_voted {
1315 display: block;
1316 background-color: #fec;
1317 color: #000;
1318 }
1319
1320 .action_active {
1321 background-color: #fec;
1322 }
1323
1324 .heading {
1325 display: block;
1326 font-size: 120%;
1327 font-weight: bold;
1328 }
1329
1330 .heading.first {
1331 margin-top: 0;
1332 }
1333
1334 .menu_list li {
1335 padding-top: 1ex;
1336 padding-bottom: 1ex;
1337 }
1338
1339 .deactivated_member_info {
1340 background-color: #a00;
1341 color: #fff;
1342 }
1343
1344 /*************************************************************************
1345 * Voting
1346 */
1347
1348 #voting_form {
1349 margin-top: 20px;
1350 }
1351
1352 #voting {
1353 position: relative;
1354 }
1355
1356 #voting .approval, .abstention, .disapproval {
1357 border: 2px black solid;
1358 margin-top: 2ex;
1359 margin-bottom: 5ex;
1360 padding: 1ex;
1361 padding-bottom: 2ex;
1362 border-radius: 8px;
1363 }
1364 #voting .approval {
1365 background-color: #9f9;
1366 }
1367 #voting .approval .movable {
1368 background-color: #dfd;
1369 }
1370 #voting .abstention {
1371 background-color: #ccc;
1372 }
1373 #voting .abstention .movable {
1374 background-color: #f2f2f2;
1375 }
1376 #voting .disapproval {
1377 background-color: #f88;
1378 }
1379 #voting .disapproval .movable {
1380 background-color: #fbb;
1381 }
1382 #voting .cathead {
1383 font-weight: bold;
1384 }
1385 #voting .movable {
1386 position: relative;
1387 border: 1px black solid;
1388 margin-top: 1ex;
1389 padding: 0.5ex;
1390 border-radius: 8px;
1391 }
1392 #voting .voting_form_active .movable {
1393 cursor: pointer;
1394 }
1395 #voting .voting_form_active .clickable {
1396 cursor: auto;
1397 }
1398 #voting .voting_form_active a.clickable {
1399 cursor: pointer;
1400 }
1401
1402 #voting .grabber {
1403 vertical-align: middle;
1404 cursor: move;
1405 }
1406
1407 /*************************************************************************
1408 * timeline
1409 */
1410 div.ignore_area_list {
1411 float: left;
1412 width: 90%;
1413 margin: 0 0 1em 0;
1414 }
1415
1416 div.ignore_area_list >
1417 label.ui_field_label {
1418 text-align: left ;
1419 width: 100%;
1420 border-bottom:1px solid #000000;
1421 color: #000000;
1422 font-size:75%;
1423 font-weight:bold;
1424 vertical-align:bottom;
1425 text-transform:none;
1426 padding:0.5ex 0.5em
1427 }
1428
1429 div.ignore_area_item {
1430 clear: none;
1431 float: left;
1432 min-width: 10em;
1433 margin: 0.1ex 0.5em;
1434 margin-right: 0.5em;
1435 }
1436
1437 div.ignore_area_item > input {
1438 float: none;
1439 clear: none;
1440 display: inline;
1441 }
1442
1443 div.ignore_area_item >
1444 label.ui_field_label {
1445 float: none;
1446 clear: none;
1447 text-align: left;
1448 display: inline;
1449 }
1450
1451 div.timeline_results {
1452 clear: both;
1453 }
1454
1455 /* shadows */
1456
1457 .slot_initiatives_list,
1458 .actions,
1459 .issues .issue,
1460 .ui_tabs_links a,
1461 .draft_content,
1462 .help,
1463 .use_terms,
1464 .motd,
1465 .ui_filter a.active,
1466 .vote_info .content {
1467 box-shadow: #777 0px 5px 5px -5px;
1468 -mox-box-shadow: #777 0px 5px 5px -5px;
1469 -webkit-box-shadow: #777 0px 5px 5px -5px;
1470 }
1471
1472

Impressum / About Us