liquid_feedback_frontend
view static/lf4.css @ 1785:2e3d7415dff2
Added missing translation entry
| author | bsw |
|---|---|
| date | Tue Oct 19 14:53:36 2021 +0200 (2021-10-19) |
| parents | 048d6bae2855 |
| children | 3338275416b5 |
line source
1 @font-face {
2 font-family: "Roboto";
3 src: url("font/Roboto-Regular.ttf");
4 }
5 @font-face {
6 font-family: "Roboto Bold";
7 src: url("font/Roboto-Bold.ttf");
8 }
9 @font-face {
10 font-family: "Roboto Slab";
11 src: url("font/RobotoSlab-Regular.ttf");
12 }
13 @font-face {
14 font-family: 'Material Icons';
15 font-style: normal;
16 font-weight: 400;
17 src: url("font/MaterialIcons-Regular.ttf");
18 }
20 .material-icons {
21 font-family: 'Material Icons';
22 font-weight: normal;
23 font-style: normal;
24 font-size: 24px;
25 line-height: 1;
26 letter-spacing: normal;
27 text-transform: none;
28 display: inline-block;
29 white-space: nowrap;
30 word-wrap: normal;
31 direction: ltr;
32 -webkit-font-feature-settings: 'liga';
33 -webkit-font-smoothing: antialiased;
34 }
35 .material-icons.icon-green {
36 color: #4CAF50;
37 }
38 .material-icons.icon-yellow {
39 color: #FFEB3B;
40 }
41 .material-icons.icon-red {
42 color: #F44336;
43 }
45 .mapboxgl-popup-content {
46 max-width: 200px;
47 }
48 body {
49 font-family: "Roboto";
50 background: #fff;
51 }
52 strong {
53 font-family: "Roboto Bold";
54 }
55 .slot_error {
56 margin: 20px 20px 0 20px;
57 background: #fed;
58 padding: 20px;
59 }
60 .slot_notice {
61 margin: 20px 20px 0 20px;
62 background: #efd;
63 padding: 20px;
64 }
65 h1 {
66 font-size: 24px;
67 margin-bottom: 0px;
68 }
70 .mdl-layout__container {
71 max-width: 1600px;
72 height: auto;
73 background: #f7f7f7;
74 }
75 .mdl-layout__header-row {
76 padding-left: 20px !important;
77 padding-right: 10px !important;
78 }
79 .mdl-layout__content {
80 flex-shrink: 0;
81 width: 100%;
82 }
83 #lf-member-menu {
84 cursor: pointer;
85 }
86 .notifications {
87 display: block;
88 text-align: center;
89 }
90 .page-content {
91 xdisplay: flex;
92 width: 100%;
93 }
94 .map, .ui_field_location {
95 border: none;
96 width: 100%;
97 height: auto;
98 max-height: 80vh;
99 position: relative;
100 border-radius: 2px;
101 }
102 .map:before {
103 content: "";
104 display: block;
105 padding-top: 100%;
106 }
107 .map iframe {
108 position: absolute;
109 top: 0;
110 left: 0;
111 right: 0;
112 bottom: 0;
113 height: 100%;
114 }
115 .axto-logo {
116 width: 100%;
117 }
118 .mdl-card__title-text a.issue {
119 font-size: 18px;
120 line-height: 20px;
121 }
122 .mdl-list__item .initiative_name {
123 font-size: 18px;
124 line-height: normal;
125 }
126 .mdl-list__item .revoked .initiative_name {
127 text-decoration: line-through;
128 }
130 .initiatives.mdl-list {
131 margin-top: 5px;
132 margin-bottom: 5px;
133 padding-bottom: 0px;
134 }
135 .initiatives .mdl-list__item--three-line {
136 min-height: 0;
137 padding-top: 0;
138 padding-bottom: 0;
139 }
140 .mdl-data-table__fullwidth {
141 width: 100%;
142 }
143 .mdl-textfield__fullwidth {
144 width: 100%;
145 }
147 .mdl-card {
148 min-height: 20px;
149 overflow: visible;
150 display: block;
151 margin-bottom: 16px;
152 border-radius: 5px;
153 }
155 .mdl-card__title {
156 border-radius: 5px 5px 0 0;
157 }
159 .mdl-card__fullwidth {
160 width: 100%;
161 }
162 .mdl-card__title {
163 display: block;
164 }
165 .mdl-card__title > h2,
166 .mdl-card__title > a {
167 display: inline-block;
168 vertical-align: top;
169 }
170 .mdl-card__subtitle-text {
171 display: block;
172 }
173 .mdl-card__content {
174 font-size: 1rem;
175 padding: 16px;
176 }
177 .mdl-card__content.mdl-card--no-bottom-pad {
178 padding-bottom: 0;
179 }
180 .mdl-card__actions {
181 min-height: 52px;
182 }
183 .mdl-card__actions.mdl-card--action-border,
184 .mdl-card__content.mdl-card--border {
185 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
186 }
187 .mdl-card__actions.mdl-card--notice,
188 .mdl-card__content.mdl-card--notice {
189 background: #fff9c4;
190 }
191 .mdl-card--has-fab {
192 position: relative;
193 }
194 .mdl-special-card {
195 background: #fff;
196 margin-bottom: 16px;
197 border-radius: 5px;
198 }
200 .mdl-navigation__head {
201 font-family: "Roboto Bold";
202 }
203 .mdl-list__item--three-line {
204 height: auto;
205 min-height: 88px;
206 }
207 .mdl-list__item--three-line .mdl-list__item-primary-content {
208 height: auto;
209 min-height: 52px;
210 }
211 .mdl-chip {
212 vertical-align: middle;
213 }
214 .mdl-chip.clickable {
215 cursor: pointer;
216 }
217 .mdl-menu {
218 z-index: -9999;
219 }
220 .mdl-card {
221 z-index: auto !important;
222 }
223 .mdl-menu__item {
224 padding: 0;
225 }
226 .mdl-menu__link {
227 display: block;
228 padding: 0 16px;
229 min-height: 48px;
230 text-decoration: none;
231 color: #444;
232 }
233 .mdl-tabs__tab-bar {
234 justify-content: flex-start;
235 }
236 .mdl-tabs__tab.is-active {
237 color: rgba(0,0,0, 0.87);
238 }
239 .mdl-data-table--condensed tbody tr {
240 height: 24px;
241 }
242 .mdl-data-table--condensed td {
243 padding-top: 0;
244 padding-bottom: 0;
245 height: 24px;
246 }
248 .mdl-button--feature-off i {
249 color: #777;
250 }
252 @keyframes feature-on {
253 0% {
254 transform: scale(0);
255 }
256 40% {
257 transform: scale(3);
258 }
259 100% {
260 transform: scale(1);
261 }}
263 .mdl-button--feature-on {
264 animation: feature-on 0.5s;
265 }
267 .mdl-button--underlined {
268 text-decoration: underline;
269 }
270 .right {
271 text-align: right;
272 }
273 .mdl-tabs__left {
274 display: inline-block;
275 width: auto;
276 }
277 .float-left {
278 float: left;
279 }
280 .float-right {
281 float: right;
282 }
283 .clear-left {
284 clear: left;
285 }
286 .clear-right {
287 clear: right;
288 }
289 .float-right .mdl-menu__container {
290 margin-right: 20px;
291 }
292 .inline {
293 display: inline-block;
294 }
295 .warning {
296 background-color: #fff9c4;
297 color: #212121;
298 padding: 16px;
299 border-radius: 2px;
300 }
301 .toolbar a {
302 color: #000;
303 display: inline-block;
304 border: 1px solid #ccc;
305 position: relative;
306 }
308 .toolbar a.wysihtml-command-active {
309 background: #000;
310 color: #fff;
312 }
314 .toolbar a span.crossed {
315 position: absolute;
316 top: 0;
317 left: 8px;
318 font-weight: bold;
319 font-size: 200%;
320 line-height: 80%;
321 }
322 .toolbar a span.head_level {
323 position: absolute;
324 right: 0;
325 bottom: 0;
326 }
328 textarea {
329 font-family: sans-serif;
330 font-weight: normal !important;
331 width: 100%;
332 height: 40ex;
333 }
334 .bargraph {
335 display: inline-block;
336 vertical-align: top;
337 height: 9px;
338 }
340 .bargraph div {
341 margin: 0;
342 padding: 0;
343 display: inline-block;
344 height: 9px;
345 }
346 .draft {
347 font-family: 'Roboto Slab';
348 font-weight: 300;
349 overflow: auto;
350 clear: left;
351 }
352 .draft img {
353 float: right;
354 margin-left: 1em;
355 }
357 .draft .landscape img {
358 width: 50%;
359 }
361 .draft .portrait img {
362 width: 33.333%;
363 }
364 .member_weight {
365 background: #070;
366 color: #fff;
367 border-radius: 8px;
368 padding: 0 3px;
369 }
370 .card-issue {
371 background: rgb(76,175,80);
372 }
373 .card-issue a {
374 color: #fff;
375 }
376 @media (max-width: 960px) {
377 .draft img {
378 float: none;
379 margin-left: 0;
380 }
381 .draft a.portrait,
382 .draft a.landscape {
383 width: 100%;
384 display: block;
385 text-align: center;
386 margin-bottom: 2ex;
387 }
388 .draft .landscape img {
389 width: 100%;
390 }
391 .draft .portrait img {
392 width: 66.666%;
393 }
394 }
396 .draft h1 {
397 font-size: 150%;
398 margin-bottom: 0;
399 }
400 .draft h2 {
401 font-size: 133%;
402 margin-bottom: 0;
403 }
404 .draft h3 {
405 font-size: 125%;
406 margin-bottom: 0;
407 }
408 .draft > a:first-child + h1,
409 .draft > h1:first-child,
410 .draft > h2:first-child,
411 .draft > h3:first-child {
412 margin-top: 0;
413 }
414 @media (max-width: 960px) {
415 .draft > a:first-child + h1 {
416 margin-top: 20px;
417 }
418 }
421 .suggestion-content {
422 position: relative;
423 }
425 .folded {
426 position: relative;
427 }
428 .folded .suggestion-content {
429 max-height: 250px;
430 overflow: hidden;
431 }
432 .folded .suggestion-content:before {
433 content: "";
434 width: 100%;
435 height: 25%;
436 position: absolute;
437 left: 0;
438 bottom: 0;
439 background: linear-gradient(rgba(0,0,0,0), #fff);
440 }
441 .suggestion-less,
442 .suggestion-more {
443 display: none;
444 position: absolute;
445 bottom: 5px;
446 right: 5px;
447 }
448 .folded .suggestion-more,
449 .unfolded .suggestion-less {
450 display: inline-block;
451 }
453 .suggestion_rating_info {
454 float: right;
455 line-height: 200%;
456 }
458 .diff .diff_removed {
459 text-decoration: line-through;
460 background: #f00;
461 }
463 .diff .diff_added {
464 text-decoration: underline;
465 background: #0f0;
466 }
468 .material-icons {
469 vertical-align: middle;
470 }
471 .material-icons-small {
472 font-size: 18px;
473 }
475 a.mdl-layout-title {
476 color: #fff;
477 text-decoration: none;
478 }
480 .what-can-i-do-here .mdl-card__content {
481 font-size: 18px;
482 }
484 .what-can-i-do-here .mdl-card__content ul {
485 font-size: 1rem;
486 }
488 .what-can-i-do-here ul {
489 margin-top: 0.5em;
490 margin-bottom: 0;
491 padding-left: 1.5em
492 }
496 .lf-filter .mdl-button {
497 padding-right: 4px;
498 }
500 .phase-current {
501 font-family: "Roboto Bold";
502 }
504 .phase-info {
505 padding-left: 27px;
506 margin-bottom: 1ex;
507 }
509 .clickable {
510 cursor: pointer;
511 }
513 .slot_title {
514 margin-left: 16px;
515 margin-top: 16px;
516 font-size: 18px;
517 }
519 .slot_title > a,
520 .slot_title > span {
521 display: inline-block;
522 padding: 0 4px 0 0;
524 }
526 .slot_title a.home {
527 margin: 0;
528 }
530 .home i {
531 font-size: 32px;
532 }
534 /* fix missing contrast */
535 .mdl-list__item--three-line .mdl-list__item-text-body,
536 .mdl-card__supporting-text,
537 .mdl-card__subtitle-text {
538 color: rgba(0,0,0, 0.75);
539 }
541 .mdl-textfield__label {
542 color: rgba(0,0,0, 0.5);
543 }
545 .mdl-list__item--three-line .mdl-list__item-text-body {
546 height: auto;
547 padding-bottom: 10px;
548 }
550 select {
551 font-family: 'Roboto','Helvetica','Arial',sans-serif;
552 background-color: transparent;
553 padding: 5px 0;
554 border: none;
555 border-bottom: 1px solid rgba(0,0,0, 0.12);
556 font-size: 1rem;
557 }
560 .initiative_list .mdl-list__item {
561 display: block;
562 }
563 .initiative_list .mdl-list__item-avatar {
564 float: left;
565 margin-right: 8px;
566 }
567 .initiative_list .mdl-list__item-avatar i {
568 padding-left: 8px;
569 }
570 .initiative_list .mdl-list__item-avatar.positive {
571 background: #4caf50;
572 }
573 .initiative_list .mdl-list__item-avatar.positive i {
574 padding-top: 8px;
575 vertical-align: top;
576 }
577 .initiative_list .mdl-list__item-avatar.negative {
578 background: #f44336;
579 }
580 .initiative_list .mdl-list__item-avatar.negative i {
581 padding-top: 10px;
582 vertical-align: top;
583 }
585 .initiatives .mdl-list__item {
586 display: grid;
587 grid-template-columns: 1fr min-content;
588 grid-gap: 1em;
589 align-items: start;
590 }
592 .initiatives .attachment {
593 max-width: 180px;
594 max-height: 80px;
595 }
597 .competing_initiatives .initiatives .attachment {
598 max-width: 80px;
599 max-height: 80px;
600 }
603 @media (max-width: 960px) {
604 .initiatives .mdl-list__item {
605 display: block;
606 }
607 .competing_initiatives .initiatives .mdl-list__item {
608 display: grid;
609 }
610 .initiatives .attachment {
611 max-width: 100%;
612 max-height: 120px;
613 margin-bottom: 2ex;
614 }
616 }
619 .initiative_pie {
620 float: left;
621 margin-right: 15px;
622 margin-bottom: 15px;
623 }
625 .initiative .result {
626 font-family: "Roboto Bold";
627 }
629 .admitted_info h1,
630 .not_admitted_info h1 {
631 margin-top: 0;
632 }
634 .admitted_info table th,
635 .not_admitted_info table th {
636 text-align: left;
637 padding-right: 10px;
638 }
640 .admitted_info table td,
641 .not_admitted_info table td {
642 text-align: right;
643 padding-right: 5px;
644 }
646 .attachments img {
647 max-width: 100%;
648 }
650 .ui_list_row label.mdl-radio {
651 display: inline;
652 }
654 .member_image_photo {
655 margin-top: 2ex;
656 margin-bottom: 2ex;
657 }
659 .contextlinks {
660 color: #fff;
661 }
663 /*************************************************************************
664 * Voting
665 */
666 .main .section #voting_form .sectionRow:last-child {
667 border-radius: 0;
668 margin-bottom: 0;
669 }
670 #voting {
671 margin-top: 3ex;
672 position: relative;
673 margin-bottom: 2ex;
674 }
675 #voting .approval,
676 #voting .abstention,
677 #voting .disapproval {
678 border: 1px #ccc solid;
679 margin-bottom: 3ex;
680 padding: 1ex;
681 padding-bottom: 1ex;
682 border-radius: 2px;
683 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
684 }
685 #voting .movable {
686 cursor: pointer;
687 }
688 #voting .disapproval {
689 margin-bottom: 2ex;
690 }
691 #voting .approval {
692 background-color: #9f9;
693 }
694 #voting .approval .movable {
695 background-color: #dfd;
696 }
697 #voting .abstention {
698 background-color: #eee;
699 }
700 #voting .abstention .movable {
701 background-color: #fff;
702 }
703 #voting .disapproval {
704 background-color: #f88;
705 }
706 #voting .disapproval .movable {
707 background-color: #fbb;
708 }
709 #voting .movable {
710 position: relative;
711 border: 1px black solid;
712 margin-top: 1ex;
713 padding: 0;
714 border-radius: 2px;
715 min-height: 64px;
716 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
717 }
718 #voting .initiative_name {
719 display: inline-block;
720 margin: 5px;
721 font-family: "Roboto Bold";
722 }
724 #voting .voting_form_active .movable {
725 cursor: pointer;
726 vertical-align: middle;
727 cursor: move;
728 }
729 #voting .voting_form_active .clickable {
730 cursor: auto;
731 }
732 #voting .voting_form_active a.clickable {
733 cursor: pointer;
734 }
736 div.form .ui_field_label {
737 text-transform: uppercase;
738 font-size: 80%;
739 }
740 div.form .member_photo .member_image.member_image_photo {
741 margin-top: 0;
742 }
744 #rating_dialog {
745 position: fixed;
746 top: 0px;
747 bottom: 0px;
748 max-width: calc((100% - 6px) - 2em);
749 max-height: calc((100% - 6px) - 2em);
750 overflow: auto;
751 display: block;
752 left: 0px;
753 right: 0px;
754 width: fit-content;
755 width: -moz-fit-content;
756 height: fit-content;
757 height: -moz-fit-content;
758 color: #000;
759 margin: auto;
760 border-width: initial;
761 border-style: solid;
762 border-color: initial;
763 border-image: initial;
764 padding: 1em;
765 background: #fff;
766 z-index: 1;
767 }
769 .survey_counter {
770 position: absolute;;
771 right: 20px;
772 }
774 .ui_paginate_select .mdl-button {
775 min-width: unset;
776 margin-right: 0.3em;
777 }
779 .trace_list {
780 margin-left: 10px;
781 list-style-type: none;
782 padding: 0;
783 line-height: 120%;
784 }
786 .trace_list .trace_list {
787 padding-left: 10px;
788 border-left: 1px solid #999;
789 }
791 .trace_list .trace_head {
792 margin-top: 10px;
793 padding: 3px 5px 3px 5px;
794 font-weight: 700;
795 }
797 .trace_list li {
798 margin-top: 5px;
799 margin-bottom: 5px;
800 }
802 .trace_list .trace_filter .trace_head {
803 background: #acf;
804 color: #000;
805 }
807 .trace_list .trace_request .trace_head,
808 .trace_list .trace_view .trace_head {
809 background: #000;
810 color: #fff;
811 }
813 .trace_list .trace_config .trace_head,
814 .trace_list .trace_view .trace_view .trace_head {
815 background: #ccc;
816 color: #000;
817 }
819 .trace_list .trace_head .time {
820 float: right;
821 font-weight: 500;
822 font-size: 90%;
823 line-height: 100%;
824 margin-top: 5px;
825 }
827 .trace_list .trace_sql {
828 color: #050;
829 }
831 .trace_list .trace_sql_time {
832 background: #070;
833 color: #fff;
834 padding: 0px 3px;
835 border-radius: 5px;
836 }