liquid_feedback_frontend
view static/style.css @ 626:11207174ae13
Fixed floating
| author | bsw |
|---|---|
| date | Mon Jun 25 16:41:14 2012 +0200 (2012-06-25) |
| parents | a187fdae2f48 |
| children | 710530f5dd45 |
line source
2 /* Style reset */
3 html,
4 body,
5 div,
6 span,
7 applet,
8 object,
9 iframe,
10 h1, h2, h3, h4, h5, h6,
11 p, a, img,
12 form, label, legend,
13 table, tbody, tfoot, thead, tr, th,td {
14 margin: 0;
15 padding: 0;
16 border: 0;
17 outline: 0;
18 font-weight: inherit;
19 font-style: inherit;
20 font-size: 100%;
21 font-family: inherit;
22 vertical-align: baseline;
23 }
24 body {
25 line-height: 1;
26 color: black;
27 background: white;
28 }
29 li {
30 line-height: 133%;
31 }
32 p {
33 margin-top: 2ex;
34 margin-bottom: 2ex;
35 }
37 table {
38 border-collapse: separate;
39 border-spacing: 0;
40 }
41 caption, th, td {
42 text-align: left;
43 font-weight: normal;
44 }
46 /*************************************************************************
47 * Some global definitions
48 */
50 body {
51 background: #fff;
52 line-height: 120%:
53 }
55 body, th, td {
56 font-family: sans-serif;
57 font-size: 15px;
58 font-size: 14px;
59 padding: 0;
60 margin: 0;
61 }
63 .page,
64 .topbar_content {
65 max-width: 1130px;
66 margin: 0 auto;
67 }
69 table {
70 margin-top: 1ex;
71 }
73 body, a {
74 color: #000;
75 }
77 img {
78 border: none;
79 }
81 table {
82 border-collapse: collapse;
83 border: none;
84 }
86 td, th {
87 padding: 0.5ex 0.5em 0.5ex 0em;
88 }
90 td {
91 vertical-align: top;
92 }
94 th {
95 vertical-align: bottom;
96 font-weight: bold;
97 }
99 a.active {
100 color: #fff;
101 }
103 .revoked {
104 text-decoration: line-through;
105 }
107 .highlighted {
108 background-color: #fa7;
109 color: #000;
110 }
112 .admin_only {
113 font-style: italic;
114 }
116 h1 {
117 font-size: 150%;
118 }
120 h2 {
121 font-size: 125%;
122 }
124 .inline {
125 display: inline;
126 }
128 /*************************************************************************
129 * Notices, warnings and errors
130 */
132 .layout_notice, .layout_error, .layout_warning {
133 background: #fff;
134 font-weight: bold;
135 line-height: 1.7em;
136 -moz-opacity:0.7;
137 }
139 .slot_notice, .slot_warning, .slot_error {
140 padding-left: 1em;
141 }
143 .slot_notice {
144 background-color: #cfc;
145 color: #040;
146 }
148 .slot_warning {
149 background-color: #fec;
150 color: #420;
151 }
153 .slot_error {
154 background-color: #fcc;
155 color: #400;
156 }
158 /*************************************************************************
159 * Navigation, search and language chooser bar
160 */
162 .topbar {
163 background-color: #333;
164 background-image: -webkit-gradient(linear, left top, left bottom,
165 color-stop(0%, #888), color-stop(25%,#333)
166 );
167 font-size: 90%;
168 box-shadow: #aaa 0 0 5px;
169 xoverflow: auto;
170 -mox-box-shadow: #aaa 0 0 5px;
171 -webkit-box-shadow: #aaa 0 0 5px;
172 border-top: 1px solid #333;
173 line-height: 30px;
175 }
177 .topbar .logolf {
178 margin-left: 6px;
179 font-weight: bold;
180 }
182 .topbar .instance_name,
183 .topbar a {
184 color: #eee;
185 line-height: 30px;
186 }
188 .topbar a:hover {
189 color: #f90;
190 }
192 .navigation {
193 background-color: #333;
194 line-height: 200%;
195 }
197 .topbar img {
198 margin-right: 0.5em;
199 vertical-align: middle;
200 }
202 .topbar a {
203 padding: 0 0.5em;
204 float: left;
205 display: block;
206 white-space: nowrap;
207 }
209 form.unit_selector {
210 display: inline;
211 }
213 .topbar .navigation_right {
214 float: right;
215 padding-right: 1%;
216 }
219 #member_menu {
220 z-index: 2;
221 }
223 #member_menu li {
224 float: left;
225 }
227 #member_menu li:hover {
228 position: relative;
229 z-index: 4;
230 cursor: default;
231 }
233 #member_menu {
234 margin: 0;
235 padding: 0;
236 width: 200px;
237 }
239 #member_menu > li {
240 width: 200px;
241 }
243 #member_menu li a {
244 float: right;
245 }
247 #member_menu ul {
248 margin: 0;
249 padding: 0;
250 list-style-type: none;
251 display: none;
252 position: absolute;
253 top: 100%;
254 left: 0;
255 z-index: 3;
256 width: 200px;
257 border-radius: 0 0 8px 8px;
258 background: #000;
259 }
261 #member_menu ul li {
262 float: none;
263 }
265 #member_menu ul li a {
266 float: none;
267 background: #000;
268 }
270 #member_menu ul ul {
271 top: 1px;
272 right: 1px;
273 }
275 #member_menu li:hover ul {
276 display: block;
277 }
279 #member_menu li li a {
280 background: #000;
281 border-radius: 5px;
282 color: #fff;
283 }
285 #member_menu ul li:hover a {
286 background: #000;
287 color: #f90;
288 }
290 */
291 /*************************************************************************
292 * Title of current page including path and actions
293 */
295 .slot_title {
296 font-size: 120%;
297 font-weight: bold;
298 margin-left: 10px;
299 margin-right: 10px;
300 margin-top: 1ex;
301 }
303 .slot_head {
304 background-color: #fff;
305 margin: 0px 10px 2ex 10px;
306 border: 1px solid #aaa;
307 border-radius: 0 0 8px 8px;
308 }
310 .page_head .title,
311 .issue .context,
312 .issue .title,
313 .initiative_head .title,
314 .area_list .title {
315 padding: 8px 10px 2px 10px;
316 }
318 .page_head .actions,
319 .page_head .unit_head .content,
320 .page_head .area_head .content,
321 .issue .content,
322 .initiative_head .content,
323 .area_list .unit_head .content,
324 .area_list .area .content {
325 padding: 10px 10px 0 10px;
326 }
328 .page_head .actions:last-child,
329 .page_head .unit_head .content:last-child,
330 .page_head .area_head .content:last-child,
331 .issue .content:last-child,
332 .initiative_head .content:last-child,
333 .area_list .unit_head .content:last-child,
334 .area_list .area .content:last-child {
335 padding: 10px 10px 10px 10px;
336 }
338 .page_head .initiative_list,
339 .issue .initiative_list {
340 padding-left: 8px;
341 }
343 .issue .content.actions {
344 margin-bottom: 1ex;
345 }
347 .area_head {
348 overflow: auto;
349 }
352 .page_head .title,
353 .issue .title,
354 .initiative_head .title,
355 .area_list .unit_head .unit_name,
356 .area_list .area_name {
357 font-weight: bold;
358 font-size: 120%;
359 }
361 .page_head .unit_head .title .extra,
362 .page_head .area_head .title .extra,
363 .issue .title .extra {
364 margin-left: 0.7em;
365 font-size: 75%;
366 }
368 .page_head .area_head .content,
369 .page_head .area_head .content a,
370 .page_head .issue .content.actions,
371 .page_head .issue .content.actions a,
372 .issues .issue .content.actions,
373 .issues .issue .content.actions a,
374 .area_list .area .content,
375 .area_list .area .content a {
376 color: #000;
377 }
380 .unit_head {
381 background-color: #44a;
382 background-image: -webkit-linear-gradient(top, #67d, #23a);
383 }
385 .unit_head:last-child {
386 border-radius: 0 0 8px 8px;
387 }
389 .area_head:last-child {
390 border-radius: 0 0 8px 8px;
391 }
393 .unit_head .content, .unit_head a {
394 color: #fff;
395 }
396 .area_head,
397 .area_list .area_head {
398 background-color: #abf;
399 background-image: -webkit-linear-gradient(top, #cdf, #abe);
400 }
402 .area_list .area > .content,
403 .issue {
404 background-color: #e0e9ff;
405 background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
406 }
409 x {
410 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
411 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
412 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
413 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
414 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
415 }
418 .delegation_info {
419 float: right;
420 text-decoration: none;
421 padding: 5px;
422 border-radius: 0px 5px 0px 5px;
423 }
425 .delegation_arrow {
426 vertical-align: middle;
427 }
429 .delegation_info .link {
430 text-decoration: underline;
431 color: #aaa;
432 }
434 .delegation_info:hover {
435 background-color: #ddd;
436 }
438 .delegation_info .micro_avatar {
439 border: none;
440 margin: 2px;
441 box-shadow: 1px 1px 2px #000;
442 }
444 .delegation_info .micro_avatar.highlighted {
445 margin: none;
446 border: 2px solid #f90;
447 }
450 .member_list .member_image_avatar {
451 float: left;
452 margin-right: 0.5em;
453 }
455 .micro_avatar {
456 height: 24px;
457 border-radius: 4px;
458 vertical-align: middle;
459 }
461 .logo {
462 float: right;
463 margin-right: 1%;
464 }
467 .member_image_photo {
468 border-radius: 8px;
469 }
471 /*************************************************************************
472 * Main content
473 */
475 .main {
476 margin-left: 1%;
477 margin-right: 1%;
478 }
480 /*************************************************************************
481 * ui.tab
482 */
483 .ui_tabs {
484 margin: 20px 0px;
485 }
487 .ui_tabs_links a {
488 padding: 1ex 1em;
489 line-height: 300%;
490 background-color: #f7f7f7;
491 background-color: #444;
492 background-image: -webkit-linear-gradient(top, #000 0%, #444 70%, #777 90%, #888 100%);
493 color: #fff;
494 white-space: nowrap;
495 border-radius: 5px;
496 margin-right: 2px;
497 font-weight: bold;
498 }
500 .ui_tabs_links a:hover,
501 .ui_tabs_links a.selected {
502 box-shadow: 0px 0px 5px 3px #f90;
503 }
505 .ui_tabs_links a.selected {
506 text-decoration: none;
507 }
510 /*************************************************************************
511 * ui.filters
512 */
514 .ui_filter {
515 overflow: auto;
516 margin: 2ex 0;
517 }
519 .ui_filter_head {
520 color: #777;
521 font-size: 90%;
522 float: left;
523 line-height: 200%;
524 margin-right: 2em;
525 }
527 .ui_filter a {
528 font-weight: bold;
529 margin-right: 0.5em;
530 }
533 .ui_filter_head a.active {
534 text-decoration: none;
535 background-color: #555;
536 color: #fff;
537 padding: 0.5ex 0.5em;
538 border-radius: 4px;
539 }
541 /*************************************************************************
542 * ui.paginate
543 */
545 .ui_paginate_head {
546 display: none;
547 margin-bottom: 1ex;
548 }
550 .ui_paginate_foot {
551 margin-top: 1ex;
552 }
554 .ui_paginate_select a {
555 padding: 0.5em;
556 }
558 /*************************************************************************
559 * ui.bargraph
560 */
562 .bargraph {
563 width: 103px;
564 }
566 .bargraph50 {
567 width: 52px;
568 }
570 .bargraph div {
571 float: left;
572 margin-top: 0.5ex;
573 height: 1.3ex;
574 }
576 .bargraph .quorum {
577 margin-top: 0.2ex;
578 height: 1.9ex;
579 }
581 /*************************************************************************
582 * notifications
583 */
585 div.notifications {
586 margin-top: 1ex;
587 background-color: #fda;
588 padding: 0.5ex;
589 border: 1px solid #fa0;
590 }
592 .notifications ul {
593 margin: 0;
594 padding: 0;
595 margin-left: 2em;
596 }
598 .notifications li {
599 margin: 0;
600 padding: 0;
601 margin-top: 0.5ex;
602 }
604 /*************************************************************************
605 * vertical ui.form
606 */
608 .vertical {
609 margin-top: 2ex;
610 }
612 .login input[type=text],
613 .vertical input[type=text],
614 .login input[type=password],
615 .vertical input[type=password],
616 .vertical textarea,
617 .vertical select {
618 font-family: sans-serif;
619 font-size: 100%;
620 width: 69%;
621 border: 1px solid #444;
622 padding: 0.2ex 0.2em 0.2ex 0.2em;
623 margin-bottom: 1ex;
624 }
628 .login input[type=password],
629 .vertical input[type=password] {
630 width: 16em;
631 }
633 .vertical select {
634 padding-right: 0;
635 }
637 .login .ui_field_label,
638 .vertical .ui_field_label {
639 text-transform: uppercase;
640 font-size: 70%;
641 line-height: 120%;
642 font-weight: bold;
643 color: #777;
644 width: 29%;
645 display: block;
646 float: left;
647 clear: left;
648 text-align: right;
649 padding-right: 0.5em;
650 }
652 .ui_field_label.label_right {
653 text-align: left;
654 width: auto;
655 }
657 .login input[type=text],
658 .login input[type=password] {
659 width: 10em;
660 }
662 .login div,
663 .vertical div {
664 clear: left;
665 }
667 .vertical span {
668 display: block;
669 margin-bottom: 0.5ex;
670 }
672 .vertical span:after {
673 content: " ";
674 }
676 .vertical span span {
677 display: inline;
678 margin-bottom: 0;
679 }
681 .login input[type=submit],
682 .vertical input[type=submit] {
683 font-size: 100%;
684 margin-left: 29%;
685 background-color: #444444;
686 color: #fff;
687 border: none;
688 padding: 0.75ex;
689 }
691 .login input[type=submit]:hover,
692 .vertical input[type=submit]:hover {
693 background-color: #444444;
694 }
696 @media screen and (max-width: 480px) {
697 .login input[type=text],
698 .vertical input[type=text],
699 .login input[type=password],
700 .vertical input[type=password],
701 .vertical textarea,
702 .vertical select,
703 .vertical input[type=submit],
704 .login input[type=submit] {
705 width: 98%;
706 }
707 .login .ui_field_label,
708 .vertical .ui_field_label {
709 text-align: left;
710 width: 98%;
711 }
712 .login input[type=text],
713 .login input[type=password] {
714 width: 98%;
715 }
716 .login input[type=submit],
717 .vertical input[type=submit] {
718 margin-left: 0;
719 }
720 }
723 /*************************************************************************
724 * Positive / Negtive votes
725 */
728 .positive_votes span {
729 display: inline;
730 }
732 .positive_votes {
733 display: inline;
734 background-color: #cfc;
735 padding: 0.3ex 0.5em 0.3ex 0.5em;
736 }
738 .negative_votes span {
739 display: inline;
740 }
742 .negative_votes {
743 display: inline;
744 background-color: #fcc;
745 padding: 0.3ex 0.5em 0.3ex 0.5em;
746 }
748 .suggestion_my_opinion a,
749 .suggestion_my_opinion span {
750 white-space: nowrap;
751 padding-left: 0.2ex !important;
752 padding-right: 0.2ex !important;
753 }
755 .active {
756 background-color: #444;
757 color: #fff;
758 }
760 .active_red2 { background-color: #a00; color: #fff !important; }
761 .active_red1 { background-color: #f88; color: #000 !important; }
762 .active_green1 { background-color: #8f8; color: #000 !important; }
763 .active_green2 { background-color: #0a0; color: #000 !important; }
767 /*************************************************************************
768 * Unit list
769 */
771 .unit_list a {
772 font-weight: bold;
773 }
775 /*************************************************************************
776 * Area list
777 */
778 .area_list {
779 border: 1px solid #54c;
780 border-radius: 10px;
781 margin-top: 2ex;
782 }
784 .area_list .area {
785 border-top: 1px solid #44a;
786 }
788 .area_list .area:first-child {
789 border-top: none;
790 }
792 .area_list .unit_head {
793 border-radius: 8px 8px 0 0;
794 }
796 .area_list .unit_head:last-child {
797 border-radius: 8px;
798 }
800 .area_list .area:last-child .content:last-child{
801 border-radius: 0 0 8px 8px;
802 }
804 .area_list .area:first-child .area_head {
805 border-radius: 8px 8px 0 0;
806 }
809 /*************************************************************************
810 * Events
811 */
813 .events .date {
814 font-size: 150%;
815 font-weight: bold;
816 margin-top: 2ex;
817 line-height: 150%;
818 }
820 .event_list .event div {
821 }
823 .event_list .event .member_id {
824 float: right;
825 }
828 /*************************************************************************
829 * Issues
830 */
832 .issues {
833 clear: left;
834 margin-top: 2ex;
835 }
837 .issues .issue {
838 overflow: hidden;
839 border: 1px solid #ddd;
840 border-radius: 8px;
841 margin-bottom: 2ex;
842 }
844 .issue.interested,
845 .issue.interest_by_delegation {
846 border: 1px solid #b2cdff;
847 }
849 .issue .issue_info {
850 padding: 1ex 1ex 0.3ex 1ex;
851 line-height: 140%;
852 margin-bottom: 1ex;
853 }
855 .event_list .event .issue_id,
856 .issue .issue_info .issue_id {
857 font-size: 125%;
858 }
860 .issue .suggestion {
861 margin-left: 1ex;
862 margin-bottom: 1ex;
863 font-weight: bold;
864 }
866 .issue_policy_info {
867 font-style: italic;
868 }
870 .issue_policy_info .event_name {
871 font-weight: bold;
872 }
874 .issue_policy_info img {
875 vertical-align: middle;
876 }
878 .issue .interest_by_delegation {
879 float: right;
880 }
882 .issue .initiative_list a.highlighted {
883 font-weight: bold;
884 }
886 .initiative {
887 margin-left: 1ex;
888 margin-bottom: 1ex;
889 line-height: 50%;
890 }
892 .initiative .bar {
893 margin-right: 0.3em;
894 }
896 .initiative .rank,
897 .initiative .bar,
898 .initiative .interest {
899 float: left;
900 margin-right: 0.3em;
901 }
903 .initiative .rank {
904 width: 2.5em;
905 }
908 .initiative .interest {
909 width: 20px;
910 height: 16px;
911 line-height: 100%;
912 }
914 .initiative .name {
915 line-height: 130%;
916 margin-left: 160px;
917 }
919 @media screen and (max-width: 480px) {
920 .initiative .name {
921 clear: left;
922 margin-left: 0px;
923 }
924 }
927 .issue_initiative_list a {
928 font-weight: bold;
929 }
931 .more_initiatives_link {
932 display: block;
933 margin-left: 166px;
934 font-style: italic;
935 margin-bottom: 1ex;
936 }
938 .issue tr tr {
939 border: none;
940 background: none;
941 }
943 .initiative_link.selected {
944 font-weight: bold;
945 }
947 x.initiative_link.supported {
948 background-color: #cdf;
949 border-radius: 5px;
950 }
952 x.initiative_link.potentially_supported {
953 background-color: #cdf;
954 border-radius: 5px;
955 }
957 .lang_chooser {
958 float: right;
959 margin-right: 0.5em;
960 }
962 .delegation_list_entry {
963 margin-right: 2em;
964 margin-bottom: 2ex;
965 float: left;
966 clear: left;
967 }
969 .delegation_list_entry .delegation_arrow {
970 float: left;
971 }
973 .delegation_list_entry .delegation_scope {
974 float: left;
975 width: 25em;
976 }
978 .delegation_list_entry .delegation_scope a {
979 display: block;
980 }
982 .member_list .member_thumb {
983 float: left;
984 margin-right: 1em;
985 margin-bottom: 2ex;
986 }
988 .member_thumb {
989 text-decoration: none;
990 width: 14.5em;
991 height: 48px;
992 display: block;
993 float: left;
994 background-color: #f2f2f2;
995 overflow: hidden;
996 position: relative;
997 border-radius: 7px;
998 padding: 2px;
999 }
1001 .member_thumb a:hover div {
1002 background-color: #444;
1003 color: #fff;
1004 }
1006 .member_thumb img {
1007 padding: 0;
1008 margin: 0;
1009 vertical-align: bottom;
1010 border-radius: 7px;
1011 }
1013 .member_thumb .member_name {
1014 position: absolute;
1015 left: 56px;
1016 top: 2ex;
1017 font-size: 100%;
1018 width: 14em;
1019 }
1021 .member_thumb .flags {
1022 float: right;
1023 font-size: 75%;
1024 }
1026 .member_thumb .flags a,
1027 .member_thumb .flags img {
1028 position: static;
1029 float: right;
1030 margin-left: 0.5em;
1031 }
1033 .member_thumb .flags .in_delegation_chain {
1034 font-weight: bold;
1035 }
1037 .member .right {
1038 float: right;
1039 }
1041 .member_thumb.not_accepted,
1042 .member_thumb.not_informed {
1043 background: #fff;
1044 }
1046 .member_thumb.not_accepted .member_image,
1047 .member_thumb.not_accepted .member_name,
1048 .member_thumb.not_informed .member_image,
1049 .member_thumb.not_informed .member_name {
1050 opacity: 0.4;
1051 }
1053 .member_thumb {
1054 border: 2px solid #fff;
1055 }
1057 .member_thumb.in_delegation_chain {
1058 border: 2px solid #f90;
1059 }
1061 .member_statement,
1062 .draft_content,
1063 .suggestion_content {
1064 background-color: #f2f2f2;
1065 padding: 1ex;
1066 border-radius: 8px;
1067 }
1069 .member_statement {
1070 margin-right: 250px;
1071 }
1073 #suggestion_description {
1074 height: 15ex;
1075 }
1077 .diff {
1078 background-color: #f2f2f2;
1079 border: 1px solid #ccc;
1080 padding: 1ex;
1081 }
1083 .diff_added {
1084 background-color: #cfc;
1085 text-decoration: underline;
1086 }
1088 .diff_removed {
1089 background-color: #fcc;
1090 text-decoration: line-through;
1091 }
1093 .slot_issue_info {
1094 background-color: #f2f2f2;
1095 border: 1px solid #ccc;
1096 float: right;
1097 padding: 0.5ex;
1098 line-height: 130%;
1099 margin-right: 1em;
1100 }
1102 .issue_info label {
1103 float: left;
1104 width: 8em;
1105 text-transform: uppercase;
1106 font-size: 70%;
1107 color: #777;
1108 font-weight: bold;
1109 clear: left;
1110 text-align: right;
1111 margin-right: 0.7em;
1112 }
1114 .admitted_info {
1115 background-color: #dfd;
1116 padding: 1ex;
1117 border-radius: 8px;
1118 }
1120 .not_admitted_info,
1121 .revoked_info {
1122 background-color: #fdd;
1123 padding: 1ex;
1124 border-radius: 8px;
1125 }
1127 .draft_updated_info,
1128 .voting_active_info,
1129 .initiator_invite_info,
1130 .motd,
1131 .public_access_issue_head {
1132 background-color: #fffbce;
1133 padding: 1ex;
1134 margin-top: 1ex;
1135 margin-bottom: 2ex;
1136 border-top: 1px solid #ffe900;
1137 border-bottom: 1px solid #ffe900;
1138 }
1140 .suggestion_fulfilled {
1141 width: 15em;
1142 }
1143 .suggestion_fulfilled a.action {
1144 padding-left: 0;
1145 line-height: 120%;
1146 }
1148 .help,
1149 .use_terms {
1150 border-radius: 8px;
1151 border: 1px solid #ffe900;
1152 background-color: #fffbce;
1153 color: #000;
1154 padding: 1ex;
1155 }
1157 .help_visible {
1158 margin-top: 2ex;
1159 margin-bottom: 1ex;
1160 }
1162 .help_visible .help_icon {
1163 float: right;
1164 }
1166 .slot_help_hidden {
1167 float: left;
1168 margin-top: 1ex;
1169 }
1171 .help_actions {
1172 font-size: 75%;
1173 float: right;
1174 }
1176 .help_actions a {
1177 margin-right: 1em;
1178 color: #468;
1179 }
1181 .wiki {
1182 line-height: 133%;
1183 }
1185 .wiki h1,
1186 .wiki h2,
1187 .wiki h3,
1188 .wiki h4 {
1189 margin-top: 1ex;
1190 margin-bottom: 1ex;
1191 }
1193 .wiki h1 {
1194 font-size: 150%;
1195 font-weight: bold;
1196 }
1198 .wiki h2 {
1199 font-size: 125%;
1200 font-weight: bold;
1201 }
1203 .wiki h3 {
1204 font-size: 125%;
1205 }
1207 .wiki h4 {
1208 font-size: 100%;
1209 font-weight: bold;
1210 }
1212 .wiki p {
1213 margin-top: 1ex;
1214 margin-bottom: 1ex;
1215 }
1217 form .warning {
1218 background-color: #ffd;
1219 color: #000;
1220 border: 1px solid #dda;
1221 margin: 1ex;
1222 margin-bottom: 2ex;
1223 padding: 1ex;
1224 }
1226 a.not_voted {
1227 display: block;
1228 background-color: #fec;
1229 color: #000;
1230 }
1232 .action_active {
1233 background-color: #fec;
1234 }
1236 .heading {
1237 display: block;
1238 font-size: 120%;
1239 font-weight: bold;
1240 }
1242 .heading.first {
1243 margin-top: 0;
1244 }
1246 .menu_list li {
1247 padding-top: 1ex;
1248 padding-bottom: 1ex;
1249 }
1251 .deactivated_member_info {
1252 background-color: #a00;
1253 color: #fff;
1254 }
1256 /*************************************************************************
1257 * Voting
1258 */
1260 #voting_form {
1261 margin-top: 20px;
1262 }
1264 #voting {
1265 position: relative;
1266 }
1268 #voting .approval, .abstention, .disapproval {
1269 border: 2px black solid;
1270 margin-top: 2ex;
1271 margin-bottom: 5ex;
1272 padding: 1ex;
1273 padding-bottom: 2ex;
1274 border-radius: 8px;
1275 }
1276 #voting .approval {
1277 background-color: #9f9;
1278 }
1279 #voting .approval .movable {
1280 background-color: #dfd;
1281 }
1282 #voting .abstention {
1283 background-color: #ccc;
1284 }
1285 #voting .abstention .movable {
1286 background-color: #f2f2f2;
1287 }
1288 #voting .disapproval {
1289 background-color: #f88;
1290 }
1291 #voting .disapproval .movable {
1292 background-color: #fbb;
1293 }
1294 #voting .cathead {
1295 font-weight: bold;
1296 }
1297 #voting .movable {
1298 position: relative;
1299 border: 1px black solid;
1300 margin-top: 1ex;
1301 padding: 0.5ex;
1302 border-radius: 8px;
1303 }
1304 #voting .voting_form_active .movable {
1305 cursor: pointer;
1306 }
1307 #voting .voting_form_active .clickable {
1308 cursor: auto;
1309 }
1310 #voting .voting_form_active a.clickable {
1311 cursor: pointer;
1312 }
1314 #voting .movable {
1315 vertical-align: middle;
1316 cursor: move;
1317 }
1319 /*************************************************************************
1320 * timeline
1321 */
1322 div.ignore_area_list {
1323 float: left;
1324 width: 90%;
1325 margin: 0 0 1em 0;
1326 }
1328 div.ignore_area_list >
1329 label.ui_field_label {
1330 text-align: left ;
1331 width: 100%;
1332 border-bottom:1px solid #000000;
1333 color: #000000;
1334 font-size:75%;
1335 font-weight:bold;
1336 vertical-align:bottom;
1337 text-transform:none;
1338 padding:0.5ex 0.5em
1339 }
1341 div.ignore_area_item {
1342 clear: none;
1343 float: left;
1344 min-width: 10em;
1345 margin: 0.1ex 0.5em;
1346 margin-right: 0.5em;
1347 }
1349 div.ignore_area_item > input {
1350 float: none;
1351 clear: none;
1352 display: inline;
1353 }
1355 div.ignore_area_item >
1356 label.ui_field_label {
1357 float: none;
1358 clear: none;
1359 text-align: left;
1360 display: inline;
1361 }
1363 div.timeline_results {
1364 clear: both;
1365 }
1367 /* shadows */
1369 .initiative_head,
1370 .box,
1371 div.notifications {
1372 border-radius: 8px;
1373 }
1375 .initiative_head,
1376 .box {
1377 border: 1px solid #aaa;
1378 }
1380 .box {
1381 padding: 1ex;
1382 }
1384 .slot_head,
1385 .area_list,
1386 .initiative_head,
1387 .issues .issue,
1388 .ui_tabs_links a,
1389 .draft_content,
1390 .help,
1391 .use_terms,
1392 .motd,
1393 .vote_info .content,
1394 .box,
1395 div.notifications {
1396 box-shadow: #777 0px 5px 5px -5px;
1397 -mox-box-shadow: #777 0px 5px 5px -5px;
1398 -webkit-box-shadow: #ddd 3px 3px 3px -1px;
1399 clear: both;
1400 }
1402 .slot_footer {
1403 margin: 0 1%;
1404 border-top: 1px solid #ccc;
1405 padding: 1ex;
1406 font-size: 80%;
1407 text-align: center;
1408 }
1409 .slot_footer,
1410 .slot_footer a {
1411 color: #666;
1412 }
1414 .footer {
1415 margin: 0 auto;
1416 max-width: 1130px;
1417 }