liquid_feedback_frontend

view static/style.css @ 273:7196685f9dd7

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

Impressum / About Us