liquid_feedback_frontend

view static/style.css @ 271:d13b27a37ad5

find changesets by author, revision, files, or words in the commit message
Optical enhancements, some repositioning of ui elements
author bsw
date Tue Feb 07 22:30:48 2012 +0100 (2012-02-07)
parents 272193cc190e
children 65a1f7a01e7b
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
211 color-stop(0%,#abd3ee), color-stop(100%,#ffffff)
212
213 );
214 }
215
216 .title_bar_content {
217 margin-left: 1em;
218 }
219
220 .path {
221 color: #444;
222 }
223
224 .path div {
225 font-size: 100%;
226 line-height: 180%;
227 }
228
229 .path a {
230 color: #444;
231 }
232
233 .slot_path div {
234 display: inline;
235 margin-left: 1em;
236 margin-right: 1em;
237 }
238
239 .title {
240 color: #000;
241 margin-bottom: 1ex;
242 }
243
244 .slot_title {
245 }
246
247 .title div {
248 font-size: 125%;
249 line-height: 110%;
250 }
251
252 .title div a {
253 xfont-weight: bold;
254 }
255
256 .title a {
257 color: #000;
258 }
259
260 .title2 div {
261 margin-bottom: 2ex;
262 xline-height: 130%;
263 }
264
265 .member_image_avatar {
266 float: left;
267 margin-right: 0.5em;
268 }
269
270 .actions {
271 font-size: 75%;
272 line-height: 220%;
273 }
274
275 .slot_actions {
276 display: inline;
277 }
278
279 .actions a {
280 float: left;
281 display: block;
282 padding: 1px 0.5em 1px 0.0em;
283 margin-right: 1em;
284 vertical-align: middle;
285 border-radius: 5px;
286 }
287
288 .content_navigation {
289 font-size: 75%;
290 background-color: #eee;
291 margin-bottom: 2ex;
292 padding-left: 1em;
293 }
294
295 .content_navigation div,
296 .content_navigation a {
297 display: inline-block;
298 padding: 3px 0.5em 3px 0.0em;
299 margin-right: 1em;
300 vertical-align: middle;
301 }
302
303 .content_navigation a:hover {
304 background-color: #d7d7d7;
305 }
306
307 .content_navigation_seperator {
308 height: 1.4em;
309 border-left: 1px solid black;
310 }
311
312 .actions a:hover {
313 background-color: #d7d7d7;
314 }
315
316 .title_bar .actions a:hover {
317 background-color: #fff;
318 }
319
320 .actions img {
321 padding-left: 0.2em;
322 padding-right: 0.2em;
323 vertical-align: middle;
324 }
325
326 .logo {
327 float: right;
328 margin-right: 1em;
329 }
330
331
332
333
334 /*************************************************************************
335 * vote info / delegation
336 */
337
338 .interest,
339 .slot_support,
340 .delegation {
341 float: left;
342 position: relative;
343 z-index: 1;
344 }
345
346 .interest img,
347 .slot_support img,
348 .delegation img {
349 padding-left: 0.2em;
350 padding-right: 0.2em;
351 }
352 .vote_info .head {
353 float: left;
354 margin-right: 1em;
355 }
356
357 .interest .head_active,
358 .slot_support .head_potential_supporter{
359 background-color: #fec;
360 border: 1px solid #b96;
361 }
362
363 .interest .head_autoreject {
364 background-color: #fdd;
365 border: 1px solid #b77;
366 }
367
368 .slot_support .head_supporter {
369 background-color: #dfc;
370 border: 1px solid #8b8;
371 }
372
373 .slot_support .head_initiator {
374 background-color: #eee;
375 border: 1px solid #999;
376 }
377
378 .delegation .head_active {
379 background-color: #ddf;
380 border: 1px solid #88b;
381 }
382
383 .delegation .change_delegation {
384 margin-bottom: 2ex;
385 }
386
387 .delegation .change_delegation a {
388 display: inline;
389 float: none;
390 padding: 1ex;
391 }
392
393 .delegation .delegation_participation {
394 margin-left: 20.5em;
395 margin-top: 3ex;
396 font-style: italic;
397 font-size: 80%;
398 }
399
400 .vote_info .close {
401 position: absolute;
402 top: 0;
403 right: 0;
404 padding: 1ex;
405 display: block;
406 }
407
408 .vote_info .content {
409 font-size: 133%;
410 line-height: 100%;
411 top: 3ex;
412 display: none;
413 position: absolute;
414 z-index: 10;
415 background-color: #fff;
416 border: 1px solid #999;
417 padding: 1em;
418 width: 35em;
419 }
420
421 .vote_info .delegation_arrow {
422 margin-top: 1ex;
423 margin-bottom: 1ex;
424 vertical-align: middle;
425 }
426
427 .vote_info .delegation_arrow_overridden {
428 opacity: 0.4;
429 }
430
431 .vote_info .delegation_scope_overridden {
432 color: #777;
433 }
434
435 .vote_info .delegation_scope {
436 display: inline;
437 }
438
439 .vote_info .delegation_info {
440 }
441
442 .vote_info .member_thumb {
443 clear: left;
444 }
445
446 .delegation_overridden .member_thumb {
447 opacity: 0.4;
448 }
449
450 .delegation .revoke {
451 margin: 0.5ex;
452 float: right;
453 }
454
455 .delegation .revoke img {
456 vertical-align: middle;
457 }
458
459
460 .sub_title div {
461 padding-top: 1ex;
462 margin-top: 1ex;
463 font-weight: bold;
464 font-size: 135%;
465 line-height: 110%;
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 tr {
909 border: 1px solid #ccc;
910 }
911
912 .issues tr tr {
913 border: none;
914 }
915
916 .lang_chooser {
917 float: right;
918 margin-right: 0.5em;
919 }
920
921 .delegation_list_entry {
922 margin-right: 2em;
923 margin-bottom: 2ex;
924 float: left;
925 clear: left;
926 }
927
928 .delegation_list_entry .delegation_arrow {
929 float: left;
930 }
931
932 .delegation_list_entry .delegation_scope {
933 float: left;
934 width: 25em;
935 }
936
937 .delegation_list_entry .delegation_scope a {
938 display: block;
939 }
940
941 .member_list .member_thumb {
942 float: left;
943 margin-right: 1em;
944 margin-bottom: 2ex;
945 }
946
947 .member_thumb {
948 text-decoration: none;
949 width: 14.5em;
950 height: 48px;
951 display: block;
952 float: left;
953 border: 1px solid #999;
954 overflow: hidden;
955 xwhite-space: nowrap;
956 position: relative;
957 }
958
959 .member_thumb a{
960 position: absolute;
961 top: 0;
962 left: 0;
963 padding: 0;
964 margin: 0;
965 }
966
967 .member_thumb a:hover div {
968 background-color: #444;
969 color: #fff;
970 }
971
972 .member_thumb img {
973 padding: 0;
974 margin: 0;
975 vertical-align: bottom;
976 }
977
978 .member_thumb div {
979 }
980
981 .member_thumb .member_image {
982 }
983
984 .member_thumb .member_name {
985 position: absolute;
986 left: 48px;
987 top: 2ex;
988 font-size: 100%;
989 width: 14em;
990 }
991
992 .member_thumb .flags {
993 text-align: right;
994 font-size: 75%;
995 }
996
997 .member_thumb .flags a,
998 .member_thumb .flags img {
999 position: static;
1000 float: right;
1001 margin-left: 0.5em;
1002 }
1003
1004 .member_thumb .flags .in_delegation_chain {
1005 font-weight: bold;
1006 }
1007
1008
1009 .member .right {
1010 float: right;
1011 }
1012
1013 .member_thumb.not_accepted,
1014 .member_thumb.not_informed {
1015 opacity: 0.5;
1016 }
1017
1018 .member_thumb.in_delegation_chain {
1019 border-color: #f70;
1020 }
1021
1022 .member_statement,
1023 .draft_content,
1024 .suggestion_content {
1025 background-color: #eee;
1026 border: 1px solid #ccc;
1027 padding-left: 1ex;
1028 padding-right: 1ex;
1029 }
1030
1031
1032 #suggestion_description {
1033 height: 15ex;
1034 }
1035
1036 .diff {
1037 background-color: #eee;
1038 border: 1px solid #ccc;
1039 padding: 1ex;
1040 }
1041
1042 .diff_added {
1043 background-color: #cfc;
1044 text-decoration: underline;
1045 }
1046
1047 .diff_removed {
1048 background-color: #fcc;
1049 text-decoration: line-through;
1050 }
1051
1052 .slot_issue_info {
1053 background-color: #eee;
1054 border: 1px solid #ccc;
1055 float: right;
1056 padding: 0.5ex;
1057 line-height: 130%;
1058 margin-right: 1em;
1059 }
1060
1061 .issue_info label {
1062 float: left;
1063 width: 8em;
1064 text-transform: uppercase;
1065 font-size: 70%;
1066 color: #777;
1067 font-weight: bold;
1068 clear: left;
1069 text-align: right;
1070 margin-right: 0.7em;
1071 }
1072
1073 .admitted_info {
1074 background-color: #dfd;
1075 padding: 1ex;
1076 margin-bottom: 2ex;
1077 }
1078
1079 .not_admitted_info,
1080 .revoked_info {
1081 background-color: #fdd;
1082 padding: 1ex;
1083 margin-bottom: 2ex;
1084 }
1085
1086 .draft_updated_info,
1087 .voting_active_info,
1088 .initiator_invite_info,
1089 .motd,
1090 .public_access_issue_head {
1091 background-color: #fec;
1092 border: 1px solid #b96;
1093 padding: 1ex;
1094 margin-bottom: 2ex;
1095 }
1096
1097 .suggestion_fulfilled {
1098 width: 15em;
1099 }
1100 .suggestion_fulfilled a.action {
1101 padding-left: 0;
1102 line-height: 120%;
1103 }
1104
1105 .help,
1106 .use_terms {
1107 border: 1px solid #bcd;
1108 background-color: #def;
1109 color: #000;
1110 padding: 1ex;
1111 }
1112
1113 .help_visible {
1114 margin-bottom: 1ex;
1115 }
1116
1117 .help_visible .help_icon {
1118 float: right;
1119 }
1120
1121 .slot_help_hidden {
1122 float: right;
1123 margin-right: 1em;
1124 }
1125
1126 .help_actions {
1127 font-size: 75%;
1128 float: right;
1129 }
1130
1131 .help_actions a {
1132 margin-right: 1em;
1133 color: #468;
1134 }
1135
1136 .wiki {
1137 }
1138
1139 .wiki h1,
1140 .wiki h2,
1141 .wiki h3,
1142 .wiki h4 {
1143 margin-top: 1ex;
1144 margin-bottom: 1ex;
1145 }
1146
1147 .wiki h1 {
1148 font-size: 150%;
1149 }
1150
1151 .wiki h2 {
1152 font-size: 125%;
1153 }
1154
1155 .wiki p {
1156 margin-top: 1ex;
1157 margin-bottom: 1ex;
1158 }
1159
1160 form .warning {
1161 background-color: #ffd;
1162 color: #000;
1163 border: 1px solid #dda;
1164 margin: 1ex;
1165 margin-bottom: 2ex;
1166 padding: 1ex;
1167 }
1168
1169 a.not_voted {
1170 display: block;
1171 background-color: #fec;
1172 color: #000;
1173 }
1174
1175 .action_active {
1176 background-color: #fec;
1177 }
1178
1179 .heading {
1180 font-size: 120%;
1181 font-weight: bold;
1182 margin-top: 2ex;
1183 margin-bottom: 1ex;
1184 }
1185
1186 .heading.first {
1187 margin-top: 0;
1188 }
1189
1190 .menu_list li {
1191 padding-top: 1ex;
1192 padding-bottom: 1ex;
1193 }
1194
1195 .deactivated_member_info {
1196 background-color: #a00;
1197 color: #fff;
1198 }
1199
1200 /*************************************************************************
1201 * Voting
1202 */
1203
1204 #voting {
1205 position: relative;
1206 }
1207 #voting .approval, .abstention, .disapproval {
1208 border: 2px black solid;
1209 margin-top: 5ex;
1210 margin-bottom: 5ex;
1211 padding: 1ex;
1212 padding-bottom: 2ex;
1213 }
1214 #voting .approval {
1215 background-color: #9f9;
1216 }
1217 #voting .approval .movable {
1218 background-color: #dfd;
1219 }
1220 #voting .abstention {
1221 background-color: #ccc;
1222 }
1223 #voting .abstention .movable {
1224 background-color: #eee;
1225 }
1226 #voting .disapproval {
1227 background-color: #f88;
1228 }
1229 #voting .disapproval .movable {
1230 background-color: #fbb;
1231 }
1232 #voting .cathead {
1233 font-weight: bold;
1234 }
1235 #voting .movable {
1236 position: relative;
1237 border: 1px black solid;
1238 margin: 1ex;
1239 padding: 0.5ex;
1240 }
1241 #voting .voting_form_active .movable {
1242 cursor: pointer;
1243 }
1244 #voting .voting_form_active .clickable {
1245 cursor: auto;
1246 }
1247 #voting .voting_form_active a.clickable {
1248 cursor: pointer;
1249 }
1250
1251 #voting .grabber {
1252 vertical-align: middle;
1253 cursor: move;
1254 }
1255
1256 /*************************************************************************
1257 * timeline
1258 */
1259 div.ignore_area_list {
1260 float: left;
1261 width: 90%;
1262 margin: 0 0 1em 0;
1263 }
1264
1265 div.ignore_area_list >
1266 label.ui_field_label {
1267 text-align: left ;
1268 width: 100%;
1269 border-bottom:1px solid #000000;
1270 color: #000000;
1271 font-size:75%;
1272 font-weight:bold;
1273 vertical-align:bottom;
1274 text-transform:none;
1275 padding:0.5ex 0.5em
1276 }
1277
1278 div.ignore_area_item {
1279 clear: none;
1280 float: left;
1281 min-width: 10em;
1282 margin: 0.1ex 0.5em;
1283 margin-right: 0.5em;
1284 }
1285
1286 div.ignore_area_item > input {
1287 float: none;
1288 clear: none;
1289 display: inline;
1290 }
1291
1292 div.ignore_area_item >
1293 label.ui_field_label {
1294 float: none;
1295 clear: none;
1296 text-align: left;
1297 display: inline;
1298 }
1299
1300 div.timeline_results {
1301 clear: both;
1302 }

Impressum / About Us