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