liquid_feedback_frontend

view static/style.css @ 375:89d32158bfd5

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

Impressum / About Us