liquid_feedback_frontend

view static/style.css @ 275:fc14e76afe31

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

Impressum / About Us