liquid_feedback_frontend

view static/style.css @ 277:bde068b37608

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

Impressum / About Us