liquid_feedback_frontend

view static/style.css @ 151:1652c4cd3154

find changesets by author, revision, files, or words in the commit message
add broken delegations tab on homepage

if a user has delegations to an inactive account, a new red tab will apear on the homepage of the user listing his broken delegations
author Daniel Poelzleithner <poelzi@poelzi.org>
date Fri Oct 08 05:24:14 2010 +0200 (2010-10-08)
parents eaf3db89a6e1
children db91c2005278
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
975 .member .right {
976 float: right;
977 }
978
979 .member_thumb.not_accepted,
980 .member_thumb.not_informed {
981 opacity: 0.5;
982 }
983
984 .member_statement,
985 .draft_content,
986 .suggestion_content {
987 background-color: #eee;
988 border: 1px solid #ccc;
989 padding-left: 1ex;
990 padding-right: 1ex;
991 }
992
993
994 .suggestion_content,
995 #suggestion_description {
996 font-family: monospace;
997 }
998
999 .diff {
1000 background-color: #eee;
1001 border: 1px solid #ccc;
1002 padding: 1ex;
1003 }
1004
1005 .diff_added {
1006 background-color: #cfc;
1007 text-decoration: underline;
1008 }
1009
1010 .diff_removed {
1011 background-color: #fcc;
1012 text-decoration: line-through;
1013 }
1014
1015 .slot_issue_info {
1016 background-color: #eee;
1017 border: 1px solid #ccc;
1018 float: right;
1019 padding: 0.5ex;
1020 line-height: 130%;
1021 margin-right: 1em;
1022 }
1023
1024 .issue_info label {
1025 float: left;
1026 width: 8em;
1027 text-transform: uppercase;
1028 font-size: 70%;
1029 color: #777;
1030 font-weight: bold;
1031 clear: left;
1032 text-align: right;
1033 margin-right: 0.7em;
1034 }
1035
1036 .admitted_info {
1037 background-color: #dfd;
1038 padding: 1ex;
1039 margin-bottom: 2ex;
1040 }
1041
1042 .not_admitted_info,
1043 .revoked_info {
1044 background-color: #fdd;
1045 padding: 1ex;
1046 margin-bottom: 2ex;
1047 }
1048
1049 .draft_updated_info,
1050 .voting_active_info,
1051 .initiator_invite_info,
1052 .motd,
1053 .public_access_issue_head {
1054 background-color: #fec;
1055 border: 1px solid #b96;
1056 padding: 1ex;
1057 margin-bottom: 2ex;
1058 }
1059
1060 .suggestion_fulfilled {
1061 width: 15em;
1062 }
1063 .suggestion_fulfilled a.action {
1064 padding-left: 0;
1065 line-height: 120%;
1066 }
1067
1068 .help,
1069 .use_terms {
1070 border: 1px solid #bcd;
1071 background-color: #def;
1072 color: #000;
1073 padding: 1ex;
1074 }
1075
1076 .help_visible {
1077 margin-bottom: 1ex;
1078 }
1079
1080 .help_visible .help_icon {
1081 float: right;
1082 }
1083
1084 .slot_help_hidden {
1085 float: right;
1086 margin-right: 1em;
1087 }
1088
1089 .help_actions {
1090 font-size: 75%;
1091 float: right;
1092 }
1093
1094 .help_actions a {
1095 margin-right: 1em;
1096 color: #468;
1097 }
1098
1099 .wiki {
1100 }
1101
1102 .wiki h1,
1103 .wiki h2,
1104 .wiki h3,
1105 .wiki h4 {
1106 margin-top: 1ex;
1107 margin-bottom: 1ex;
1108 }
1109
1110 .wiki h1 {
1111 font-size: 150%;
1112 }
1113
1114 .wiki h2 {
1115 font-size: 125%;
1116 }
1117
1118 .wiki p {
1119 margin-top: 1ex;
1120 margin-bottom: 1ex;
1121 }
1122
1123 form .warning {
1124 background-color: #ffd;
1125 color: #000;
1126 border: 1px solid #dda;
1127 margin: 1ex;
1128 margin-bottom: 2ex;
1129 padding: 1ex;
1130 }
1131
1132 a.not_voted {
1133 display: block;
1134 background-color: #fec;
1135 color: #000;
1136 }
1137
1138 .action_active {
1139 background-color: #fec;
1140 }
1141
1142 .heading {
1143 font-size: 120%;
1144 font-weight: bold;
1145 margin-top: 2ex;
1146 margin-bottom: 1ex;
1147 }
1148
1149 .heading.first {
1150 margin-top: 0;
1151 }
1152
1153 .menu_list li {
1154 padding-top: 1ex;
1155 padding-bottom: 1ex;
1156 }
1157
1158 .deactivated_member_info {
1159 background-color: #a00;
1160 color: #fff;
1161 }
1162
1163 /*************************************************************************
1164 * Voting
1165 */
1166
1167 #voting {
1168 position: relative;
1169 }
1170 #voting .approval, .abstention, .disapproval {
1171 border: 2px black solid;
1172 margin-top: 5ex;
1173 margin-bottom: 5ex;
1174 padding: 1ex;
1175 padding-bottom: 2ex;
1176 }
1177 #voting .approval {
1178 background-color: #9f9;
1179 }
1180 #voting .approval .movable {
1181 background-color: #dfd;
1182 }
1183 #voting .abstention {
1184 background-color: #ccc;
1185 }
1186 #voting .abstention .movable {
1187 background-color: #eee;
1188 }
1189 #voting .disapproval {
1190 background-color: #f88;
1191 }
1192 #voting .disapproval .movable {
1193 background-color: #fbb;
1194 }
1195 #voting .cathead {
1196 font-weight: bold;
1197 }
1198 #voting .movable {
1199 position: relative;
1200 border: 1px black solid;
1201 margin: 1ex;
1202 padding: 0.5ex;
1203 }
1204 #voting .voting_form_active .movable {
1205 cursor: pointer;
1206 }
1207 #voting .voting_form_active .clickable {
1208 cursor: auto;
1209 }
1210 #voting .voting_form_active a.clickable {
1211 cursor: pointer;
1212 }
1213
1214 #voting .grabber {
1215 vertical-align: middle;
1216 cursor: move;
1217 }
1218
1219 /*************************************************************************
1220 * timeline
1221 */
1222 div.ignore_area_list {
1223 float: left;
1224 width: 90%;
1225 margin: 20px 0 1em 0;
1226 }
1227
1228 div.ignore_area_list >
1229 label.ui_field_label {
1230 text-align: left ;
1231 width: 100%;
1232 border-bottom:1px solid #000000;
1233 color: #000000;
1234 font-size:75%;
1235 font-weight:bold;
1236 vertical-align:bottom;
1237 text-transform:none;
1238 padding:0.5ex 0.5em
1239 }
1240
1241 div.ignore_area_item {
1242 clear: none;
1243 float: left;
1244 width: 20em;
1245 margin: 0.1ex 0.5em;
1246 }
1247
1248 div.ignore_area_item > input {
1249 float: none;
1250 clear: none;
1251 display: inline;
1252 }
1253
1254 div.ignore_area_item >
1255 label.ui_field_label {
1256 float: none;
1257 clear: none;
1258 text-align: left;
1259 display: inline;
1260 }
1261
1262 div.timeline_results {
1263 clear: both;
1264 }

Impressum / About Us