liquid_feedback_frontend
view static/lf3.css @ 1072:ba51e72830e6
Added OpenLDAP license to LICENSE file
| author | bsw |
|---|---|
| date | Fri Jul 18 23:12:14 2014 +0200 (2014-07-18) |
| parents | 9ed6e0389854 |
| children | cb9e75ac968f |
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 clear: right;
460 display: block;
461 border-top: 1px solid #aaaaaa;
462 padding: 4.5px 9px;
463 min-height: 20px;
464 }
465 .sidebarSection .sidebarRow.highlighted {
466 background-color: #e7f0ff;
467 }
468 .sidebarSection .sidebarRow.sidebarRowNarrow {
469 padding: 2.25px 9px;
470 }
471 .sidebarSection .sidebarRow.moreLink {
472 min-height: 0;
473 }
474 .sidebarSection a.sidebarRow {
475 text-decoration: none;
476 color: #000000;
477 }
478 .sidebarSection h1,
479 .sidebarSection h1 a,
480 .sidebarSection h2,
481 .sidebarSection h2 a,
482 .sidebarSection h3,
483 .sidebarSection h3 a {
484 color: #000000;
485 }
486 .sidebarSection a {
487 color: #222277;
488 }
489 .sidebarSection .areas .whenfolded {
490 display: none;
491 }
492 .sidebarSection .areas.folded .whenunfolded {
493 display: none;
494 }
495 .sidebarSection .areas.folded .whenfolded {
496 display: block;
497 }
498 .sidebarSection .areas.folded .disabled {
499 display: none;
500 }
501 .sidebarSection a.issue {
502 font: bold 12pt / 125% sans-serif;
503 color: #000000;
504 }
505 .sidebarSection ul.initiatives li {
506 padding: 4.5px 9px;
507 border-top: 1px solid #aaaaaa;
508 }
509 .sidebarSection ul.initiatives li .bargraph {
510 display: block;
511 }
512 .sidebarSection ul.initiatives li .supporterCount {
513 white-space: nowrap;
514 }
515 .sidebarSection ul.initiatives .revoked .initiative_name {
516 text-decoration: line-through;
517 }
518 .sidebarSection ul.initiatives .rank1 .initiative_name {
519 font-weight: bold;
520 }
521 .sidebarSection ul.initiatives li.highlighted {
522 background-color: #e7f0ff;
523 }
524 .sidebarSection ul.initiatives li.highlighted:last-child {
525 border-radius: 0 0 2px 2px;
526 }
527 .sidebarSection .supporters {
528 line-height: 28.799999999999997px;
529 }
530 .sidebarSection .supportCount {
531 color: #00c000;
532 font: bold 12pt / 125% sans-serif;
533 float: right;
534 }
535 .sidebarSection .member_list .member_thumb {
536 white-space: nowrap;
537 overflow: hidden;
538 text-overflow: ellipsis;
539 }
540 .sidebarSection .member_list .member_thumb img.member_image {
541 width: 24px;
542 height: 24px;
543 vertical-align: middle;
544 margin-right: 0.2em;
545 }
546 .sidebarSection .member_list .member_thumb.in_delegation_chain {
547 font-weight: bold;
548 }
549 .sidebarSection > div {
550 position: relative;
551 }
552 .sidebarSection > div:first-child {
553 margin-top: 0;
554 border-radius: 2px 2px 0 0;
555 }
556 .sidebarSection > div:last-child {
557 border-radius: 0 0 2px 2px;
558 }
559 .sidebarSection > div:last-child:first-child {
560 border-radius: 2px;
561 }
562 .sidebarSection a.unit {
563 font: normal 12pt / 125% sans-serif;
564 }
565 .sidebarSection a.area {
566 margin-left: 20px;
567 display: block;
568 }
569 .sidebarSection .star {
570 float: left;
571 }
572 .sidebarSection .delegation_info {
573 margin-top: -3.6px;
574 margin-bottom: 1px;
575 }
576 .admitted_info h1 {
577 color: #00aa00;
578 }
579 .not_admitted_info h1,
580 .revoked_info h1 {
581 color: #aa0000;
582 }
583 .admitted_info .initiative_pie,
584 .not_admitted_info .initiative_pie {
585 float: right;
586 }
587 .admitted_info table tr th,
588 .not_admitted_info table tr th {
589 text-align: left;
590 }
591 .admitted_info table tr td,
592 .not_admitted_info table tr td {
593 text-align: right;
594 padding: 0.3ex 0.4em;
595 }
596 /*
597 * main area
598 */
599 .main_outer {
600 width: 70%;
601 }
602 .main {
603 clear: left;
604 margin-right: 12pt;
605 border-radius: 2px;
606 /*
607 * tabs und filter
608 */
609 /*
610 * initiative
611 */
612 /* the draft */
613 }
614 .main .section .sectionHead,
615 .main .section .sectionRow {
616 background-color: #ffffff;
617 overflow: auto;
618 padding: 9px;
619 }
620 .main .section .sectionHead {
621 background-color: #ffffff;
622 color: #000000;
623 margin-top: 12pt;
624 border-radius: 2px 2px 0 0;
625 }
626 .main .section .sectionHead:first-child {
627 margin-top: 0;
628 }
629 .main .section .sectionHead:last-child {
630 border-radius: 2px;
631 }
632 .main .section .sectionRow {
633 margin-top: 4px;
634 }
635 .main .section .sectionRow:last-child {
636 border-radius: 0 0 2px 2px;
637 margin-bottom: 12pt;
638 }
639 .main > h1 {
640 border-bottom: 1px solid #aaaaaa;
641 padding: 9px;
642 }
643 .main .ui_filter .ui_filter_head {
644 background: #ffffff;
645 color: #000000;
646 padding: 0 9px 9px 9px;
647 vertical-align: middle;
648 }
649 .main .ui_filter .ui_filter_head a {
650 white-space: nowrap;
651 font: normal 10pt / 150% sans-serif;
652 margin-right: 0.5em;
653 }
654 .main .ui_filter .ui_filter_head a.active {
655 font: bold 10pt / 150% sans-serif;
656 text-decoration: none;
657 color: #000000;
658 }
659 .main .ui_filter .ui_filter_head select {
660 background: #ffffff;
661 color: #444444;
662 font: normal 10pt / 150% sans-serif;
663 border: none;
664 padding: 0;
665 margin: 0;
666 }
667 .main .ui_filter .ui_filter_head select option {
668 color: #000000;
669 }
670 .main .ui_filter .ui_filter_head select option:first-child,
671 .main .ui_filter .ui_filter_head select option[value="interest_direct"],
672 .main .ui_filter .ui_filter_head select option[value="interest_delegated"],
673 .main .ui_filter .ui_filter_head select option[value="support_direct"],
674 .main .ui_filter .ui_filter_head select option[value="support_delegated"],
675 .main .ui_filter .ui_filter_head select option[value="potential_support_direct"],
676 .main .ui_filter .ui_filter_head select option[value="potential_support_delegated"] {
677 color: #444444;
678 }
679 .main .ui_filter .ui_filter_head select.active {
680 color: #000000;
681 }
682 .main .ui_filter .ui_filter_head:first-child {
683 border-radius: 2px 2px 0 0;
684 padding-top: 9px;
685 }
686 .main .ui_filter .ui_filter_head.filter_filter {
687 padding-top: 9px;
688 }
689 .main .ui_filter .ui_filter_head.filter_mode {
690 padding-top: 9px;
691 margin-bottom: 0;
692 padding-bottom: 0;
693 }
694 .main .ui_filter .ui_filter_head.subfilter a {
695 font: normal 10pt / 150% sans-serif;
696 }
697 .main .ui_filter .ui_filter_head.subfilter a.active {
698 font: bold 10pt / 150% sans-serif;
699 }
700 .main .filter {
701 float: right;
702 }
703 .main .delegation_info.suspended {
704 margin: 1ex -2px -2px -2px;
705 }
706 .main .issues .state_info {
707 font: bold 10pt / 125% sans-serif;
708 color: #007700;
709 }
710 .main .issues .state_info.negative {
711 color: #aa0000;
712 }
713 .main ul.initiatives li {
714 margin-top: 1ex;
715 }
716 .main ul.initiatives li .bargraph {
717 float: left;
718 margin-top: 5px;
719 margin-right: 0.5em;
720 }
721 .main ul.initiatives li .initiative_name {
722 display: block;
723 margin-left: 110px;
724 }
725 .main ul.initiatives li .rank1 .initiative_name {
726 margin-left: 0;
727 font-weight: bold;
728 }
729 .main ul.initiatives li .revoked .initiative_name {
730 text-decoration: line-through;
731 }
732 .main ul.initiatives li:first-child {
733 margin-top: 0;
734 clear: none;
735 }
736 .main .events .event ul.initiatives li .initiative_name {
737 margin-left: 0;
738 }
739 .main .member_photo {
740 float: right;
741 }
742 .main .member_thumb.in_delegation_chain {
743 font-weight: bold;
744 }
745 .main .support {
746 color: #aaa;
747 line-height: 80%;
748 float: right;
749 width: 102px;
750 }
751 .main .initiativeInfo {
752 font-family: normal 10pt / 125% sans-serif;
753 line-height: 24px;
754 overflow: auto;
755 }
756 .main .initiativeInfo .support {
757 margin-top: 1ex;
758 float: left;
759 width: auto;
760 }
761 .main .initiativeInfo .mySupport {
762 line-height: 125%;
763 min-width: 12em;
764 text-align: right;
765 }
766 .main .initiativeInfo .initiators {
767 margin-top: 1.5ex;
768 margin-bottom: -1ex;
769 float: left;
770 }
771 .main .initiativeInfo .links {
772 margin-top: 1.5ex;
773 margin-bottom: -1ex;
774 float: right;
775 clear: right;
776 }
777 .main .initiativeInfo .initiator_links {
778 clear: right;
779 }
780 .main .issueInfo .links {
781 margin-top: 1.5ex;
782 margin-bottom: -1ex;
783 float: right;
784 clear: both;
785 }
786 .main .draft_updated_info {
787 color: #007700;
788 }
789 .main .draft_updated_info .info {
790 font: bold 10pt / 125% sans-serif;
791 }
792 .main .draft {
793 font: normal 10pt / 125% sans-serif;
794 }
795 .main .draft ul {
796 margin-left: 1em;
797 margin-bottom: 1.5ex;
798 list-style: square;
799 padding-left: 1em;
800 }
801 .main .draft h1 {
802 font: italic 10pt / 125% sans-serif;
803 font-size: 125%;
804 border-bottom: 1px solid #444444;
805 margin-bottom: 1ex;
806 }
807 .main .draft h2 {
808 font: normal 10pt / 125% sans-serif;
809 font-size: 125%;
810 }
811 .main .draft h3 {
812 font: normal 10pt / 125% sans-serif;
813 font-size: 125%;
814 }
815 .main .draft h4 {
816 font: normal 10pt / 125% sans-serif;
817 }
818 .main .draft hr {
819 border: none;
820 border-top: 1px solid #000000;
821 }
822 .main .draft b,
823 .main .draft strong {
824 font: italic 10pt / 125% sans-serif;
825 }
826 .main .draft i,
827 .main .draft em {
828 font: normal 10pt / 125% sans-serif;
829 }
830 .main form,
831 .main .form {
832 margin: 0;
833 padding: 0;
834 }
835 .main form .ui_field_label,
836 .main .form .ui_field_label {
837 display: inline-block;
838 width: 25%;
839 margin: 0;
840 padding: 0;
841 text-align: right;
842 margin-bottom: 9px;
843 padding-right: 0.5%;
844 vertical-align: top;
845 color: #444444;
846 }
847 .main form input[type=text],
848 .main .form input[type=text],
849 .main form input[type=password],
850 .main .form input[type=password],
851 .main form select,
852 .main .form select,
853 .main form textarea,
854 .main .form textarea {
855 vertical-align: top;
856 width: 73%;
857 margin: 0;
858 padding: 3px;
859 border: 1px solid #444444;
860 font: bold 10pt / 125% sans-serif;
861 margin-bottom: 9px;
862 }
863 .main form input:focus,
864 .main .form input:focus {
865 outline: 2px solid #397ab6;
866 }
867 .main form .actions,
868 .main .form .actions {
869 margin-left: 26%;
870 }
871 .main form.wide input[type=text],
872 .main form.wide input[type=password],
873 .main form.wide select,
874 .main form.wide textarea {
875 width: 100%;
876 }
877 .issues .event .initiative_pie,
878 .events .event .initiative_pie {
879 clear: right;
880 float: right;
881 }
882 .issues .event ul.initiatives .initiative_info_left,
883 .events .event ul.initiatives .initiative_info_left {
884 display: inline;
885 margin-right: 0.5em;
886 }
887 .issues .event ul.initiatives .initiative_info_right,
888 .events .event ul.initiatives .initiative_info_right {
889 float: right;
890 }
891 .issues .event ul.initiatives .initiative_info_right .bargraph,
892 .events .event ul.initiatives .initiative_info_right .bargraph {
893 float: right;
894 margin-left: 0.5em;
895 }
896 .issues .event ul.initiatives .result,
897 .events .event ul.initiatives .result {
898 color: #444444;
899 margin-top: 0.5ex;
900 }
901 .issues .event ul.initiatives h3,
902 .events .event ul.initiatives h3 {
903 margin-top: 1ex;
904 margin-bottom: 0;
905 }
906 .issues .event ul.initiatives a.initiative,
907 .events .event ul.initiatives a.initiative {
908 font: bold 10pt / 125% sans-serif;
909 }
910 .issues .event .event_info,
911 .events .event .event_info {
912 font: bold 10pt / 125% sans-serif;
913 color: #007700;
914 margin-top: 0.66ex;
915 margin-bottom: 1ex;
916 }
917 .issues .event .event_info:last-child,
918 .events .event .event_info:last-child {
919 margin-bottom: 0;
920 }
921 .issues .event .event_info.negative,
922 .events .event .event_info.negative {
923 color: #aa0000;
924 }
925 .issues .event .event_time,
926 .events .event .event_time {
927 font: normal 10pt / 125% sans-serif;
928 color: #444444;
929 }
930 .issues .event:hover .event_time,
931 .events .event:hover .event_time {
932 visibility: visible;
933 }
934 .issues .event:hover ul.initiatives div,
935 .events .event:hover ul.initiatives div {
936 visibility: visible;
937 }
938 .issues .issue_context,
939 .events .issue_context {
940 line-height: 24px;
941 margin-bottom: 0.66ex;
942 }
943 .issues .issue_context .unit,
944 .events .issue_context .unit {
945 background-color: #777;
946 color: #fff;
947 padding: 1px 3px;
948 border-radius: 2px;
949 text-decoration: none;
950 }
951 .issues .issue_context .area,
952 .events .issue_context .area {
953 background-color: #ddd;
954 color: #000;
955 padding: 1px 3px;
956 border-radius: 2px;
957 text-decoration: none;
958 }
959 .issues .issue_info .issue,
960 .events .issue_info .issue {
961 font: bold 10pt / 125% sans-serif;
962 color: #000000;
963 }
964 .issues img.star,
965 .events img.star {
966 vertical-align: middle;
967 float: right;
968 margin-left: 0.5em;
969 }
970 .issues .event.suggestion ul.initiatives li,
971 .events .event.suggestion ul.initiatives li {
972 margin-top: 0;
973 margin-bottom: 1ex;
974 }
975 .issues .event.suggestion ul.initiatives li a,
976 .events .event.suggestion ul.initiatives li a {
977 font: normal 10pt / 125% sans-serif;
978 }
979 .issues .event.suggestion .suggestion,
980 .events .event.suggestion .suggestion {
981 font: bold 10pt / 125% sans-serif;
982 overflow: hidden;
983 text-overflow: ellipsis;
984 }
985 .suggestions .suggestion .opinion {
986 float: right;
987 }
988 .suggestions .suggestion .opinion .must {
989 background-color: #00cc00;
990 color: #ffffff;
991 }
992 .suggestions .suggestion .opinion .should {
993 background-color: #44aa44;
994 color: #ffffff;
995 }
996 .suggestions .suggestion .opinion .shouldnot {
997 background-color: #aa4444;
998 color: #ffffff;
999 }
1000 .suggestions .suggestion .opinion .mustnot {
1001 background-color: #cc0000;
1002 color: #ffffff;
1003 }
1004 .suggestions .suggestion .opinion .implemented {
1005 background-color: #00cc00;
1006 color: #ffffff;
1007 }
1008 .suggestions .suggestion .opinion .notimplemented {
1009 background-color: #cc0000;
1010 color: #ffffff;
1011 }
1012 .suggestions .suggestion .suggestion-rating {
1013 float: right;
1014 }
1015 .suggestions .suggestion .suggestion-text {
1016 margin-top: 9px;
1017 font: normal 10pt / 125% sans-serif;
1018 overflow: hidden;
1019 text-overflow: ellipsis;
1020 position: relative;
1021 z-index: 10;
1022 }
1023 .suggestions .suggestion .suggestion-details {
1024 float: right;
1025 }
1026 .suggestions .suggestion .suggestion-more {
1027 display: none;
1028 }
1029 .suggestions .suggestion .suggestion-less {
1030 display: none;
1031 }
1032 .suggestions .suggestion .suggestionHead {
1033 overflow: hidden;
1034 text-overflow: ellipsis;
1035 }
1036 .suggestions .suggestion .rating {
1037 display: none;
1038 padding: 4.5px 0;
1039 }
1040 .suggestions .suggestion .rating .active-plus2 {
1041 background-color: #00cc00;
1042 color: #ffffff;
1043 }
1044 .suggestions .suggestion .rating .active-plus1 {
1045 background-color: #44aa44;
1046 color: #ffffff;
1047 }
1048 .suggestions .suggestion .rating .active-minus1 {
1049 background-color: #aa4444;
1050 color: #ffffff;
1051 }
1052 .suggestions .suggestion .rating .active-minus2 {
1053 background-color: #cc0000;
1054 color: #ffffff;
1055 }
1056 .suggestions .suggestion .rating .active-notfulfilled {
1057 background-color: #faa;
1058 }
1059 .suggestions .suggestion .rating .active-fulfilled {
1060 background-color: #afa;
1061 }
1062 .suggestions .suggestion.rateable .suggestion-more {
1063 display: block;
1064 }
1065 .suggestions .suggestion.rateable.unfolded .rating {
1066 border-top: 3px solid #397ab6;
1067 }
1068 .suggestions .suggestion.folded .suggestion-text {
1069 max-height: 150px;
1070 overflow: hidden;
1071 }
1072 .suggestions .suggestion.folded .suggestion-more {
1073 display: block;
1074 position: absolute;
1075 bottom: 0;
1076 left: 0;
1077 width: 100%;
1078 box-shadow: inset 0 -12ex 10ex -5ex #ffffff;
1079 padding-top: 5ex;
1080 }
1081 .suggestions .suggestion.folded .suggestion-details {
1082 position: absolute;
1083 bottom: 0;
1084 right: 0;
1085 }
1086 .suggestions .suggestion.unfolded .suggestion-more {
1087 display: none;
1088 }
1089 .suggestions .suggestion.unfolded .rating {
1090 display: block;
1091 }
1092 .suggestions .suggestion.unfolded .suggestion-less {
1093 margin-top: 1ex;
1094 display: block;
1095 }
1096 .suggestions .suggestion.highlighted {
1097 background-color: #e7f0ff;
1098 }
1099 .suggestions .suggestion.highlighted .suggestion-more {
1100 box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff;
1101 }
1102 li.raw {
1103 list-style: none;
1104 padding: 0;
1105 margin: 0 !important;
1106 }
1107 .satisfiedSupporterCount {
1108 color: #070;
1109 }
1110 .potentialSupporterCount {
1111 color: #960;
1112 }
1113 .bargraph {
1114 display: inline-block;
1115 vertical-align: top;
1116 height: 9px;
1117 }
1118 .bargraph div {
1119 margin: 0;
1120 padding: 0;
1121 display: inline-block;
1122 height: 9px;
1123 }
1124 .diff .diff_added {
1125 background-color: #cfc;
1126 }
1127 .diff .diff_removed {
1128 text-decoration: line-through;
1129 background-color: #fcc;
1130 }
1131 .btn,
1132 .ui_paginate_foot a {
1133 text-decoration: none;
1134 min-width: 2em;
1135 text-align: center;
1136 display: inline-block;
1137 border-radius: 5px;
1138 border: none;
1139 font: bold 10pt / 125% sans-serif;
1140 background-color: #999;
1141 color: #fff !important;
1142 margin-bottom: 5px;
1143 }
1144 .btn {
1145 padding: 1ex 1em;
1146 }
1147 .ui_paginate_foot a {
1148 padding: 0.5ex 0.5em;
1149 background-color: #eee;
1150 color: 000 !important;
1151 }
1152 .ui_paginate_foot a.active {
1153 background-color: #666;
1154 color: #fff !important;
1155 }
1156 .btn-default {
1157 background-color: #47a;
1158 color: #fff !important;
1159 }
1160 .btn:hover,
1161 .btn:focus,
1162 .ui_paginate_foot a:hover,
1163 .ui_paginate_foot a:focus {
1164 background-color: #0a0;
1165 color: #fff !important;
1166 cursor: pointer;
1167 }
1168 .btn-dangerous:hover {
1169 background-color: #c00;
1170 color: #fff !important;
1171 }
1172 .btn-link {
1173 font: normal 10pt / 125% sans-serif;
1174 background-color: #ffffff;
1175 color: #222277;
1176 border: none;
1177 padding: 0;
1178 margin: 0;
1179 text-decoration: underline;
1180 cursor: pointer;
1181 }
1182 /*************************************************************************
1183 * Voting
1184 */
1185 .main .section #voting_form .sectionRow:last-child {
1186 border-radius: 0;
1187 margin-bottom: 0;
1188 }
1189 #voting {
1190 background: #ddd;
1191 padding: 9px;
1192 margin-top: 4px;
1193 position: relative;
1194 margin-bottom: 2ex;
1195 }
1196 #voting .approval,
1197 #voting .abstention,
1198 #voting .disapproval {
1199 border: 2px black solid;
1200 margin-bottom: 2ex;
1201 padding: 1ex;
1202 padding-bottom: 2ex;
1203 border-radius: 2px;
1204 }
1205 #voting .disapproval {
1206 margin-bottom: 2ex;
1207 }
1208 #voting .approval {
1209 background-color: #9f9;
1210 }
1211 #voting .approval .movable {
1212 background-color: #dfd;
1213 }
1214 #voting .abstention {
1215 background-color: #ccc;
1216 }
1217 #voting .abstention .movable {
1218 background-color: #f2f2f2;
1219 }
1220 #voting .disapproval {
1221 background-color: #f88;
1222 }
1223 #voting .disapproval .movable {
1224 background-color: #fbb;
1225 }
1226 #voting .movable {
1227 position: relative;
1228 border: 1px black solid;
1229 margin-top: 1ex;
1230 padding: 0.5ex;
1231 border-radius: 2px;
1232 }
1233 #voting .voting_form_active .movable {
1234 cursor: pointer;
1235 vertical-align: middle;
1236 cursor: move;
1237 }
1238 #voting .voting_form_active .clickable {
1239 cursor: auto;
1240 }
1241 #voting .voting_form_active a.clickable {
1242 cursor: pointer;
1243 }
1244 /*
1245 * footer
1246 */
1247 .footer {
1248 text-align: center;
1249 color: #ffffff;
1250 background-color: #000000;
1251 padding: 9px 0;
1252 border: 1px solid #000;
1253 border-top: none;
1254 }
1255 .footer a {
1256 color: #ffffff;
1257 }
1258 .ui_paginate_head {
1259 display: none;
1260 }
1261 .ui_paginate_foot {
1262 line-height: 180%;
1263 }
1264 .swiper_tabs {
1265 display: none;
1266 }
1267 #swiper_info {
1268 display: none;
1269 }
1270 .nav .searchLink {
1271 display: none;
1272 }
1273 @media (max-width: 767px) {
1274 html body {
1275 margin: 0;
1276 background: #255078;
1277 }
1278 html body .head {
1279 margin: 6pt;
1280 padding: 0;
1281 }
1282 html body .head .logo {
1283 display: block;
1284 padding: 0;
1285 }
1286 html body .head .logo .liquid,
1287 html body .head .logo .feedback {
1288 font: bold 12pt / 125% sans-serif;
1289 }
1290 html body .head .logo .instanceName {
1291 font: normal 10pt / 100% sans-serif;
1292 display: block;
1293 margin-left: 0;
1294 }
1295 html body .head .nav {
1296 padding: 0;
1297 }
1298 html body .initiativeInfo h1 {
1299 display: none;
1300 }
1301 html body .slot_title {
1302 font: normal 12pt / 125% sans-serif;
1303 padding: 0;
1304 margin: 0 6pt;
1305 }
1306 html body .slot_title .spacer {
1307 display: none;
1308 }
1309 html body .slot_title .unit,
1310 html body .slot_title .area,
1311 html body .slot_title .issue,
1312 html body .slot_title .initiative,
1313 html body .slot_title .member {
1314 display: block;
1315 margin-right: 0;
1316 padding: 4px 0;
1317 border-radius: 2px;
1318 overflow: auto;
1319 }
1320 html body .slot_title .unit:before,
1321 html body .slot_title .area:before,
1322 html body .slot_title .issue:before,
1323 html body .slot_title .initiative:before,
1324 html body .slot_title .member:before {
1325 content: "↳";
1326 position: relative;
1327 top: -2px;
1328 }
1329 html body .slot_title .area {
1330 margin-left: 10px;
1331 }
1332 html body .slot_title .issue {
1333 margin-left: 20px;
1334 }
1335 html body .slot_title .initiative {
1336 margin-left: 30px;
1337 }
1338 html body .slot_title a:last-child,
1339 html body .slot_title .issue:last-child,
1340 html body .slot_title .area:last-child,
1341 html body .slot_title .unit:last-child,
1342 html body .slot_title .initiative:last-child {
1343 margin-bottom: 6pt;
1344 }
1345 html body .slot_title .unit a,
1346 html body .slot_title .initiative a,
1347 html body .slot_title .issue a,
1348 html body .slot_title .area a {
1349 margin-bottom: 0;
1350 display: inline;
1351 }
1352 html body .slot_title a.home {
1353 display: none;
1354 }
1355 html body .slot_title .weight {
1356 float: right;
1357 margin: 0;
1358 }
1359 html body .slot_title .delegation_info {
1360 float: right;
1361 display: block;
1362 margin-top: -10px;
1363 }
1364 html body .slot_title a .label {
1365 display: inline;
1366 }
1367 html body .slot_title .star {
1368 float: right;
1369 margin-left: 0.5em;
1370 margin-top: -4.5px;
1371 margin-bottom: -4.5px;
1372 }
1373 html body .slot_title > span > *:last-child {
1374 font: bold 12pt / 125% sans-serif;
1375 }
1376 html body .page {
1377 background: none;
1378 margin: 0;
1379 box-shadow: none;
1380 }
1381 html body .nav #member_menu .text {
1382 display: none;
1383 }
1384 html body .nav form.search {
1385 display: none;
1386 }
1387 html body .nav .notifications,
1388 html body .nav .searchLink,
1389 html body .nav #member_menu a {
1390 vertical-align: middle;
1391 display: inline-block;
1392 height: 48px;
1393 min-width: 35px;
1394 text-align: center;
1395 background-color: #000;
1396 border: 1px solid #777;
1397 border-radius: 2px;
1398 margin: 0;
1399 }
1400 html body .nav .notifications img,
1401 html body .nav .searchLink img,
1402 html body .nav #member_menu a img {
1403 margin: 0;
1404 width: 48px;
1405 height: 48px;
1406 }
1407 html body .nav .notifications {
1408 padding: 12px 2px;
1409 height: 24px;
1410 }
1411 html body .nav #member_menu a :last-child {
1412 display: none;
1413 }
1414 html body .notifications span {
1415 margin-left: -5px;
1416 }
1417 html body .swiper_tabs {
1418 clear: both;
1419 display: block;
1420 overflow: auto;
1421 margin: 6pt;
1422 }
1423 html body .swiper_tabs div {
1424 display: block;
1425 float: left;
1426 width: 33.333%;
1427 }
1428 html body .swiper_tabs div a {
1429 padding: 8px 0;
1430 display: block;
1431 text-align: center;
1432 background-color: #eee;
1433 }
1434 html body .swiper_tabs div a.active {
1435 background-color: #abe;
1436 }
1437 html body .swiper_tabs div:first-child a {
1438 border-radius: 2px 0 0 2px;
1439 }
1440 html body .swiper_tabs div:last-child a {
1441 border-radius: 0 2px 2px 0;
1442 }
1443 html body #swiper_info.active {
1444 display: block;
1445 font: bold 10pt / 125% sans-serif;
1446 z-index: 1;
1447 text-align: center;
1448 width: 100%;
1449 background-color: #255078;
1450 color: #ffffff;
1451 }
1452 html body .sidebarSection {
1453 margin: 0 6pt 6pt 6pt;
1454 }
1455 html body .main,
1456 html body .extra > .section {
1457 clear: none;
1458 float: none;
1459 width: auto;
1460 margin: 0 6pt 6pt 6pt;
1461 }
1462 html body .main .section .sectionRow:last-child,
1463 html body .extra > .section .section .sectionRow:last-child {
1464 margin-bottom: 6pt;
1465 }
1466 html body .ui_filter_head.filter_mode {
1467 float: none !important;
1468 background: #ffffff !important;
1469 text-align: left !important;
1470 border-radius: 2px;
1471 margin-bottom: 6pt !important;
1472 }
1473 html body .member_photo {
1474 text-align: center;
1475 margin-bottom: 2ex;
1476 }
1477 html body .member_photo .member_image_photo {
1478 max-width: 600px;
1479 }
1480 html body #trace_content {
1481 margin: 6pt 0;
1482 border-radius: 0;
1483 }
1484 html body #trace_content ul li .trace_head {
1485 padding: 6px 5px;
1486 }
1487 html body #trace_content ul ul {
1488 padding: 5px 2px;
1489 }
1490 }
1491 .textCenter {
1492 text-align: center;
1493 }
1494 a.initiative {
1495 text-decoration: none;
1496 border-bottom: 1px solid #66c;
1497 }
1498 a.initiative:hover {
1499 border-bottom: 1px solid #007;
1500 }
1501 #trace_content {
1502 margin: 12pt;
1503 padding: 9px;
1504 border-radius: 2px;
1505 background-color: #ffffff;
1506 }
1507 #trace_content #system_error {
1508 font-family: monospace;
1509 }
1510 #trace_content ul li {
1511 margin-top: 10px;
1512 }
1513 #trace_content ul li .trace_head {
1514 padding: 3px 5px;
1515 border-radius: 2px 2px 0 0;
1516 }
1517 #trace_content ul li .trace_head:last-child {
1518 border-radius: 2px;
1519 }
1520 #trace_content ul li ul {
1521 border-radius: 0 0 2px 2px;
1522 }
1523 #trace_content ul li:first-child {
1524 margin-top: 0;
1525 }
1526 #trace_content ul ul {
1527 padding: 10px;
1528 }
1529 #trace_content .trace_config > ul {
1530 background-color: #eee;
1531 border: 1px solid #ccc;
1532 }
1533 #trace_content .trace_config > .trace_head {
1534 background-color: #ccc;
1535 color: #000;
1536 }
1537 #trace_content .trace_request > ul {
1538 background-color: #afa;
1539 }
1540 #trace_content .trace_request > .trace_head {
1541 background-color: #0c0;
1542 }
1543 #trace_content .trace_filter > ul {
1544 background-color: #ccf;
1545 border: 1px solid #00c;
1546 border-top: none;
1547 }
1548 #trace_content .trace_filter > .trace_head {
1549 background-color: #00c;
1550 color: #fff;
1551 }
1552 #trace_content .trace_view > ul {
1553 background-color: #cfc;
1554 border: 1px solid #0c0;
1555 border-top: none;
1556 }
1557 #trace_content .trace_view > .trace_head {
1558 background-color: #0c0;
1559 color: #000;
1560 }
1561 #trace_content .trace_action_neutral > ul {
1562 background-color: #ffa;
1563 border: 1px solid #fe0;
1564 }
1565 #trace_content .trace_action_neutral > .trace_head {
1566 background-color: #fe0;
1567 color: #000;
1568 }
1569 #trace_content .trace_sql {
1570 background-color: #fff;
1571 padding: 2px 4px;
1572 margin-top: 8px;
1573 }
1574 #trace_content .trace_error {
1575 background-color: #faa;
1576 color: #000;
1577 font-weight: bold;
1578 border: 1px solid #c00;
1579 }
1580 #trace_content .trace_exectime {
1581 background-color: #ccc;
1582 font-weight: bold;
1583 border-radius: 2px;
1584 }
1585 #trace_content .time {
1586 float: right;
1587 }
1588 #trace_content .total_duration {
1589 font-weight: bold;
1590 }