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