liquid_feedback_frontend

view static/style.css @ 274:aec9df5b4cd3

find changesets by author, revision, files, or words in the commit message
More optical enhancements and repositioning of elements
author bsw
date Sun Feb 12 12:20:19 2012 +0100 (2012-02-12)
parents 7196685f9dd7
children fc14e76afe31
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 .slot_support .head_potential_supporter{
373 background-color: #fec;
374 box-shadow: #fff 0px 0px 10px 1px;
375 border-radius: 5px;
376 }
377
378 .slot_support .head_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 .vote_info .close {
414 position: absolute;
415 top: 0;
416 right: 0;
417 padding: 1ex;
418 display: block;
419 }
420
421 .vote_info .content {
422 font-size: 133%;
423 line-height: 100%;
424 top: 3ex;
425 display: none;
426 position: absolute;
427 z-index: 10;
428 background-color: #fff;
429 border: 1px solid #999;
430 padding: 1em;
431 width: 35em;
432 }
433
434 .vote_info .delegation_arrow {
435 margin-top: 1ex;
436 margin-bottom: 1ex;
437 vertical-align: middle;
438 }
439
440 .vote_info .delegation_arrow_overridden {
441 opacity: 0.4;
442 }
443
444 .vote_info .delegation_scope_overridden {
445 color: #777;
446 }
447
448 .vote_info .delegation_scope {
449 display: inline;
450 }
451
452 .vote_info .delegation_info {
453 }
454
455 .vote_info .member_thumb {
456 clear: left;
457 }
458
459 .delegation_overridden .member_thumb {
460 opacity: 0.4;
461 }
462
463 .delegation .revoke {
464 margin: 0.5ex;
465 float: right;
466 }
467
468 .delegation .revoke img {
469 vertical-align: middle;
470 }
471
472
473 /*************************************************************************
474 * Main content
475 */
476
477 .main {
478 margin-left: 1em;
479 margin-right: 1em;
480 }
481
482
483 /*************************************************************************
484 * ui.tab
485 */
486
487 .ui_tabs_links {
488 margin-top: 2ex;
489 margin-bottom: 2ex;
490 font-size: 75%;
491 }
492
493 .ui_tabs_links a {
494 padding: 1ex;
495 line-height: 300%;
496 background-color: #e7e7e7;
497 white-space: nowrap;
498 border-radius: 5px;
499 margin-right: 5px;
500 font-weight: bold;
501 }
502
503 .ui_tabs_links a:hover {
504 background-color: #d7d7d7;
505 }
506
507 .ui_tabs_links a.selected {
508 background-color: #444;
509 color: #fff;
510 text-decoration: none;
511 padding: 1ex;
512 }
513
514 .ui_tabs_content {
515 xborder: 1px solid #444;
516 xpadding: 1ex 1ex 1ex 1ex;
517 }
518
519 .web10 .ui_tabs_accordeon_head {
520 margin-bottom: 1ex;
521 }
522
523 .web20 .ui_tabs_accordeon_head {
524 font-size: 80%;
525 font-weight: bold;
526 display: block;
527 background: #eee;
528 border: 1px solid #bbb;
529 color: #000;
530 padding: 0.75ex;
531 margin-top: 2ex;
532 cursor: pointer;
533 }
534
535 .web20 .ui_tabs_accordeon_head img {
536 vertical-align: middle;
537 margin-right: 0.5em;
538 }
539
540 .web20 .ui_tabs_accordeon_head .bargraph {
541 margin-right: 0.5em;
542 }
543
544 .web20 .ui_tabs_accordeon_content {
545 border: 1px solid #aaa;
546 border-top: none;
547 padding: 2ex 1em 2ex 1em;
548 margin-bottom: 3ex;
549 }
550
551 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
552 background-color: #e5e5ff;
553 }
554
555 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
556 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
557 border-color: #aad;
558 }
559
560 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
561 border-color: #bbb;
562 border-width: 1px;
563 }
564
565 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
566 background-color: #eee;
567 border: 1px solid #bbb;
568 }
569
570 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
571 font-size: 120%;
572 }
573
574 .ui_tabs_links a.yellow {
575 background-color: #fec;
576 color: #000;
577 }
578
579 .ui_tabs_links a.yellow:hover {
580 background-color: #edb;
581 }
582
583 .ui_tabs_links a.yellow.selected {
584 background-color: #654;
585 color: #fff;
586 text-decoration: none;
587 padding: 1ex;
588 }
589
590 .web20 .ui_tabs_accordeon_head.yellow {
591 background-color: #fec;
592 border-color: #b96;
593 xpadding: 1ex;
594 xmargin-bottom: 2ex;
595 }
596
597 .web20 .ui_tabs_accordeon_content.yellow {
598 border-color: #b96;
599 }
600
601 .ui_tabs_links a.red {
602 background-color: #c33;
603 color: #000;
604 }
605
606 .ui_tabs_links a.red:hover {
607 background-color: #ebb;
608 }
609
610 .ui_tabs_links a.red.selected {
611 background-color: #644;
612 color: #fff;
613 text-decoration: none;
614 padding: 1ex;
615 }
616
617 .web20 .ui_tabs_accordeon_head.red {
618 background-color: #c23;
619 border-color: #b66;
620 xpadding: 1ex;
621 xmargin-bottom: 2ex;
622 }
623
624 .web20 .ui_tabs_accordeon_content.red {
625 border-color: #b66;
626 }
627
628
629 /*************************************************************************
630 * ui.filters
631 */
632
633 .ui_filter_closed_head,
634 .ui_filter_head {
635 color: #777;
636 margin-top: 1ex;
637 margin-bottom: 1.5ex;
638 font-size: 75%;
639 }
640
641 .ui_filter_head a {
642 color: #777;
643 padding: 0.5ex;
644 }
645
646 .ui_filter_head a.active {
647 color: #fff;
648 background-color: #777;
649 padding: 0.5ex;
650 }
651
652 /*************************************************************************
653 * ui.paginate
654 */
655
656 .ui_paginate_head {
657 margin-bottom: 1ex;
658 }
659
660 .ui_paginate_foot {
661 margin-top: 1ex;
662 }
663
664 .ui_paginate_select a {
665 padding: 0.5ex;
666 }
667
668 /*************************************************************************
669 * ui.bargraph
670 */
671
672 .bargraph {
673 width: 103px;
674 }
675
676 .bargraph50 {
677 width: 52px;
678 }
679
680 .bargraph div {
681 float: left;
682 margin-top: 0.5ex;
683 height: 1.3ex;
684 }
685
686 .bargraph_legend {
687 margin-top: 2ex;
688 }
689
690 .bargraph_legend .bargraph {
691 width: 26px;
692 }
693
694 .bargraph_legend div,
695 .bargraph_legend div div,
696 .bargraph_legend div div div {
697 float: left;
698 }
699
700 .bargraph_legend_label {
701 margin-left: 0.5em;
702 margin-right: 1em;
703 }
704
705 /*************************************************************************
706 * vertical ui.form
707 */
708
709 .login input[type=text],
710 .vertical input[type=text],
711 .login input[type=password],
712 .vertical input[type=password],
713 .vertical textarea,
714 .vertical select {
715 font-family: sans-serif;
716 font-size: 100%;
717 width: 50em;
718 border: 1px solid #444;
719 padding: 0.2ex 0.2em 0.2ex 0.2em;
720 margin-bottom: 1ex;
721 }
722
723 .login input[type=password],
724 .vertical input[type=password] {
725 width: 16em;
726 }
727
728 .vertical select {
729 padding-right: 0;
730 }
731
732 .login .ui_field_label,
733 .vertical .ui_field_label {
734 text-transform: uppercase;
735 font-size: 70%;
736 line-height: 120%;
737 font-weight: bold;
738 color: #777;
739 width: 15em;
740 display: block;
741 float: left;
742 clear: left;
743 text-align: right;
744 padding-right: 0.5em;
745 }
746
747 .ui_field_label.label_right {
748 text-align: left;
749 width: auto;
750 }
751
752 .login input[type=text],
753 .login input[type=password] {
754 width: 10em;
755 }
756
757 .login div,
758 .vertical div {
759 clear: left;
760 }
761
762 .vertical span {
763 display: block;
764 margin-bottom: 0.5ex;
765 }
766
767 .vertical span:after {
768 content: " ";
769 }
770
771 .vertical span span {
772 display: inline;
773 margin-bottom: 0;
774 }
775
776 .login input[type=submit],
777 .vertical input[type=submit] {
778 font-size: 100%;
779 margin-left: 11em;
780 background-color: #444444;
781 color: #fff;
782 border: none;
783 padding: 0.75ex;
784 }
785
786 .login input[type=submit]:hover,
787 .vertical input[type=submit]:hover {
788 background-color: #444444;
789 }
790
791 /*************************************************************************
792 * Tables
793 */
794
795
796 table a.action {
797 font-size: 70%;
798 line-height: 190%;
799 padding: 0.5ex;
800 color: #777;
801 }
802
803 table a.active {
804 color: #fff;
805 }
806
807 th {
808 text-align: left;
809 }
810
811 tr:hover td {
812 background-color: #ddd;
813 }
814
815 .nohover tr:hover td {
816 background-color: #fff;
817 }
818
819 .nohover table tr:hover td {
820 background-color: #ddd;
821 }
822
823
824 tr table tr:hover td {
825 background-color: #fff;
826 }
827
828
829 /*************************************************************************
830 * Hidden inline form
831 */
832
833 .hidden_inline_form {
834 display: none;
835 border: 1px solid #444;
836 width: 42em;
837 position: fixed;
838 background-color: #fff;
839 left: 5em;
840 top: 5ex;
841 z-index: 2;
842 }
843
844 .hidden_inline_form a {
845 padding: 0.5ex;
846 color: #fff;
847 }
848
849
850 .hidden_inline_form .head {
851 background-color: #444;
852 color: #fff;
853 display: block;
854 padding: 0.5ex;
855 }
856
857 .hidden_inline_form input[type=text],
858 .hidden_inline_form textarea,
859 .hidden_inline_form select {
860 width: 30em;
861 }
862
863 /*************************************************************************
864 * Positive / Negtive votes
865 */
866
867
868 .positive_votes span {
869 display: inline;
870 }
871
872 .positive_votes {
873 display: inline;
874 background-color: #cfc;
875 padding: 0.3ex 0.5em 0.3ex 0.5em;
876 }
877
878 .negative_votes span {
879 display: inline;
880 }
881
882 .negative_votes {
883 display: inline;
884 background-color: #fcc;
885 padding: 0.3ex 0.5em 0.3ex 0.5em;
886 }
887
888 .suggestion_my_opinion a,
889 .suggestion_my_opinion span {
890 white-space: nowrap;
891 padding-left: 0.2ex !important;
892 padding-right: 0.2ex !important;
893 }
894
895 .active {
896 background-color: #444;
897 color: #fff;
898 }
899
900 .active_red2 { background-color: #a00; color: #fff !important; }
901 .active_red1 { background-color: #f88; color: #000 !important; }
902 .active_green1 { background-color: #8f8; color: #000 !important; }
903 .active_green2 { background-color: #0a0; color: #000 !important; }
904
905
906
907
908 /*************************************************************************
909 * Issues
910 */
911
912 .issues .issue {
913 xborder: 1px solid #ccc;
914 overflow: hidden;
915 margin-bottom: 2ex;
916 border-radius: 8px;
917 }
918
919 .issues .issue .issue_info {
920 xfloat: left;
921 xwidth: 25%;
922 padding: 1ex;
923 line-height: 140%;
924 xoverflow: hidden;
925 background: -webkit-gradient(linear, left top, left bottom,
926 color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(66%,#fff));
927 }
928
929 .issues .issue.interested .issue_info{
930 background: -webkit-gradient(linear, left top, left bottom,
931 color-stop(0%,#FFEECC), color-stop(33%, #FFF7E6), color-stop(66%,#fff));
932 }
933
934 .issues .issue .issue_info .issue_id {
935 font-size: 125%;
936 }
937
938 .issues .issue .initiative_list a {
939 font-weight: bold;
940 }
941
942 .issue_initiative_list a {
943 font-weight: bold;
944 }
945
946 .more_initiatives_link {
947 margin-left: 158px;
948 font-style: italic;
949 }
950
951 .issues tr tr {
952 border: none;
953 background: none;
954 }
955
956 .initiative_link {
957 padding: 0.5ex 0.5em;
958 }
959
960 .initiative_link.selected {
961 font-weight: bold;
962 }
963
964 .initiative_link.supported {
965 background-color: #C9FFD1;
966 border-radius: 5px;
967 background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
968 }
969
970 .initiative_link.potentially_supported {
971 background-color: #FFEECC;
972 border-radius: 5px;
973 background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
974 }
975
976 .lang_chooser {
977 float: right;
978 margin-right: 0.5em;
979 }
980
981 .delegation_list_entry {
982 margin-right: 2em;
983 margin-bottom: 2ex;
984 float: left;
985 clear: left;
986 }
987
988 .delegation_list_entry .delegation_arrow {
989 float: left;
990 }
991
992 .delegation_list_entry .delegation_scope {
993 float: left;
994 width: 25em;
995 }
996
997 .delegation_list_entry .delegation_scope a {
998 display: block;
999 }
1000
1001 .member_list .member_thumb {
1002 float: left;
1003 margin-right: 1em;
1004 margin-bottom: 2ex;
1005 }
1006
1007 .member_thumb {
1008 text-decoration: none;
1009 width: 14.5em;
1010 height: 48px;
1011 display: block;
1012 float: left;
1013 border: 1px solid #999;
1014 overflow: hidden;
1015 xwhite-space: nowrap;
1016 position: relative;
1017 border-radius: 7px;
1018 }
1019
1020 .member_thumb a{
1021 position: absolute;
1022 top: 0;
1023 left: 0;
1024 padding: 0;
1025 margin: 0;
1026 }
1027
1028 .member_thumb a:hover div {
1029 background-color: #444;
1030 color: #fff;
1031 }
1032
1033 .member_thumb img {
1034 padding: 0;
1035 margin: 0;
1036 vertical-align: bottom;
1037 border-radius: 7px 0 0 7px;
1038 }
1039
1040 .member_thumb div {
1041 }
1042
1043 .member_thumb .member_image {
1044 }
1045
1046 .member_thumb .member_name {
1047 position: absolute;
1048 left: 48px;
1049 top: 2ex;
1050 font-size: 100%;
1051 width: 14em;
1052 }
1053
1054 .member_thumb .flags {
1055 text-align: right;
1056 font-size: 75%;
1057 }
1058
1059 .member_thumb .flags a,
1060 .member_thumb .flags img {
1061 position: static;
1062 float: right;
1063 margin-left: 0.5em;
1064 }
1065
1066 .member_thumb .flags .in_delegation_chain {
1067 font-weight: bold;
1068 }
1069
1070
1071 .member .right {
1072 float: right;
1073 }
1074
1075 .member_thumb.not_accepted,
1076 .member_thumb.not_informed {
1077 opacity: 0.5;
1078 }
1079
1080 .member_thumb.in_delegation_chain {
1081 border-color: #f70;
1082 }
1083
1084 .member_statement,
1085 .draft_content,
1086 .suggestion_content {
1087 background-color: #eee;
1088 xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
1089 padding: 1ex;
1090 border-radius: 8px;
1091 }
1092
1093
1094 #suggestion_description {
1095 height: 15ex;
1096 }
1097
1098 .diff {
1099 background-color: #eee;
1100 border: 1px solid #ccc;
1101 padding: 1ex;
1102 }
1103
1104 .diff_added {
1105 background-color: #cfc;
1106 text-decoration: underline;
1107 }
1108
1109 .diff_removed {
1110 background-color: #fcc;
1111 text-decoration: line-through;
1112 }
1113
1114 .slot_issue_info {
1115 background-color: #eee;
1116 border: 1px solid #ccc;
1117 float: right;
1118 padding: 0.5ex;
1119 line-height: 130%;
1120 margin-right: 1em;
1121 }
1122
1123 .issue_info label {
1124 float: left;
1125 width: 8em;
1126 text-transform: uppercase;
1127 font-size: 70%;
1128 color: #777;
1129 font-weight: bold;
1130 clear: left;
1131 text-align: right;
1132 margin-right: 0.7em;
1133 }
1134
1135 .admitted_info {
1136 background-color: #dfd;
1137 padding: 1ex;
1138 margin-bottom: 2ex;
1139 }
1140
1141 .not_admitted_info,
1142 .revoked_info {
1143 background-color: #fdd;
1144 padding: 1ex;
1145 margin-bottom: 2ex;
1146 }
1147
1148 .draft_updated_info,
1149 .voting_active_info,
1150 .initiator_invite_info,
1151 .motd,
1152 .public_access_issue_head {
1153 background-color: #fec;
1154 border: 1px solid #b96;
1155 padding: 1ex;
1156 margin-bottom: 2ex;
1157 border-radius: 8px;
1158 }
1159
1160 .suggestion_fulfilled {
1161 width: 15em;
1162 }
1163 .suggestion_fulfilled a.action {
1164 padding-left: 0;
1165 line-height: 120%;
1166 }
1167
1168 .help,
1169 .use_terms {
1170 border: 1px solid #bcd;
1171 background-color: #def;
1172 color: #000;
1173 padding: 1ex;
1174 }
1175
1176 .help_visible {
1177 margin-bottom: 1ex;
1178 }
1179
1180 .help_visible .help_icon {
1181 float: right;
1182 }
1183
1184 .slot_help_hidden {
1185 float: right;
1186 margin-right: 1em;
1187 }
1188
1189 .help_actions {
1190 font-size: 75%;
1191 float: right;
1192 }
1193
1194 .help_actions a {
1195 margin-right: 1em;
1196 color: #468;
1197 }
1198
1199 .wiki {
1200 }
1201
1202 .wiki h1,
1203 .wiki h2,
1204 .wiki h3,
1205 .wiki h4 {
1206 margin-top: 1ex;
1207 margin-bottom: 1ex;
1208 }
1209
1210 .wiki h1 {
1211 font-size: 150%;
1212 }
1213
1214 .wiki h2 {
1215 font-size: 125%;
1216 }
1217
1218 .wiki p {
1219 margin-top: 1ex;
1220 margin-bottom: 1ex;
1221 }
1222
1223 form .warning {
1224 background-color: #ffd;
1225 color: #000;
1226 border: 1px solid #dda;
1227 margin: 1ex;
1228 margin-bottom: 2ex;
1229 padding: 1ex;
1230 }
1231
1232 a.not_voted {
1233 display: block;
1234 background-color: #fec;
1235 color: #000;
1236 }
1237
1238 .action_active {
1239 background-color: #fec;
1240 }
1241
1242 .heading {
1243 display: block;
1244 font-size: 120%;
1245 font-weight: bold;
1246 margin-top: 2ex;
1247 margin-bottom: 1ex;
1248 }
1249
1250 .heading.first {
1251 margin-top: 0;
1252 }
1253
1254 .menu_list li {
1255 padding-top: 1ex;
1256 padding-bottom: 1ex;
1257 }
1258
1259 .deactivated_member_info {
1260 background-color: #a00;
1261 color: #fff;
1262 }
1263
1264 /*************************************************************************
1265 * Voting
1266 */
1267
1268 #voting {
1269 position: relative;
1270 }
1271 #voting .approval, .abstention, .disapproval {
1272 border: 2px black solid;
1273 margin-top: 5ex;
1274 margin-bottom: 5ex;
1275 padding: 1ex;
1276 padding-bottom: 2ex;
1277 }
1278 #voting .approval {
1279 background-color: #9f9;
1280 }
1281 #voting .approval .movable {
1282 background-color: #dfd;
1283 }
1284 #voting .abstention {
1285 background-color: #ccc;
1286 }
1287 #voting .abstention .movable {
1288 background-color: #eee;
1289 }
1290 #voting .disapproval {
1291 background-color: #f88;
1292 }
1293 #voting .disapproval .movable {
1294 background-color: #fbb;
1295 }
1296 #voting .cathead {
1297 font-weight: bold;
1298 }
1299 #voting .movable {
1300 position: relative;
1301 border: 1px black solid;
1302 margin: 1ex;
1303 padding: 0.5ex;
1304 }
1305 #voting .voting_form_active .movable {
1306 cursor: pointer;
1307 }
1308 #voting .voting_form_active .clickable {
1309 cursor: auto;
1310 }
1311 #voting .voting_form_active a.clickable {
1312 cursor: pointer;
1313 }
1314
1315 #voting .grabber {
1316 vertical-align: middle;
1317 cursor: move;
1318 }
1319
1320 /*************************************************************************
1321 * timeline
1322 */
1323 div.ignore_area_list {
1324 float: left;
1325 width: 90%;
1326 margin: 0 0 1em 0;
1327 }
1328
1329 div.ignore_area_list >
1330 label.ui_field_label {
1331 text-align: left ;
1332 width: 100%;
1333 border-bottom:1px solid #000000;
1334 color: #000000;
1335 font-size:75%;
1336 font-weight:bold;
1337 vertical-align:bottom;
1338 text-transform:none;
1339 padding:0.5ex 0.5em
1340 }
1341
1342 div.ignore_area_item {
1343 clear: none;
1344 float: left;
1345 min-width: 10em;
1346 margin: 0.1ex 0.5em;
1347 margin-right: 0.5em;
1348 }
1349
1350 div.ignore_area_item > input {
1351 float: none;
1352 clear: none;
1353 display: inline;
1354 }
1355
1356 div.ignore_area_item >
1357 label.ui_field_label {
1358 float: none;
1359 clear: none;
1360 text-align: left;
1361 display: inline;
1362 }
1363
1364 div.timeline_results {
1365 clear: both;
1366 }

Impressum / About Us