liquid_feedback_frontend

view static/style.css @ 154:6b6c82f9ca9f

find changesets by author, revision, files, or words in the commit message
speedup member image loading when non set

we can add the location of the default file directy instead of going through another slow request
author Daniel Poelzleithner <poelzi@poelzi.org>
date Fri Oct 08 15:25:10 2010 +0200 (2010-10-08)
parents 1652c4cd3154
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