liquid_feedback_frontend

view static/style.css @ 353:5bebbc39f629

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

Impressum / About Us