liquid_feedback_frontend

view static/style.css @ 367:9ac1ac69053d

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

Impressum / About Us