liquid_feedback_frontend

view static/lf3.css @ 1094:ef41e3449577

find changesets by author, revision, files, or words in the commit message
Fixed numbered lists in draft text
author bsw
date Mon Oct 20 12:47:41 2014 +0200 (2014-10-20)
parents c2baf086cc8d
children b716804d1909
line source
1 html,
2 body,
3 div,
4 span,
5 applet,
6 object,
7 iframe,
8 h1,
9 h2,
10 h3,
11 h4,
12 h5,
13 h6,
14 p,
15 blockquote,
16 pre,
17 a,
18 abbr,
19 acronym,
20 address,
21 big,
22 cite,
23 code,
24 del,
25 dfn,
26 em,
27 img,
28 ins,
29 kbd,
30 q,
31 s,
32 samp,
33 small,
34 strike,
35 strong,
36 sub,
37 sup,
38 tt,
39 var,
40 b,
41 u,
42 i,
43 center,
44 dl,
45 dt,
46 dd,
47 ol,
48 ul,
49 li,
50 fieldset,
51 form,
52 label,
53 legend,
54 table,
55 caption,
56 tbody,
57 tfoot,
58 thead,
59 tr,
60 th,
61 td,
62 article,
63 aside,
64 canvas,
65 details,
66 embed,
67 figure,
68 figcaption,
69 footer,
70 header,
71 hgroup,
72 menu,
73 nav,
74 output,
75 ruby,
76 section,
77 summary,
78 time,
79 mark,
80 audio,
81 video {
82 margin: 0;
83 padding: 0;
84 border: 0;
85 font-size: 100%;
86 font: inherit;
87 vertical-align: baseline;
88 }
89 /* HTML5 display-role reset for older browsers */
90 article,
91 aside,
92 details,
93 figcaption,
94 figure,
95 footer,
96 header,
97 hgroup,
98 menu,
99 nav,
100 section {
101 display: block;
102 }
103 body {
104 line-height: 1;
105 }
106 ol,
107 ul {
108 list-style: none;
109 }
110 blockquote,
111 q {
112 quotes: none;
113 }
114 blockquote:before,
115 blockquote:after,
116 q:before,
117 q:after {
118 content: '';
119 content: none;
120 }
121 table {
122 border-collapse: collapse;
123 border-spacing: 0;
124 }
125 /* end reset */
126 /* color, fonts, gaps and border radius settings */
127 .list-style {
128 list-style: disc;
129 padding-left: 20px;
130 }
131 /*
132 * basic font settings
133 */
134 html {
135 overflow-y: scroll;
136 }
137 body {
138 font: normal 10pt / 125% sans-serif;
139 background-color: #397ab6;
140 color: #000000;
141 background-attachment: fixed;
142 }
143 .page {
144 background-image: url("back50.png");
145 max-width: 1240px;
146 border-radius: 0 0 2px 2px;
147 margin: 0 auto;
148 margin-bottom: 40px;
149 }
150 /*
151 * messages
152 */
153 .slot_notice,
154 .slot_warning,
155 .slot_error {
156 font: bold 12pt / 125% sans-serif;
157 padding: 12pt;
158 }
159 .slot_motd {
160 background-color: #ccc;
161 padding: 12pt;
162 }
163 .slot_notice {
164 background-color: #0c0;
165 color: #fff;
166 }
167 .slot_warning {
168 background-color: #f80;
169 color: #000;
170 }
171 .slot_error {
172 background-color: #c00;
173 color: #fff;
174 }
175 /*
176 * global styles
177 */
178 /* headlines */
179 h1 {
180 font: bold 12pt / 125% sans-serif;
181 margin-bottom: 1ex;
182 }
183 h1:last-child {
184 margin-bottom: 0;
185 }
186 h2 {
187 font: normal 12pt / 125% sans-serif;
188 }
189 h3 {
190 font: bold 10pt / 125% sans-serif;
191 }
192 h1:first-child,
193 h2:first-child,
194 h3:first-child {
195 margin-top: 0;
196 }
197 .right {
198 float: right;
199 }
200 .left {
201 float: left;
202 margin-right: 9px;
203 }
204 /* paragraphs */
205 p {
206 margin-bottom: 1.5ex;
207 }
208 p:last-child {
209 margin-bottom: 0;
210 }
211 /* lists */
212 ul.ul {
213 margin-left: 9px;
214 margin-bottom: 1.5ex;
215 list-style: disc;
216 padding-left: 20px;
217 }
218 ul.ul li {
219 margin: 3px 0;
220 }
221 ul.ul li:last-child {
222 margin-bottom: 0;
223 }
224 ul.ul:last-child {
225 margin-bottom: 0;
226 }
227 /* tables */
228 table td {
229 padding: 0.3ex 0.3em;
230 }
231 /* links */
232 a {
233 color: #222277;
234 }
235 a.disabled {
236 color: #777777;
237 cursor: default;
238 }
239 /* formulars */
240 form.inline {
241 display: inline;
242 }
243 form.inline div {
244 display: inline;
245 }
246 img {
247 vertical-align: middle;
248 }
249 img.star {
250 width: 24px;
251 height: 24px;
252 }
253 img.icon16 {
254 width: 16px;
255 height: 16px;
256 }
257 img.icon24 {
258 width: 24px;
259 height: 24px;
260 }
261 img.icon32 {
262 width: 32px;
263 height: 32px;
264 }
265 img.icon48 {
266 width: 48px;
267 height: 48px;
268 }
269 /*
270 * Avatars
271 */
272 .microAvatar {
273 text-wrap: nowrap;
274 }
275 .microAvatar img,
276 img.micro_avatar {
277 vertical-align: middle;
278 border-radius: 2px;
279 width: 24px;
280 height: 24px;
281 }
282 img.micro_avatar.highlighted {
283 margin: 0;
284 border: 2px solid #ff8800;
285 }
286 /*
287 * delegation info
288 */
289 .vote_info,
290 .delegation_info {
291 white-space: nowrap;
292 float: right;
293 text-decoration: none;
294 margin: -2px;
295 }
296 .vote_info img,
297 .delegation_info img {
298 vertical-align: middle;
299 }
300 .delegation_info img {
301 border-radius: 2px;
302 margin: 2px;
303 }
304 .delegation_info.suspended {
305 opacity: 0.3;
306 }
307 .slot_title .delegation_info.suspended {
308 opacity: 1;
309 }
310 /*
311 * generic attributes
312 */
313 .hide {
314 display: none;
315 }
316 .head_outer {
317 background-color: #000000;
318 color: #ffffff;
319 overflow: auto;
320 margin: 0 auto;
321 max-width: 1240px;
322 }
323 .head {
324 padding: 0.3ex 0;
325 margin: 0 12pt;
326 /*
327 * the logo and instance name
328 */
329 /*
330 * navigation bar
331 */
332 }
333 .head a {
334 color: #ffffff;
335 }
336 .head .logo {
337 display: block;
338 padding: 9px 0;
339 text-decoration: none;
340 font: bold 10pt / 100% sans-serif;
341 }
342 .head .logo .liquid {
343 color: #ffffff;
344 }
345 .head .logo .feedback {
346 color: #00ee00;
347 }
348 .head .logo .instanceName {
349 font: normal 10pt / 100% sans-serif;
350 padding-top: 9px;
351 }
352 .head .logo:hover {
353 text-decoration: underline;
354 }
355 .head .notifications {
356 margin-left: 0.6em;
357 text-decoration: none;
358 }
359 .head .notifications .count {
360 background-color: #f00;
361 color: #000;
362 padding: 0.2ex 0.25em;
363 border-radius: 1ex;
364 vertical-align: top;
365 }
366 .head .notifications .icon {
367 width: 24px;
368 height: 24px;
369 }
370 .head .nav {
371 float: right;
372 padding-top: 6px;
373 }
374 .head .nav ul,
375 .head .nav > ul > li:first-child {
376 display: inline;
377 }
378 .head .nav input[name=q] {
379 width: 12em;
380 border-radius: 2px;
381 padding: 2px;
382 background-color: #000000;
383 color: #ffffff;
384 border: 1px solid #397ab6;
385 margin-right: 0.6em;
386 }
387 .head .nav input[name=q]:focus {
388 outline: 2px solid #397ab6;
389 }
390 .head .nav #member_menu a span {
391 margin-left: 5px;
392 }
393 /*
394 * title
395 */
396 .slot_title {
397 padding-left: 12pt;
398 padding-right: 12pt;
399 font: bold 12pt / 125% sans-serif;
400 color: #ffffff;
401 padding-top: 12pt;
402 }
403 .slot_title a {
404 color: #ffffff;
405 display: inline-block;
406 }
407 .slot_title a.home {
408 margin-right: 4px;
409 }
410 .slot_title a.delegation_info {
411 margin-right: 0;
412 }
413 .slot_title .initiative,
414 .slot_title a .label {
415 display: none;
416 }
417 .slot_title .delegation_info {
418 background-color: #ffffff;
419 color: #000000;
420 border-radius: 2px;
421 padding-right: 3px;
422 margin-bottom: 12pt;
423 }
424 .slot_title .delegation_info a {
425 color: #000000;
426 }
427 .content {
428 clear: both;
429 margin: 0 12pt;
430 margin-top: 12pt;
431 }
432 /*
433 * the sidebar
434 */
435 .sidebar {
436 float: right;
437 width: 30%;
438 }
439 .sidebarSection {
440 background-color: #ffffff;
441 border-radius: 2px;
442 color: #000000;
443 margin-bottom: 12pt;
444 padding: 0;
445 }
446 .sidebarSection .sidebarHead {
447 padding: 9px 9px 4.5px 9px;
448 background: #ffffff;
449 color: #000000;
450 min-height: 20px;
451 }
452 .sidebarSection .sidebarHead a {
453 color: #000000;
454 }
455 .sidebarSection .sidebarHead .icon24 {
456 margin-top: -3.6px;
457 }
458 .sidebarSection .sidebarRow,
459 .sidebarSection .ui_filter_head,
460 .sidebarSection .ui_paginate_foot {
461 clear: right;
462 display: block;
463 padding: 4.5px 9px;
464 min-height: 20px;
465 }
466 .sidebarSection .sidebarRow {
467 border-top: 1px solid #aaaaaa;
468 }
469 .sidebarSection .sidebarRow.highlighted {
470 background-color: #e7f0ff;
471 }
472 .sidebarSection .sidebarRow.sidebarRowNarrow,
473 .sidebarSection .ui_filter_head,
474 .sidebarSection .ui_paginate_foot {
475 padding: 2.25px 9px;
476 }
477 .sidebarSection .sidebarRow.moreLink {
478 min-height: 0;
479 }
480 .sidebarSection a.sidebarRow {
481 text-decoration: none;
482 color: #000000;
483 }
484 .sidebarSection h1,
485 .sidebarSection h1 a,
486 .sidebarSection h2,
487 .sidebarSection h2 a,
488 .sidebarSection h3,
489 .sidebarSection h3 a {
490 color: #000000;
491 }
492 .sidebarSection a {
493 color: #222277;
494 }
495 .sidebarSection .areas .whenfolded {
496 display: none;
497 }
498 .sidebarSection .areas.folded .whenunfolded {
499 display: none;
500 }
501 .sidebarSection .areas.folded .whenfolded {
502 display: block;
503 }
504 .sidebarSection .areas.folded .disabled {
505 display: none;
506 }
507 .sidebarSection a.issue {
508 font: bold 12pt / 125% sans-serif;
509 color: #000000;
510 }
511 .sidebarSection ul.initiatives li {
512 padding: 4.5px 9px;
513 border-top: 1px solid #aaaaaa;
514 }
515 .sidebarSection ul.initiatives li .bargraph {
516 display: block;
517 }
518 .sidebarSection ul.initiatives li .supporterCount {
519 white-space: nowrap;
520 }
521 .sidebarSection ul.initiatives .revoked .initiative_name {
522 text-decoration: line-through;
523 }
524 .sidebarSection ul.initiatives .rank1 .initiative_name {
525 font-weight: bold;
526 }
527 .sidebarSection ul.initiatives li.highlighted {
528 background-color: #e7f0ff;
529 }
530 .sidebarSection ul.initiatives li.highlighted:last-child {
531 border-radius: 0 0 2px 2px;
532 }
533 .sidebarSection .supporters {
534 line-height: 28.799999999999997px;
535 }
536 .sidebarSection .supportCount {
537 color: #00c000;
538 font: bold 12pt / 125% sans-serif;
539 float: right;
540 }
541 .sidebarSection .member_list .member_thumb {
542 white-space: nowrap;
543 overflow: hidden;
544 text-overflow: ellipsis;
545 }
546 .sidebarSection .member_list .member_thumb img.member_image {
547 width: 24px;
548 height: 24px;
549 vertical-align: middle;
550 margin-right: 0.2em;
551 }
552 .sidebarSection .member_list .member_thumb.in_delegation_chain {
553 font-weight: bold;
554 }
555 .sidebarSection > div {
556 position: relative;
557 }
558 .sidebarSection > div:first-child {
559 margin-top: 0;
560 border-radius: 2px 2px 0 0;
561 }
562 .sidebarSection > div:last-child {
563 border-radius: 0 0 2px 2px;
564 }
565 .sidebarSection > div:last-child:first-child {
566 border-radius: 2px;
567 }
568 .sidebarSection a.unit {
569 font: normal 12pt / 125% sans-serif;
570 }
571 .sidebarSection a.area {
572 margin-left: 20px;
573 display: block;
574 }
575 .sidebarSection .star {
576 float: left;
577 }
578 .sidebarSection .delegation_info {
579 margin-top: -3.6px;
580 margin-bottom: 1px;
581 }
582 .admitted_info h1 {
583 color: #00aa00;
584 }
585 .not_admitted_info h1,
586 .revoked_info h1 {
587 color: #aa0000;
588 }
589 .admitted_info .initiative_pie,
590 .not_admitted_info .initiative_pie {
591 float: right;
592 }
593 .admitted_info table tr th,
594 .not_admitted_info table tr th {
595 text-align: left;
596 }
597 .admitted_info table tr td,
598 .not_admitted_info table tr td {
599 text-align: right;
600 padding: 0.3ex 0.4em;
601 }
602 /*
603 * main area
604 */
605 .main_outer {
606 width: 70%;
607 }
608 .main {
609 clear: left;
610 margin-right: 12pt;
611 border-radius: 2px;
612 /*
613 * tabs und filter
614 */
615 /*
616 * initiative
617 */
618 /* the draft */
619 }
620 .main .section .sectionHead,
621 .main .section .sectionRow {
622 background-color: #ffffff;
623 overflow: auto;
624 padding: 9px;
625 }
626 .main .section .sectionHead {
627 background-color: #ffffff;
628 color: #000000;
629 margin-top: 12pt;
630 border-radius: 2px 2px 0 0;
631 }
632 .main .section .sectionHead:first-child {
633 margin-top: 0;
634 }
635 .main .section .sectionHead:last-child {
636 border-radius: 2px;
637 }
638 .main .section .sectionRow {
639 margin-top: 4px;
640 }
641 .main .section .sectionRow:last-child {
642 border-radius: 0 0 2px 2px;
643 margin-bottom: 12pt;
644 }
645 .main > h1 {
646 border-bottom: 1px solid #aaaaaa;
647 padding: 9px;
648 }
649 .main .ui_filter .ui_filter_head {
650 background: #ffffff;
651 color: #000000;
652 padding: 0 9px 9px 9px;
653 vertical-align: middle;
654 }
655 .main .ui_filter .ui_filter_head a {
656 white-space: nowrap;
657 font: normal 10pt / 150% sans-serif;
658 margin-right: 0.5em;
659 }
660 .main .ui_filter .ui_filter_head a.active {
661 font: bold 10pt / 150% sans-serif;
662 text-decoration: none;
663 color: #000000;
664 }
665 .main .ui_filter .ui_filter_head select {
666 background: #ffffff;
667 color: #444444;
668 font: normal 10pt / 150% sans-serif;
669 border: none;
670 padding: 0;
671 margin: 0;
672 }
673 .main .ui_filter .ui_filter_head select option {
674 color: #000000;
675 }
676 .main .ui_filter .ui_filter_head select option:first-child,
677 .main .ui_filter .ui_filter_head select option[value="interest_direct"],
678 .main .ui_filter .ui_filter_head select option[value="interest_delegated"],
679 .main .ui_filter .ui_filter_head select option[value="support_direct"],
680 .main .ui_filter .ui_filter_head select option[value="support_delegated"],
681 .main .ui_filter .ui_filter_head select option[value="potential_support_direct"],
682 .main .ui_filter .ui_filter_head select option[value="potential_support_delegated"] {
683 color: #444444;
684 }
685 .main .ui_filter .ui_filter_head select.active {
686 color: #000000;
687 }
688 .main .ui_filter .ui_filter_head:first-child {
689 border-radius: 2px 2px 0 0;
690 padding-top: 9px;
691 }
692 .main .ui_filter .ui_filter_head.filter_filter {
693 padding-top: 9px;
694 }
695 .main .ui_filter .ui_filter_head.filter_mode {
696 padding-top: 9px;
697 margin-bottom: 0;
698 padding-bottom: 0;
699 }
700 .main .ui_filter .ui_filter_head.subfilter a {
701 font: normal 10pt / 150% sans-serif;
702 }
703 .main .ui_filter .ui_filter_head.subfilter a.active {
704 font: bold 10pt / 150% sans-serif;
705 }
706 .main .filter {
707 float: right;
708 }
709 .main .delegation_info.suspended {
710 margin: 1ex -2px -2px -2px;
711 }
712 .main .issues .state_info {
713 font: bold 10pt / 125% sans-serif;
714 color: #007700;
715 }
716 .main .issues .state_info.negative {
717 color: #aa0000;
718 }
719 .main ul.initiatives li {
720 margin-top: 1ex;
721 }
722 .main ul.initiatives li .bargraph {
723 float: left;
724 margin-top: 5px;
725 margin-right: 0.5em;
726 }
727 .main ul.initiatives li .initiative_name {
728 display: block;
729 margin-left: 110px;
730 }
731 .main ul.initiatives li .rank1 .initiative_name {
732 margin-left: 0;
733 font-weight: bold;
734 }
735 .main ul.initiatives li .revoked .initiative_name {
736 text-decoration: line-through;
737 }
738 .main ul.initiatives li:first-child {
739 margin-top: 0;
740 clear: none;
741 }
742 .main .events .event ul.initiatives li .initiative_name {
743 margin-left: 0;
744 }
745 .main .member_photo {
746 float: right;
747 }
748 .main .member_thumb.in_delegation_chain {
749 font-weight: bold;
750 }
751 .main .support {
752 color: #aaa;
753 line-height: 80%;
754 float: right;
755 width: 102px;
756 }
757 .main .initiativeInfo {
758 font-family: normal 10pt / 125% sans-serif;
759 line-height: 24px;
760 overflow: auto;
761 }
762 .main .initiativeInfo .support {
763 margin-top: 1ex;
764 float: left;
765 width: auto;
766 }
767 .main .initiativeInfo .mySupport {
768 line-height: 125%;
769 min-width: 12em;
770 text-align: right;
771 }
772 .main .initiativeInfo .initiators {
773 margin-top: 1.5ex;
774 margin-bottom: -1ex;
775 float: left;
776 }
777 .main .initiativeInfo .links {
778 margin-top: 1.5ex;
779 margin-bottom: -1ex;
780 float: right;
781 clear: right;
782 }
783 .main .initiativeInfo .initiator_links {
784 clear: right;
785 }
786 .main .issueInfo .links {
787 margin-top: 1.5ex;
788 margin-bottom: -1ex;
789 float: right;
790 clear: both;
791 }
792 .main .draft_updated_info {
793 color: #007700;
794 }
795 .main .draft_updated_info .info {
796 font: bold 10pt / 125% sans-serif;
797 }
798 .main .draft {
799 font: normal 10pt / 125% sans-serif;
800 }
801 .main .draft ul {
802 margin-left: 1em;
803 margin-bottom: 1.5ex;
804 list-style: square;
805 padding-left: 1em;
806 }
807 .main .draft ol,
808 .main .draft_content ol {
809 margin-left: 1em;
810 margin-bottom: 1.5ex;
811 list-style: decimal;
812 padding-left: 1em;
813 }
814 .main .draft h1 {
815 font: italic 10pt / 125% sans-serif;
816 font-size: 125%;
817 border-bottom: 1px solid #444444;
818 margin-bottom: 1ex;
819 }
820 .main .draft h2 {
821 font: normal 10pt / 125% sans-serif;
822 font-size: 125%;
823 }
824 .main .draft h3 {
825 font: normal 10pt / 125% sans-serif;
826 font-size: 125%;
827 }
828 .main .draft h4 {
829 font: normal 10pt / 125% sans-serif;
830 }
831 .main .draft hr {
832 border: none;
833 border-top: 1px solid #000000;
834 }
835 .main .draft b,
836 .main .draft strong {
837 font: italic 10pt / 125% sans-serif;
838 }
839 .main .draft i,
840 .main .draft em {
841 font: normal 10pt / 125% sans-serif;
842 }
843 .main form,
844 .main .form {
845 margin: 0;
846 padding: 0;
847 }
848 .main form .ui_field_label,
849 .main .form .ui_field_label {
850 display: inline-block;
851 width: 25%;
852 margin: 0;
853 padding: 0;
854 text-align: right;
855 margin-bottom: 9px;
856 padding-right: 0.5%;
857 vertical-align: top;
858 color: #444444;
859 }
860 .main form input[type=text],
861 .main .form input[type=text],
862 .main form input[type=password],
863 .main .form input[type=password],
864 .main form select,
865 .main .form select,
866 .main form textarea,
867 .main .form textarea {
868 vertical-align: top;
869 width: 73%;
870 margin: 0;
871 padding: 3px;
872 border: 1px solid #444444;
873 font: bold 10pt / 125% sans-serif;
874 margin-bottom: 9px;
875 }
876 .main form input:focus,
877 .main .form input:focus {
878 outline: 2px solid #397ab6;
879 }
880 .main form .actions,
881 .main .form .actions {
882 margin-left: 26%;
883 }
884 .main form.wide input[type=text],
885 .main form.wide input[type=password],
886 .main form.wide select,
887 .main form.wide textarea {
888 width: 100%;
889 }
890 .issues .event .initiative_pie,
891 .events .event .initiative_pie {
892 clear: right;
893 float: right;
894 }
895 .issues .event ul.initiatives .initiative_info_left,
896 .events .event ul.initiatives .initiative_info_left {
897 display: inline;
898 margin-right: 0.5em;
899 }
900 .issues .event ul.initiatives .initiative_info_right,
901 .events .event ul.initiatives .initiative_info_right {
902 float: right;
903 }
904 .issues .event ul.initiatives .initiative_info_right .bargraph,
905 .events .event ul.initiatives .initiative_info_right .bargraph {
906 float: right;
907 margin-left: 0.5em;
908 }
909 .issues .event ul.initiatives .result,
910 .events .event ul.initiatives .result {
911 color: #444444;
912 margin-top: 0.5ex;
913 }
914 .issues .event ul.initiatives h3,
915 .events .event ul.initiatives h3 {
916 margin-top: 1ex;
917 margin-bottom: 0;
918 }
919 .issues .event ul.initiatives a.initiative,
920 .events .event ul.initiatives a.initiative {
921 font: bold 10pt / 125% sans-serif;
922 }
923 .issues .event .event_info,
924 .events .event .event_info {
925 font: bold 10pt / 125% sans-serif;
926 color: #007700;
927 margin-top: 0.66ex;
928 margin-bottom: 1ex;
929 }
930 .issues .event .event_info:last-child,
931 .events .event .event_info:last-child {
932 margin-bottom: 0;
933 }
934 .issues .event .event_info.negative,
935 .events .event .event_info.negative {
936 color: #aa0000;
937 }
938 .issues .event .event_time,
939 .events .event .event_time {
940 font: normal 10pt / 125% sans-serif;
941 color: #444444;
942 }
943 .issues .event:hover .event_time,
944 .events .event:hover .event_time {
945 visibility: visible;
946 }
947 .issues .event:hover ul.initiatives div,
948 .events .event:hover ul.initiatives div {
949 visibility: visible;
950 }
951 .issues .issue_context,
952 .events .issue_context {
953 line-height: 24px;
954 margin-bottom: 0.66ex;
955 }
956 .issues .issue_context .unit,
957 .events .issue_context .unit {
958 background-color: #777;
959 color: #fff;
960 padding: 1px 3px;
961 border-radius: 2px;
962 text-decoration: none;
963 }
964 .issues .issue_context .area,
965 .events .issue_context .area {
966 background-color: #ddd;
967 color: #000;
968 padding: 1px 3px;
969 border-radius: 2px;
970 text-decoration: none;
971 }
972 .issues .issue_info .issue,
973 .events .issue_info .issue {
974 font: bold 10pt / 125% sans-serif;
975 color: #000000;
976 }
977 .issues img.star,
978 .events img.star {
979 vertical-align: middle;
980 float: right;
981 margin-left: 0.5em;
982 }
983 .issues .event.suggestion ul.initiatives li,
984 .events .event.suggestion ul.initiatives li {
985 margin-top: 0;
986 margin-bottom: 1ex;
987 }
988 .issues .event.suggestion ul.initiatives li a,
989 .events .event.suggestion ul.initiatives li a {
990 font: normal 10pt / 125% sans-serif;
991 }
992 .issues .event.suggestion .suggestion,
993 .events .event.suggestion .suggestion {
994 font: bold 10pt / 125% sans-serif;
995 overflow: hidden;
996 text-overflow: ellipsis;
997 }
998 .suggestions .suggestion .opinion {
999 float: right;
1000 }
1001 .suggestions .suggestion .opinion .must {
1002 background-color: #00cc00;
1003 color: #ffffff;
1004 }
1005 .suggestions .suggestion .opinion .should {
1006 background-color: #44aa44;
1007 color: #ffffff;
1008 }
1009 .suggestions .suggestion .opinion .shouldnot {
1010 background-color: #aa4444;
1011 color: #ffffff;
1012 }
1013 .suggestions .suggestion .opinion .mustnot {
1014 background-color: #cc0000;
1015 color: #ffffff;
1016 }
1017 .suggestions .suggestion .opinion .implemented {
1018 background-color: #00cc00;
1019 color: #ffffff;
1020 }
1021 .suggestions .suggestion .opinion .notimplemented {
1022 background-color: #cc0000;
1023 color: #ffffff;
1024 }
1025 .suggestions .suggestion .suggestion-rating {
1026 float: right;
1027 }
1028 .suggestions .suggestion .suggestion-text {
1029 margin-top: 9px;
1030 font: normal 10pt / 125% sans-serif;
1031 overflow: hidden;
1032 text-overflow: ellipsis;
1033 position: relative;
1034 z-index: 10;
1035 }
1036 .suggestions .suggestion .suggestion-details {
1037 float: right;
1038 }
1039 .suggestions .suggestion .suggestion-more {
1040 display: none;
1041 }
1042 .suggestions .suggestion .suggestion-less {
1043 display: none;
1044 }
1045 .suggestions .suggestion .suggestionHead {
1046 overflow: hidden;
1047 text-overflow: ellipsis;
1048 }
1049 .suggestions .suggestion .rating {
1050 display: none;
1051 padding: 4.5px 0;
1052 }
1053 .suggestions .suggestion .rating .active-plus2 {
1054 background-color: #00cc00;
1055 color: #ffffff;
1056 }
1057 .suggestions .suggestion .rating .active-plus1 {
1058 background-color: #44aa44;
1059 color: #ffffff;
1060 }
1061 .suggestions .suggestion .rating .active-minus1 {
1062 background-color: #aa4444;
1063 color: #ffffff;
1064 }
1065 .suggestions .suggestion .rating .active-minus2 {
1066 background-color: #cc0000;
1067 color: #ffffff;
1068 }
1069 .suggestions .suggestion .rating .active-notfulfilled {
1070 background-color: #faa;
1071 }
1072 .suggestions .suggestion .rating .active-fulfilled {
1073 background-color: #afa;
1074 }
1075 .suggestions .suggestion.rateable .suggestion-more {
1076 display: block;
1077 }
1078 .suggestions .suggestion.rateable.unfolded .rating {
1079 border-top: 3px solid #397ab6;
1080 }
1081 .suggestions .suggestion.folded .suggestion-text {
1082 height: 150px;
1083 overflow: hidden;
1084 }
1085 .suggestions .suggestion.folded .suggestion-more {
1086 display: block;
1087 position: absolute;
1088 bottom: 0;
1089 left: 0;
1090 width: 100%;
1091 box-shadow: inset 0 -12ex 10ex -5ex #ffffff;
1092 padding-top: 5ex;
1093 }
1094 .suggestions .suggestion.folded .suggestion-details {
1095 position: absolute;
1096 bottom: 0;
1097 right: 0;
1098 }
1099 .suggestions .suggestion.unfolded .suggestion-more {
1100 display: none;
1101 }
1102 .suggestions .suggestion.unfolded .rating {
1103 display: block;
1104 }
1105 .suggestions .suggestion.unfolded .suggestion-less {
1106 margin-top: 1ex;
1107 display: block;
1108 }
1109 .suggestions .suggestion.highlighted {
1110 background-color: #e7f0ff;
1111 }
1112 .suggestions .suggestion.highlighted .suggestion-more {
1113 box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff;
1114 }
1115 li.raw {
1116 list-style: none;
1117 padding: 0;
1118 margin: 0 !important;
1119 }
1120 .satisfiedSupporterCount {
1121 color: #070;
1122 }
1123 .potentialSupporterCount {
1124 color: #960;
1125 }
1126 .bargraph {
1127 display: inline-block;
1128 vertical-align: top;
1129 height: 9px;
1130 }
1131 .bargraph div {
1132 margin: 0;
1133 padding: 0;
1134 display: inline-block;
1135 height: 9px;
1136 }
1137 .diff .diff_added {
1138 background-color: #cfc;
1139 }
1140 .diff .diff_removed {
1141 text-decoration: line-through;
1142 background-color: #fcc;
1143 }
1144 .btn,
1145 .ui_paginate_foot a {
1146 text-decoration: none;
1147 min-width: 2em;
1148 text-align: center;
1149 display: inline-block;
1150 border-radius: 5px;
1151 border: none;
1152 font: bold 10pt / 125% sans-serif;
1153 background-color: #999;
1154 color: #fff !important;
1155 margin-bottom: 5px;
1156 }
1157 .btn {
1158 padding: 1ex 1em;
1159 }
1160 .ui_paginate_foot a {
1161 padding: 0.5ex 0.5em;
1162 background-color: #eee;
1163 color: 000 !important;
1164 }
1165 .ui_paginate_foot a.active {
1166 background-color: #666;
1167 color: #fff !important;
1168 }
1169 .btn-default {
1170 background-color: #47a;
1171 color: #fff !important;
1172 }
1173 .btn:hover,
1174 .btn:focus,
1175 .ui_paginate_foot a:hover,
1176 .ui_paginate_foot a:focus {
1177 background-color: #0a0;
1178 color: #fff !important;
1179 cursor: pointer;
1180 }
1181 .btn-dangerous:hover {
1182 background-color: #c00;
1183 color: #fff !important;
1184 }
1185 .btn-link {
1186 font: normal 10pt / 125% sans-serif;
1187 background-color: #ffffff;
1188 color: #222277;
1189 border: none;
1190 padding: 0;
1191 margin: 0;
1192 text-decoration: underline;
1193 cursor: pointer;
1194 }
1195 /*************************************************************************
1196 * Voting
1197 */
1198 .main .section #voting_form .sectionRow:last-child {
1199 border-radius: 0;
1200 margin-bottom: 0;
1201 }
1202 #voting {
1203 background: #ddd;
1204 padding: 9px;
1205 margin-top: 4px;
1206 position: relative;
1207 margin-bottom: 2ex;
1208 }
1209 #voting .approval,
1210 #voting .abstention,
1211 #voting .disapproval {
1212 border: 2px black solid;
1213 margin-bottom: 2ex;
1214 padding: 1ex;
1215 padding-bottom: 2ex;
1216 border-radius: 2px;
1217 }
1218 #voting .disapproval {
1219 margin-bottom: 2ex;
1220 }
1221 #voting .approval {
1222 background-color: #9f9;
1223 }
1224 #voting .approval .movable {
1225 background-color: #dfd;
1226 }
1227 #voting .abstention {
1228 background-color: #ccc;
1229 }
1230 #voting .abstention .movable {
1231 background-color: #f2f2f2;
1232 }
1233 #voting .disapproval {
1234 background-color: #f88;
1235 }
1236 #voting .disapproval .movable {
1237 background-color: #fbb;
1238 }
1239 #voting .movable {
1240 position: relative;
1241 border: 1px black solid;
1242 margin-top: 1ex;
1243 padding: 0.5ex;
1244 border-radius: 2px;
1245 }
1246 #voting .voting_form_active .movable {
1247 cursor: pointer;
1248 vertical-align: middle;
1249 cursor: move;
1250 }
1251 #voting .voting_form_active .clickable {
1252 cursor: auto;
1253 }
1254 #voting .voting_form_active a.clickable {
1255 cursor: pointer;
1256 }
1257 /*
1258 * footer
1259 */
1260 .footer {
1261 text-align: center;
1262 color: #ffffff;
1263 background-color: #000000;
1264 padding: 9px 0;
1265 border: 1px solid #000;
1266 border-top: none;
1267 }
1268 .footer a {
1269 color: #ffffff;
1270 }
1271 .ui_paginate_head {
1272 display: none;
1273 }
1274 .ui_paginate_foot {
1275 line-height: 180%;
1276 }
1277 .swiper_tabs {
1278 display: none;
1279 }
1280 #swiper_info {
1281 display: none;
1282 }
1283 .nav .searchLink {
1284 display: none;
1285 }
1286 @media (max-width: 767px) {
1287 html body {
1288 margin: 0;
1289 background: #255078;
1290 }
1291 html body .head {
1292 margin: 6pt;
1293 padding: 0;
1294 }
1295 html body .head .logo {
1296 display: block;
1297 padding: 0;
1298 }
1299 html body .head .logo .liquid,
1300 html body .head .logo .feedback {
1301 font: bold 12pt / 125% sans-serif;
1302 }
1303 html body .head .logo .instanceName {
1304 font: normal 10pt / 100% sans-serif;
1305 display: block;
1306 margin-left: 0;
1307 }
1308 html body .head .nav {
1309 padding: 0;
1310 }
1311 html body .initiativeInfo h1 {
1312 display: none;
1313 }
1314 html body .slot_title {
1315 font: normal 12pt / 125% sans-serif;
1316 padding: 0;
1317 margin: 0 6pt;
1318 }
1319 html body .slot_title .spacer {
1320 display: none;
1321 }
1322 html body .slot_title .unit,
1323 html body .slot_title .area,
1324 html body .slot_title .issue,
1325 html body .slot_title .initiative,
1326 html body .slot_title .member {
1327 display: block;
1328 margin-right: 0;
1329 padding: 4px 0;
1330 border-radius: 2px;
1331 overflow: auto;
1332 }
1333 html body .slot_title .unit:before,
1334 html body .slot_title .area:before,
1335 html body .slot_title .issue:before,
1336 html body .slot_title .initiative:before,
1337 html body .slot_title .member:before {
1338 content: "↳";
1339 position: relative;
1340 top: -2px;
1341 }
1342 html body .slot_title .area {
1343 margin-left: 10px;
1344 }
1345 html body .slot_title .issue {
1346 margin-left: 20px;
1347 }
1348 html body .slot_title .initiative {
1349 margin-left: 30px;
1350 }
1351 html body .slot_title a:last-child,
1352 html body .slot_title .issue:last-child,
1353 html body .slot_title .area:last-child,
1354 html body .slot_title .unit:last-child,
1355 html body .slot_title .initiative:last-child {
1356 margin-bottom: 6pt;
1357 }
1358 html body .slot_title .unit a,
1359 html body .slot_title .initiative a,
1360 html body .slot_title .issue a,
1361 html body .slot_title .area a {
1362 margin-bottom: 0;
1363 display: inline;
1364 }
1365 html body .slot_title a.home {
1366 display: none;
1367 }
1368 html body .slot_title .weight {
1369 float: right;
1370 margin: 0;
1371 }
1372 html body .slot_title .delegation_info {
1373 float: right;
1374 display: block;
1375 margin-top: -10px;
1376 }
1377 html body .slot_title a .label {
1378 display: inline;
1379 }
1380 html body .slot_title .star {
1381 float: right;
1382 margin-left: 0.5em;
1383 margin-top: -4.5px;
1384 margin-bottom: -4.5px;
1385 }
1386 html body .slot_title > span > *:last-child {
1387 font: bold 12pt / 125% sans-serif;
1388 }
1389 html body .page {
1390 background: none;
1391 margin: 0;
1392 box-shadow: none;
1393 }
1394 html body .nav #member_menu .text {
1395 display: none;
1396 }
1397 html body .nav form.search {
1398 display: none;
1399 }
1400 html body .nav .notifications,
1401 html body .nav .searchLink,
1402 html body .nav #member_menu a {
1403 vertical-align: middle;
1404 display: inline-block;
1405 height: 48px;
1406 min-width: 35px;
1407 text-align: center;
1408 background-color: #000;
1409 border: 1px solid #777;
1410 border-radius: 2px;
1411 margin: 0;
1412 }
1413 html body .nav .notifications img,
1414 html body .nav .searchLink img,
1415 html body .nav #member_menu a img {
1416 margin: 0;
1417 width: 48px;
1418 height: 48px;
1419 }
1420 html body .nav .notifications {
1421 padding: 12px 2px;
1422 height: 24px;
1423 }
1424 html body .nav #member_menu a :last-child {
1425 display: none;
1426 }
1427 html body .notifications span {
1428 margin-left: -5px;
1429 }
1430 html body .swiper_tabs {
1431 clear: both;
1432 display: block;
1433 overflow: auto;
1434 margin: 6pt;
1435 }
1436 html body .swiper_tabs div {
1437 display: block;
1438 float: left;
1439 width: 33.333%;
1440 }
1441 html body .swiper_tabs div a {
1442 padding: 8px 0;
1443 display: block;
1444 text-align: center;
1445 background-color: #eee;
1446 }
1447 html body .swiper_tabs div a.active {
1448 background-color: #abe;
1449 }
1450 html body .swiper_tabs div:first-child a {
1451 border-radius: 2px 0 0 2px;
1452 }
1453 html body .swiper_tabs div:last-child a {
1454 border-radius: 0 2px 2px 0;
1455 }
1456 html body #swiper_info.active {
1457 display: block;
1458 font: bold 10pt / 125% sans-serif;
1459 z-index: 1;
1460 text-align: center;
1461 width: 100%;
1462 background-color: #255078;
1463 color: #ffffff;
1464 }
1465 html body .sidebarSection {
1466 margin: 0 6pt 6pt 6pt;
1467 }
1468 html body .main,
1469 html body .extra > .section {
1470 clear: none;
1471 float: none;
1472 width: auto;
1473 margin: 0 6pt 6pt 6pt;
1474 }
1475 html body .main .section .sectionRow:last-child,
1476 html body .extra > .section .section .sectionRow:last-child {
1477 margin-bottom: 6pt;
1478 }
1479 html body .ui_filter_head.filter_mode {
1480 float: none !important;
1481 background: #ffffff !important;
1482 text-align: left !important;
1483 border-radius: 2px;
1484 margin-bottom: 6pt !important;
1485 }
1486 html body .member_photo {
1487 text-align: center;
1488 margin-bottom: 2ex;
1489 }
1490 html body .member_photo .member_image_photo {
1491 max-width: 600px;
1492 }
1493 html body #trace_content {
1494 margin: 6pt 0;
1495 border-radius: 0;
1496 }
1497 html body #trace_content ul li .trace_head {
1498 padding: 6px 5px;
1499 }
1500 html body #trace_content ul ul {
1501 padding: 5px 2px;
1502 }
1503 }
1504 .textCenter {
1505 text-align: center;
1506 }
1507 a.initiative {
1508 text-decoration: none;
1509 border-bottom: 1px solid #66c;
1510 }
1511 a.initiative:hover {
1512 border-bottom: 1px solid #007;
1513 }
1514 #trace_content {
1515 margin: 12pt;
1516 padding: 9px;
1517 border-radius: 2px;
1518 background-color: #ffffff;
1519 }
1520 #trace_content #system_error {
1521 font-family: monospace;
1522 }
1523 #trace_content ul li {
1524 margin-top: 10px;
1525 }
1526 #trace_content ul li .trace_head {
1527 padding: 3px 5px;
1528 border-radius: 2px 2px 0 0;
1529 }
1530 #trace_content ul li .trace_head:last-child {
1531 border-radius: 2px;
1532 }
1533 #trace_content ul li ul {
1534 border-radius: 0 0 2px 2px;
1535 }
1536 #trace_content ul li:first-child {
1537 margin-top: 0;
1538 }
1539 #trace_content ul ul {
1540 padding: 10px;
1541 }
1542 #trace_content .trace_config > ul {
1543 background-color: #eee;
1544 border: 1px solid #ccc;
1545 }
1546 #trace_content .trace_config > .trace_head {
1547 background-color: #ccc;
1548 color: #000;
1549 }
1550 #trace_content .trace_request > ul {
1551 background-color: #afa;
1552 }
1553 #trace_content .trace_request > .trace_head {
1554 background-color: #0c0;
1555 }
1556 #trace_content .trace_filter > ul {
1557 background-color: #ccf;
1558 border: 1px solid #00c;
1559 border-top: none;
1560 }
1561 #trace_content .trace_filter > .trace_head {
1562 background-color: #00c;
1563 color: #fff;
1564 }
1565 #trace_content .trace_view > ul {
1566 background-color: #cfc;
1567 border: 1px solid #0c0;
1568 border-top: none;
1569 }
1570 #trace_content .trace_view > .trace_head {
1571 background-color: #0c0;
1572 color: #000;
1573 }
1574 #trace_content .trace_action_neutral > ul {
1575 background-color: #ffa;
1576 border: 1px solid #fe0;
1577 }
1578 #trace_content .trace_action_neutral > .trace_head {
1579 background-color: #fe0;
1580 color: #000;
1581 }
1582 #trace_content .trace_sql {
1583 background-color: #fff;
1584 padding: 2px 4px;
1585 margin-top: 8px;
1586 }
1587 #trace_content .trace_error {
1588 background-color: #faa;
1589 color: #000;
1590 font-weight: bold;
1591 border: 1px solid #c00;
1592 }
1593 #trace_content .trace_exectime {
1594 background-color: #ccc;
1595 font-weight: bold;
1596 border-radius: 2px;
1597 }
1598 #trace_content .time {
1599 float: right;
1600 }
1601 #trace_content .total_duration {
1602 font-weight: bold;
1603 }

Impressum / About Us