liquid_feedback_frontend

view static/style.css @ 322:afde8a1d736e

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

Impressum / About Us