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