liquid_feedback_frontend

view static/style.css @ 204:30678d3935ab

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

Impressum / About Us