liquid_feedback_frontend
view static/lf4.css @ 1629:c5c18a861b85
Fixed display of last counting
| author | bsw |
|---|---|
| date | Mon Feb 08 01:39:43 2021 +0100 (2021-02-08) |
| parents | 62856200414d |
| children | d9ccd0d6ef8c |
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/material.woff2") format('woff2');
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 .initiatives.mdl-list {
127 margin-top: 5px;
128 margin-bottom: 5px;
129 padding-bottom: 0px;
130 }
131 .initiatives .mdl-list__item--three-line {
132 min-height: 0;
133 padding-top: 0;
134 padding-bottom: 0;
135 }
136 .mdl-data-table__fullwidth {
137 width: 100%;
138 }
139 .mdl-textfield__fullwidth {
140 width: 100%;
141 }
143 .mdl-card {
144 min-height: 20px;
145 overflow: visible;
146 display: block;
147 margin-bottom: 16px;
148 border-radius: 5px;
149 }
151 .mdl-card__title {
152 border-radius: 5px 5px 0 0;
153 }
155 .mdl-card__fullwidth {
156 width: 100%;
157 }
158 .mdl-card__title {
159 display: block;
160 }
161 .mdl-card__title > h2,
162 .mdl-card__title > a {
163 display: inline-block;
164 vertical-align: top;
165 }
166 .mdl-card__subtitle-text {
167 display: block;
168 }
169 .mdl-card__content {
170 font-size: 1rem;
171 padding: 16px;
172 }
173 .mdl-card__content.mdl-card--no-bottom-pad {
174 padding-bottom: 0;
175 }
176 .mdl-card__actions.mdl-card--action-border,
177 .mdl-card__content.mdl-card--border {
178 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
179 }
180 .mdl-card__actions.mdl-card--notice,
181 .mdl-card__content.mdl-card--notice {
182 background: #fff9c4;
183 }
184 .mdl-card--has-fab {
185 position: relative;
186 }
187 .mdl-special-card {
188 background: #fff;
189 margin-bottom: 16px;
190 border-radius: 5px;
191 }
193 .mdl-navigation__head {
194 font-family: "Roboto Bold";
195 }
196 .mdl-list__item--three-line {
197 height: auto;
198 min-height: 88px;
199 }
200 .mdl-list__item--three-line .mdl-list__item-primary-content {
201 height: auto;
202 min-height: 52px;
203 }
204 .mdl-chip {
205 vertical-align: middle;
206 }
207 .mdl-chip.clickable {
208 cursor: pointer;
209 }
210 .mdl-menu {
211 z-index: -9999;
212 }
213 .mdl-card {
214 z-index: auto !important;
215 }
216 .mdl-menu__item {
217 padding: 0;
218 }
219 .mdl-menu__link {
220 display: block;
221 padding: 0 16px;
222 min-height: 48px;
223 text-decoration: none;
224 color: #444;
225 }
226 .mdl-tabs__tab-bar {
227 justify-content: flex-start;
228 }
229 .mdl-tabs__tab.is-active {
230 color: rgba(0,0,0, 0.87);
231 }
232 .mdl-data-table--condensed tbody tr {
233 height: 24px;
234 }
235 .mdl-data-table--condensed td {
236 padding-top: 0;
237 padding-bottom: 0;
238 height: 24px;
239 }
241 .mdl-button--feature-off i {
242 color: #777;
243 }
245 @keyframes feature-on {
246 0% {
247 transform: scale(0);
248 }
249 40% {
250 transform: scale(3);
251 }
252 100% {
253 transform: scale(1);
254 }}
256 .mdl-button--feature-on {
257 animation: feature-on 0.5s;
258 }
260 .mdl-button--underlined {
261 text-decoration: underline;
262 }
263 .right {
264 text-align: right;
265 }
266 .mdl-tabs__left {
267 display: inline-block;
268 width: auto;
269 }
270 .float-left {
271 float: left;
272 }
273 .float-right {
274 float: right;
275 }
276 .clear-left {
277 clear: left;
278 }
279 .clear-right {
280 clear: right;
281 }
282 .float-right .mdl-menu__container {
283 margin-right: 20px;
284 }
285 .inline {
286 display: inline-block;
287 }
288 .warning {
289 background-color: #fff9c4;
290 color: #212121;
291 padding: 16px;
292 border-radius: 2px;
293 }
294 .toolbar a {
295 color: #000;
296 display: inline-block;
297 border: 1px solid #ccc;
298 position: relative;
299 }
301 .toolbar a.wysihtml-command-active {
302 background: #000;
303 color: #fff;
305 }
307 .toolbar a span.crossed {
308 position: absolute;
309 top: 0;
310 left: 8px;
311 font-weight: bold;
312 font-size: 200%;
313 line-height: 80%;
314 }
315 .toolbar a span.head_level {
316 position: absolute;
317 right: 0;
318 bottom: 0;
319 }
321 textarea {
322 font-family: sans-serif;
323 font-weight: normal !important;
324 width: 100%;
325 height: 40ex;
326 }
327 .bargraph {
328 display: inline-block;
329 vertical-align: top;
330 height: 9px;
331 }
333 .bargraph div {
334 margin: 0;
335 padding: 0;
336 display: inline-block;
337 height: 9px;
338 }
339 .draft {
340 font-family: 'Roboto Slab';
341 font-weight: 300;
342 overflow: auto;
343 clear: left;
344 }
345 .draft img {
346 float: right;
347 margin-left: 1em;
348 }
350 .draft .landscape img {
351 width: 50%;
352 }
354 .draft .portrait img {
355 width: 33.333%;
356 }
357 .member_weight {
358 background: #070;
359 color: #fff;
360 border-radius: 8px;
361 padding: 0 3px;
362 }
363 .card-issue {
364 background: rgb(76,175,80);
365 }
366 .card-issue a {
367 color: #fff;
368 }
369 @media (max-width: 960px) {
370 .draft img {
371 float: none;
372 margin-left: 0;
373 }
374 .draft a.portrait,
375 .draft a.landscape {
376 width: 100%;
377 display: block;
378 text-align: center;
379 margin-bottom: 2ex;
380 }
381 .draft .landscape img {
382 width: 100%;
383 }
384 .draft .portrait img {
385 width: 66.666%;
386 }
387 }
389 .draft h1 {
390 font-size: 150%;
391 margin-bottom: 0;
392 }
393 .draft h2 {
394 font-size: 133%;
395 margin-bottom: 0;
396 }
397 .draft h3 {
398 font-size: 125%;
399 margin-bottom: 0;
400 }
401 .draft > a:first-child + h1,
402 .draft > h1:first-child,
403 .draft > h2:first-child,
404 .draft > h3:first-child {
405 margin-top: 0;
406 }
407 @media (max-width: 960px) {
408 .draft > a:first-child + h1 {
409 margin-top: 20px;
410 }
411 }
413 .folded {
414 position: relative;
415 }
416 .folded .suggestion-content {
417 max-height: 180px;
418 overflow: hidden;
419 position: relative;
420 }
421 .folded .suggestion-content:before {
422 content: "";
423 width: 100%;
424 height: 25%;
425 position: absolute;
426 left: 0;
427 bottom: 0;
428 background: linear-gradient(rgba(0,0,0,0), #fff);
429 }
430 .suggestion-less,
431 .suggestion-more {
432 display: none;
433 }
434 .folded .suggestion-more,
435 .unfolded .suggestion-less {
436 display: inline-block;
437 }
439 .diff .diff_removed {
440 text-decoration: line-through;
441 background: #f00;
442 }
444 .diff .diff_added {
445 text-decoration: underline;
446 background: #0f0;
447 }
449 .material-icons {
450 vertical-align: middle;
451 }
452 .material-icons-small {
453 font-size: 18px;
454 }
456 a.mdl-layout-title {
457 color: #fff;
458 text-decoration: none;
459 }
461 .what-can-i-do-here .mdl-card__content {
462 font-size: 18px;
463 }
465 .what-can-i-do-here .mdl-card__content ul {
466 font-size: 1rem;
467 }
469 .what-can-i-do-here ul {
470 margin-top: 0.5em;
471 margin-bottom: 0;
472 padding-left: 1.5em
473 }
477 .lf-filter .mdl-button {
478 padding-right: 4px;
479 }
481 .phase-current {
482 font-family: "Roboto Bold";
483 }
485 .phase-info {
486 padding-left: 27px;
487 margin-bottom: 1ex;
488 }
490 .clickable {
491 cursor: pointer;
492 }
494 .slot_title {
495 margin-left: 16px;
496 margin-top: 16px;
497 font-size: 18px;
498 }
500 .slot_title > a,
501 .slot_title > span {
502 display: inline-block;
503 padding: 0 4px 0 0;
505 }
507 .slot_title a.home {
508 margin: 0;
509 }
511 .home i {
512 font-size: 32px;
513 }
515 /* fix missing contrast */
516 .mdl-list__item--three-line .mdl-list__item-text-body,
517 .mdl-card__supporting-text,
518 .mdl-card__subtitle-text {
519 color: rgba(0,0,0, 0.75);
520 }
522 .mdl-textfield__label {
523 color: rgba(0,0,0, 0.5);
524 }
526 .mdl-list__item--three-line .mdl-list__item-text-body {
527 height: auto;
528 padding-bottom: 10px;
529 }
531 select {
532 font-family: 'Roboto','Helvetica','Arial',sans-serif;
533 background-color: transparent;
534 padding: 5px 0;
535 border: none;
536 border-bottom: 1px solid rgba(0,0,0, 0.12);
537 font-size: 1rem;
538 }
541 .initiative_list .mdl-list__item {
542 display: block;
543 }
544 .initiative_list .mdl-list__item-avatar {
545 float: left;
546 margin-right: 8px;
547 }
548 .initiative_list .mdl-list__item-avatar i {
549 padding-left: 8px;
550 }
551 .initiative_list .mdl-list__item-avatar.positive {
552 background: #4caf50;
553 }
554 .initiative_list .mdl-list__item-avatar.positive i {
555 padding-top: 8px;
556 vertical-align: top;
557 }
558 .initiative_list .mdl-list__item-avatar.negative {
559 background: #f44336;
560 }
561 .initiative_list .mdl-list__item-avatar.negative i {
562 padding-top: 10px;
563 vertical-align: top;
564 }
566 .initiative_pie {
567 float: left;
568 margin-right: 15px;
569 margin-bottom: 15px;
570 }
572 .initiative .result {
573 font-family: "Roboto Bold";
574 }
576 .admitted_info h1,
577 .not_admitted_info h1 {
578 margin-top: 0;
579 }
581 .admitted_info table th,
582 .not_admitted_info table th {
583 text-align: left;
584 padding-right: 10px;
585 }
587 .admitted_info table td,
588 .not_admitted_info table td {
589 text-align: right;
590 padding-right: 5px;
591 }
593 .event_info i {
594 font-size: 18px;
595 }
597 .ui_list_row label.mdl-radio {
598 display: inline;
599 }
601 .member_image_photo {
602 margin-top: 2ex;
603 margin-bottom: 2ex;
604 }
606 .contextlinks {
607 color: #fff;
608 xfont-size: 14px;
609 xmargin-bottom: 5px;
610 }
612 /*************************************************************************
613 * Voting
614 */
615 .main .section #voting_form .sectionRow:last-child {
616 border-radius: 0;
617 margin-bottom: 0;
618 }
619 #voting {
620 margin-top: 3ex;
621 position: relative;
622 margin-bottom: 2ex;
623 }
624 #voting .approval,
625 #voting .abstention,
626 #voting .disapproval {
627 border: 1px #ccc solid;
628 margin-bottom: 3ex;
629 padding: 1ex;
630 padding-bottom: 1ex;
631 border-radius: 2px;
632 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);
633 }
634 #voting .movable {
635 cursor: pointer;
636 }
637 #voting .disapproval {
638 margin-bottom: 2ex;
639 }
640 #voting .approval {
641 background-color: #9f9;
642 }
643 #voting .approval .movable {
644 background-color: #dfd;
645 }
646 #voting .abstention {
647 background-color: #eee;
648 }
649 #voting .abstention .movable {
650 background-color: #fff;
651 }
652 #voting .disapproval {
653 background-color: #f88;
654 }
655 #voting .disapproval .movable {
656 background-color: #fbb;
657 }
658 #voting .movable {
659 position: relative;
660 border: 1px black solid;
661 margin-top: 1ex;
662 padding: 0;
663 border-radius: 2px;
664 min-height: 64px;
665 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);
666 }
667 #voting .initiative_name {
668 display: inline-block;
669 margin: 5px;
670 font-family: "Roboto Bold";
671 }
673 #voting .voting_form_active .movable {
674 cursor: pointer;
675 vertical-align: middle;
676 cursor: move;
677 }
678 #voting .voting_form_active .clickable {
679 cursor: auto;
680 }
681 #voting .voting_form_active a.clickable {
682 cursor: pointer;
683 }
685 div.form .ui_field_label {
686 text-transform: uppercase;
687 font-size: 80%;
688 }
689 div.form .member_photo .member_image.member_image_photo {
690 margin-top: 0;
691 }
693 .trace_list {
694 margin-left: 10px;
695 list-style-type: none;
696 padding: 0;
697 line-height: 120%;
698 }
700 .trace_list .trace_list {
701 padding-left: 10px;
702 border-left: 1px solid #999;
703 }
705 .trace_list .trace_head {
706 margin-top: 10px;
707 padding: 3px 5px 3px 5px;
708 font-weight: 700;
709 }
711 .trace_list li {
712 margin-top: 5px;
713 margin-bottom: 5px;
714 }
716 .trace_list .trace_filter .trace_head {
717 background: #acf;
718 color: #000;
719 }
721 .trace_list .trace_request .trace_head,
722 .trace_list .trace_view .trace_head {
723 background: #000;
724 color: #fff;
725 }
727 .trace_list .trace_config .trace_head,
728 .trace_list .trace_view .trace_view .trace_head {
729 background: #ccc;
730 color: #000;
731 }
733 .trace_list .trace_head .time {
734 float: right;
735 font-weight: 500;
736 font-size: 90%;
737 line-height: 100%;
738 margin-top: 5px;
739 }
741 .trace_list .trace_sql {
742 color: #050;
743 }
745 .trace_list .trace_sql_time {
746 background: #070;
747 color: #fff;
748 padding: 0px 3px;
749 border-radius: 5px;
750 }