liquid_feedback_frontend

view static/style.css @ 272:65a1f7a01e7b

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

Impressum / About Us