liquid_feedback_frontend
view static/lf3.css @ 1587:d5c5bf6bfda5
Show action element in issues only if necessary
| author | bsw |
|---|---|
| date | Wed Jan 27 09:57:10 2021 +0100 (2021-01-27) |
| parents | 91089defc3ea |
| children |
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-color: #255078;
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: bold 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: bold 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 margin-left: 1em;
809 margin-bottom: 1.5ex;
810 list-style: decimal;
811 padding-left: 1em;
812 }
813 .main .draft h1 {
814 font: italic 10pt / 125% sans-serif;
815 font-size: 125%;
816 border-bottom: 1px solid #444444;
817 margin-bottom: 1ex;
818 }
819 .main .draft h2 {
820 font: normal 10pt / 125% sans-serif;
821 font-size: 125%;
822 }
823 .main .draft h3 {
824 font: normal 10pt / 125% sans-serif;
825 font-size: 125%;
826 }
827 .main .draft h4 {
828 font: normal 10pt / 125% sans-serif;
829 }
830 .main .draft hr {
831 border: none;
832 border-top: 1px solid #000000;
833 }
834 .main .draft b,
835 .main .draft strong {
836 font: italic 10pt / 125% sans-serif;
837 }
838 .main .draft i,
839 .main .draft em {
840 font: normal 10pt / 125% sans-serif;
841 }
842 .main form,
843 .main .form {
844 margin: 0;
845 padding: 0;
846 }
847 .main form .ui_field_label,
848 .main .form .ui_field_label {
849 display: inline-block;
850 width: 25%;
851 margin: 0;
852 padding: 0;
853 text-align: right;
854 margin-bottom: 9px;
855 padding-right: 0.5%;
856 vertical-align: top;
857 color: #444444;
858 }
859 .main form input[type=text],
860 .main .form input[type=text],
861 .main form input[type=password],
862 .main .form input[type=password],
863 .main form select,
864 .main .form select,
865 .main form textarea,
866 .main .form textarea {
867 vertical-align: top;
868 width: 73%;
869 margin: 0;
870 padding: 3px;
871 border: 1px solid #444444;
872 font: bold 10pt / 125% sans-serif;
873 margin-bottom: 9px;
874 }
875 .main form input:focus,
876 .main .form input:focus {
877 outline: 2px solid #397ab6;
878 }
879 .main form .actions,
880 .main .form .actions {
881 margin-left: 26%;
882 }
883 .main form.wide input[type=text],
884 .main form.wide input[type=password],
885 .main form.wide select,
886 .main form.wide textarea {
887 width: 100%;
888 }
889 .issues .event .initiative_pie,
890 .events .event .initiative_pie {
891 clear: right;
892 float: right;
893 }
894 .issues .event ul.initiatives .initiative_info_left,
895 .events .event ul.initiatives .initiative_info_left {
896 display: inline;
897 margin-right: 0.5em;
898 }
899 .issues .event ul.initiatives .initiative_info_right,
900 .events .event ul.initiatives .initiative_info_right {
901 float: right;
902 }
903 .issues .event ul.initiatives .initiative_info_right .bargraph,
904 .events .event ul.initiatives .initiative_info_right .bargraph {
905 float: right;
906 margin-left: 0.5em;
907 }
908 .issues .event ul.initiatives .result,
909 .events .event ul.initiatives .result {
910 color: #444444;
911 margin-top: 0.5ex;
912 }
913 .issues .event ul.initiatives h3,
914 .events .event ul.initiatives h3 {
915 margin-top: 1ex;
916 margin-bottom: 0;
917 }
918 .issues .event ul.initiatives a.initiative,
919 .events .event ul.initiatives a.initiative {
920 font: bold 10pt / 125% sans-serif;
921 }
922 .issues .event .event_info,
923 .events .event .event_info {
924 font: bold 10pt / 125% sans-serif;
925 color: #007700;
926 margin-top: 0.66ex;
927 margin-bottom: 1ex;
928 }
929 .issues .event .event_info:last-child,
930 .events .event .event_info:last-child {
931 margin-bottom: 0;
932 }
933 .issues .event .event_info.negative,
934 .events .event .event_info.negative {
935 color: #aa0000;
936 }
937 .issues .event .event_time,
938 .events .event .event_time {
939 font: normal 10pt / 125% sans-serif;
940 color: #444444;
941 }
942 .issues .event:hover .event_time,
943 .events .event:hover .event_time {
944 visibility: visible;
945 }
946 .issues .event:hover ul.initiatives div,
947 .events .event:hover ul.initiatives div {
948 visibility: visible;
949 }
950 .issues .issue_context,
951 .events .issue_context {
952 line-height: 24px;
953 margin-bottom: 0.66ex;
954 }
955 .issues .issue_context .unit,
956 .events .issue_context .unit {
957 background-color: #777;
958 color: #fff;
959 padding: 1px 3px;
960 border-radius: 2px;
961 text-decoration: none;
962 }
963 .issues .issue_context .area,
964 .events .issue_context .area {
965 background-color: #ddd;
966 color: #000;
967 padding: 1px 3px;
968 border-radius: 2px;
969 text-decoration: none;
970 }
971 .issues .issue_info .issue,
972 .events .issue_info .issue {
973 font: bold 10pt / 125% sans-serif;
974 color: #000000;
975 }
976 .issues img.star,
977 .events img.star {
978 vertical-align: middle;
979 float: right;
980 margin-left: 0.5em;
981 }
982 .issues .event.suggestion ul.initiatives li,
983 .events .event.suggestion ul.initiatives li {
984 margin-top: 0;
985 margin-bottom: 1ex;
986 }
987 .issues .event.suggestion ul.initiatives li a,
988 .events .event.suggestion ul.initiatives li a {
989 font: normal 10pt / 125% sans-serif;
990 }
991 .issues .event.suggestion .suggestion,
992 .events .event.suggestion .suggestion {
993 font: bold 10pt / 125% sans-serif;
994 overflow: hidden;
995 text-overflow: ellipsis;
996 }
997 .suggestions .suggestion .opinion {
998 float: right;
999 }
1000 .suggestions .suggestion .opinion .must {
1001 background-color: #00cc00;
1002 color: #ffffff;
1003 }
1004 .suggestions .suggestion .opinion .should {
1005 background-color: #44aa44;
1006 color: #ffffff;
1007 }
1008 .suggestions .suggestion .opinion .shouldnot {
1009 background-color: #aa4444;
1010 color: #ffffff;
1011 }
1012 .suggestions .suggestion .opinion .mustnot {
1013 background-color: #cc0000;
1014 color: #ffffff;
1015 }
1016 .suggestions .suggestion .opinion .implemented {
1017 background-color: #00cc00;
1018 color: #ffffff;
1019 }
1020 .suggestions .suggestion .opinion .notimplemented {
1021 background-color: #cc0000;
1022 color: #ffffff;
1023 }
1024 .suggestions .suggestion .suggestion-rating {
1025 float: right;
1026 }
1027 .suggestions .suggestion .suggestion-text {
1028 margin-top: 9px;
1029 font: normal 10pt / 125% sans-serif;
1030 overflow: hidden;
1031 text-overflow: ellipsis;
1032 position: relative;
1033 z-index: 10;
1034 }
1035 .suggestions .suggestion .suggestion-details {
1036 float: right;
1037 }
1038 .suggestions .suggestion .suggestion-more {
1039 display: none;
1040 }
1041 .suggestions .suggestion .suggestion-less {
1042 display: none;
1043 }
1044 .suggestions .suggestion .suggestionHead {
1045 overflow: hidden;
1046 text-overflow: ellipsis;
1047 }
1048 .suggestions .suggestion .rating {
1049 display: none;
1050 padding: 4.5px 0;
1051 }
1052 .suggestions .suggestion .rating .active-plus2 {
1053 background-color: #00cc00;
1054 color: #ffffff;
1055 }
1056 .suggestions .suggestion .rating .active-plus1 {
1057 background-color: #44aa44;
1058 color: #ffffff;
1059 }
1060 .suggestions .suggestion .rating .active-minus1 {
1061 background-color: #aa4444;
1062 color: #ffffff;
1063 }
1064 .suggestions .suggestion .rating .active-minus2 {
1065 background-color: #cc0000;
1066 color: #ffffff;
1067 }
1068 .suggestions .suggestion .rating .active-notfulfilled {
1069 background-color: #faa;
1070 }
1071 .suggestions .suggestion .rating .active-fulfilled {
1072 background-color: #afa;
1073 }
1074 .suggestions .suggestion.rateable .suggestion-more {
1075 display: block;
1076 }
1077 .suggestions .suggestion.rateable.unfolded .rating {
1078 border-top: 3px solid #397ab6;
1079 }
1080 .suggestions .suggestion.folded .suggestion-text {
1081 height: 150px;
1082 overflow: hidden;
1083 }
1084 .suggestions .suggestion.folded .suggestion-more {
1085 display: block;
1086 position: absolute;
1087 bottom: 0;
1088 left: 0;
1089 width: 100%;
1090 box-shadow: inset 0 -12ex 10ex -5ex #ffffff;
1091 padding-top: 5ex;
1092 }
1093 .suggestions .suggestion.folded .suggestion-details {
1094 position: absolute;
1095 bottom: 0;
1096 right: 0;
1097 }
1098 .suggestions .suggestion.unfolded .suggestion-more {
1099 display: none;
1100 }
1101 .suggestions .suggestion.unfolded .rating {
1102 display: block;
1103 }
1104 .suggestions .suggestion.unfolded .suggestion-less {
1105 margin-top: 1ex;
1106 display: block;
1107 }
1108 .suggestions .suggestion.highlighted {
1109 background-color: #e7f0ff;
1110 }
1111 .suggestions .suggestion.highlighted .suggestion-more {
1112 box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff;
1113 }
1114 li.raw {
1115 list-style: none;
1116 padding: 0;
1117 margin: 0 !important;
1118 }
1119 .satisfiedSupporterCount {
1120 color: #070;
1121 }
1122 .potentialSupporterCount {
1123 color: #960;
1124 }
1125 .bargraph {
1126 display: inline-block;
1127 vertical-align: top;
1128 height: 9px;
1129 }
1130 .bargraph div {
1131 margin: 0;
1132 padding: 0;
1133 display: inline-block;
1134 height: 9px;
1135 }
1136 .diff .diff_added {
1137 background-color: #cfc;
1138 }
1139 .diff .diff_removed {
1140 text-decoration: line-through;
1141 background-color: #fcc;
1142 }
1143 .btn,
1144 .ui_paginate_foot a {
1145 text-decoration: none;
1146 min-width: 2em;
1147 text-align: center;
1148 display: inline-block;
1149 border-radius: 5px;
1150 border: none;
1151 font: bold 10pt / 125% sans-serif;
1152 background-color: #999;
1153 color: #fff !important;
1154 margin-bottom: 5px;
1155 }
1156 .btn {
1157 padding: 1ex 1em;
1158 }
1159 .ui_paginate_foot a {
1160 padding: 0.5ex 0.5em;
1161 background-color: #eee;
1162 color: 000 !important;
1163 }
1164 .ui_paginate_foot a.active {
1165 background-color: #666;
1166 color: #fff !important;
1167 }
1168 .btn-default {
1169 background-color: #47a;
1170 color: #fff !important;
1171 }
1172 .btn:hover,
1173 .btn:focus,
1174 .ui_paginate_foot a:hover,
1175 .ui_paginate_foot a:focus {
1176 background-color: #0a0;
1177 color: #fff !important;
1178 cursor: pointer;
1179 }
1180 .btn-dangerous:hover {
1181 background-color: #c00;
1182 color: #fff !important;
1183 }
1184 .btn-link {
1185 font: normal 10pt / 125% sans-serif;
1186 background-color: #ffffff;
1187 color: #222277;
1188 border: none;
1189 padding: 0;
1190 margin: 0;
1191 text-decoration: underline;
1192 cursor: pointer;
1193 }
1194 /*************************************************************************
1195 * Voting
1196 */
1197 .main .section #voting_form .sectionRow:last-child {
1198 border-radius: 0;
1199 margin-bottom: 0;
1200 }
1201 #voting {
1202 background: #ddd;
1203 padding: 9px;
1204 margin-top: 4px;
1205 position: relative;
1206 margin-bottom: 2ex;
1207 }
1208 #voting .approval,
1209 #voting .abstention,
1210 #voting .disapproval {
1211 border: 2px black solid;
1212 margin-bottom: 2ex;
1213 padding: 1ex;
1214 padding-bottom: 2ex;
1215 border-radius: 2px;
1216 }
1217 #voting .disapproval {
1218 margin-bottom: 2ex;
1219 }
1220 #voting .approval {
1221 background-color: #9f9;
1222 }
1223 #voting .approval .movable {
1224 background-color: #dfd;
1225 }
1226 #voting .abstention {
1227 background-color: #ccc;
1228 }
1229 #voting .abstention .movable {
1230 background-color: #f2f2f2;
1231 }
1232 #voting .disapproval {
1233 background-color: #f88;
1234 }
1235 #voting .disapproval .movable {
1236 background-color: #fbb;
1237 }
1238 #voting .movable {
1239 position: relative;
1240 border: 1px black solid;
1241 margin-top: 1ex;
1242 padding: 0.5ex;
1243 border-radius: 2px;
1244 }
1245 #voting .voting_form_active .movable {
1246 cursor: pointer;
1247 vertical-align: middle;
1248 cursor: move;
1249 }
1250 #voting .voting_form_active .clickable {
1251 cursor: auto;
1252 }
1253 #voting .voting_form_active a.clickable {
1254 cursor: pointer;
1255 }
1256 /*
1257 * footer
1258 */
1259 .footer {
1260 text-align: center;
1261 color: #ffffff;
1262 background-color: #000000;
1263 padding: 9px 0;
1264 border: 1px solid #000;
1265 border-top: none;
1266 }
1267 .footer a {
1268 color: #ffffff;
1269 }
1270 .ui_paginate_head {
1271 display: none;
1272 }
1273 .ui_paginate_foot {
1274 line-height: 180%;
1275 }
1276 .swiper_tabs {
1277 display: none;
1278 }
1279 #swiper_info {
1280 display: none;
1281 }
1282 .nav .searchLink {
1283 display: none;
1284 }
1285 @media (max-width: 767px) {
1286 html body {
1287 margin: 0;
1288 background: #255078;
1289 }
1290 html body .head {
1291 margin: 6pt;
1292 padding: 0;
1293 }
1294 html body .head .logo {
1295 display: block;
1296 padding: 0;
1297 }
1298 html body .head .logo .liquid,
1299 html body .head .logo .feedback {
1300 font: bold 12pt / 125% sans-serif;
1301 }
1302 html body .head .logo .instanceName {
1303 font: normal 10pt / 100% sans-serif;
1304 display: block;
1305 margin-left: 0;
1306 }
1307 html body .head .nav {
1308 padding: 0;
1309 }
1310 html body .initiativeInfo h1 {
1311 display: none;
1312 }
1313 html body .slot_title {
1314 font: bold 12pt / 125% sans-serif;
1315 padding: 0;
1316 margin: 0 6pt;
1317 }
1318 html body .slot_title .spacer {
1319 display: none;
1320 }
1321 html body .slot_title .unit,
1322 html body .slot_title .area,
1323 html body .slot_title .issue,
1324 html body .slot_title .initiative,
1325 html body .slot_title .member {
1326 display: block;
1327 margin-right: 0;
1328 padding: 4px 0;
1329 border-radius: 2px;
1330 overflow: auto;
1331 }
1332 html body .slot_title .unit:before,
1333 html body .slot_title .area:before,
1334 html body .slot_title .issue:before,
1335 html body .slot_title .initiative:before,
1336 html body .slot_title .member:before {
1337 content: "↳";
1338 position: relative;
1339 top: -2px;
1340 }
1341 html body .slot_title .area {
1342 margin-left: 10px;
1343 }
1344 html body .slot_title .issue {
1345 margin-left: 20px;
1346 }
1347 html body .slot_title .initiative {
1348 margin-left: 30px;
1349 }
1350 html body .slot_title a:last-child,
1351 html body .slot_title .issue:last-child,
1352 html body .slot_title .area:last-child,
1353 html body .slot_title .unit:last-child,
1354 html body .slot_title .initiative:last-child {
1355 margin-bottom: 6pt;
1356 }
1357 html body .slot_title .unit a,
1358 html body .slot_title .initiative a,
1359 html body .slot_title .issue a,
1360 html body .slot_title .area a {
1361 margin-bottom: 0;
1362 display: inline;
1363 }
1364 html body .slot_title a.home {
1365 display: none;
1366 }
1367 html body .slot_title .weight {
1368 float: right;
1369 margin: 0;
1370 }
1371 html body .slot_title .delegation_info {
1372 float: right;
1373 display: block;
1374 margin-top: -10px;
1375 }
1376 html body .slot_title a .label {
1377 display: inline;
1378 }
1379 html body .slot_title .star {
1380 float: right;
1381 margin-left: 0.5em;
1382 margin-top: -4.5px;
1383 margin-bottom: -4.5px;
1384 }
1385 html body .slot_title > span > *:last-child {
1386 font: bold 12pt / 125% sans-serif;
1387 }
1388 html body .page {
1389 background: none;
1390 margin: 0;
1391 box-shadow: none;
1392 }
1393 html body .nav #member_menu .text {
1394 display: none;
1395 }
1396 html body .nav form.search {
1397 display: none;
1398 }
1399 html body .nav .notifications,
1400 html body .nav .searchLink,
1401 html body .nav #member_menu a {
1402 vertical-align: middle;
1403 display: inline-block;
1404 height: 48px;
1405 min-width: 35px;
1406 text-align: center;
1407 background-color: #000;
1408 border: 1px solid #777;
1409 border-radius: 2px;
1410 margin: 0;
1411 }
1412 html body .nav .notifications img,
1413 html body .nav .searchLink img,
1414 html body .nav #member_menu a img {
1415 margin: 0;
1416 width: 48px;
1417 height: 48px;
1418 }
1419 html body .nav .notifications {
1420 padding: 12px 2px;
1421 height: 24px;
1422 }
1423 html body .nav #member_menu a :last-child {
1424 display: none;
1425 }
1426 html body .notifications span {
1427 margin-left: -5px;
1428 }
1429 html body .swiper_tabs {
1430 clear: both;
1431 display: block;
1432 overflow: auto;
1433 margin: 6pt;
1434 }
1435 html body .swiper_tabs div {
1436 display: block;
1437 float: left;
1438 width: 33.333%;
1439 }
1440 html body .swiper_tabs div a {
1441 padding: 8px 0;
1442 display: block;
1443 text-align: center;
1444 background-color: #eee;
1445 }
1446 html body .swiper_tabs div a.active {
1447 background-color: #abe;
1448 }
1449 html body .swiper_tabs div:first-child a {
1450 border-radius: 2px 0 0 2px;
1451 }
1452 html body .swiper_tabs div:last-child a {
1453 border-radius: 0 2px 2px 0;
1454 }
1455 html body #swiper_info.active {
1456 display: block;
1457 font: bold 10pt / 125% sans-serif;
1458 z-index: 1;
1459 text-align: center;
1460 width: 100%;
1461 background-color: #255078;
1462 color: #ffffff;
1463 }
1464 html body .sidebarSection {
1465 margin: 0 6pt 6pt 6pt;
1466 }
1467 html body .main,
1468 html body .extra > .section {
1469 clear: none;
1470 float: none;
1471 width: auto;
1472 margin: 0 6pt 6pt 6pt;
1473 }
1474 html body .main .section .sectionRow:last-child,
1475 html body .extra > .section .section .sectionRow:last-child {
1476 margin-bottom: 6pt;
1477 }
1478 html body .ui_filter_head.filter_mode {
1479 float: none !important;
1480 background: #ffffff !important;
1481 text-align: left !important;
1482 border-radius: 2px;
1483 margin-bottom: 6pt !important;
1484 }
1485 html body .member_photo {
1486 text-align: center;
1487 margin-bottom: 2ex;
1488 }
1489 html body .member_photo .member_image_photo {
1490 max-width: 600px;
1491 }
1492 html body #trace_content {
1493 margin: 6pt 0;
1494 border-radius: 0;
1495 }
1496 html body #trace_content ul li .trace_head {
1497 padding: 6px 5px;
1498 }
1499 html body #trace_content ul ul {
1500 padding: 5px 2px;
1501 }
1502 }
1503 .textCenter {
1504 text-align: center;
1505 }
1506 a.initiative {
1507 text-decoration: none;
1508 border-bottom: 1px solid #66c;
1509 }
1510 a.initiative:hover {
1511 border-bottom: 1px solid #007;
1512 }
1513 #trace_content {
1514 margin: 12pt;
1515 padding: 9px;
1516 border-radius: 2px;
1517 background-color: #ffffff;
1518 }
1519 #trace_content #system_error {
1520 font-family: monospace;
1521 }
1522 #trace_content ul li {
1523 margin-top: 10px;
1524 }
1525 #trace_content ul li .trace_head {
1526 padding: 3px 5px;
1527 border-radius: 2px 2px 0 0;
1528 }
1529 #trace_content ul li .trace_head:last-child {
1530 border-radius: 2px;
1531 }
1532 #trace_content ul li ul {
1533 border-radius: 0 0 2px 2px;
1534 }
1535 #trace_content ul li:first-child {
1536 margin-top: 0;
1537 }
1538 #trace_content ul ul {
1539 padding: 10px;
1540 }
1541 #trace_content .trace_config > ul {
1542 background-color: #eee;
1543 border: 1px solid #ccc;
1544 }
1545 #trace_content .trace_config > .trace_head {
1546 background-color: #ccc;
1547 color: #000;
1548 }
1549 #trace_content .trace_request > ul {
1550 background-color: #afa;
1551 }
1552 #trace_content .trace_request > .trace_head {
1553 background-color: #0c0;
1554 }
1555 #trace_content .trace_filter > ul {
1556 background-color: #ccf;
1557 border: 1px solid #00c;
1558 border-top: none;
1559 }
1560 #trace_content .trace_filter > .trace_head {
1561 background-color: #00c;
1562 color: #fff;
1563 }
1564 #trace_content .trace_view > ul {
1565 background-color: #cfc;
1566 border: 1px solid #0c0;
1567 border-top: none;
1568 }
1569 #trace_content .trace_view > .trace_head {
1570 background-color: #0c0;
1571 color: #000;
1572 }
1573 #trace_content .trace_action_neutral > ul {
1574 background-color: #ffa;
1575 border: 1px solid #fe0;
1576 }
1577 #trace_content .trace_action_neutral > .trace_head {
1578 background-color: #fe0;
1579 color: #000;
1580 }
1581 #trace_content .trace_action_success > ul {
1582 background-color: #afa;
1583 border: 1px solid #fe0;
1584 }
1585 #trace_content .trace_action_success > .trace_head {
1586 background-color: #fe0;
1587 color: #000;
1588 }
1589 #trace_content .trace_action_softfail > ul {
1590 background-color: #faa;
1591 border: 1px solid #fe0;
1592 }
1593 #trace_content .trace_action_softfail > .trace_head {
1594 background-color: #fe0;
1595 color: #000;
1596 }
1597 #trace_content .trace_sql {
1598 background-color: #fff;
1599 padding: 2px 4px;
1600 margin-top: 8px;
1601 }
1602 #trace_content .trace_sql_time {
1603 float: right;
1604 font-weight: bold;
1605 }
1606 #trace_content .trace_error {
1607 background-color: #faa;
1608 color: #000;
1609 font-weight: bold;
1610 border: 1px solid #c00;
1611 }
1612 #trace_content .trace_exectime {
1613 background-color: #ccc;
1614 font-weight: bold;
1615 border-radius: 2px;
1616 }
1617 #trace_content .time {
1618 float: right;
1619 }
1620 #trace_content .total_duration {
1621 font-weight: bold;
1622 }