liquid_feedback_frontend
view static/lf4.css @ 1604:29cf02084694
Extracted css from layout template, removed old css
| author | bsw |
|---|---|
| date | Mon Feb 01 20:59:35 2021 +0100 (2021-02-01) |
| parents | |
| children | 10fdd6713adb |
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 }
44 .mapboxgl-popup-content {
45 max-width: 200px;
46 }
47 body {
48 font-family: "Roboto";
49 background: #fff;
50 }
51 strong {
52 font-family: "Roboto Bold";
53 }
54 .slot_error {
55 margin: 20px 20px 0 20px;
56 background: #fed;
57 padding: 20px;
58 }
59 .slot_notice {
60 margin: 20px 20px 0 20px;
61 background: #efd;
62 padding: 20px;
63 }
64 h1 {
65 font-size: 24px;
66 margin-bottom: 0px;
67 }
69 .mdl-layout__container {
70 max-width: 1600px;
71 height: auto;
72 background: #f7f7f7;
73 }
74 .mdl-layout__header-row {
75 padding-left: 20px !important;
76 padding-right: 10px !important;
77 }
78 .mdl-layout__content {
79 flex-shrink: 0;
80 width: 100%;
81 }
82 #lf-member-menu {
83 cursor: pointer;
84 }
85 .notifications {
86 display: block;
87 text-align: center;
88 }
89 .page-content {
90 xdisplay: flex;
91 width: 100%;
92 }
93 .map, .ui_field_location {
94 border: none;
95 width: 100%;
96 height: auto;
97 max-height: 80vh;
98 position: relative;
99 border-radius: 2px;
100 }
101 .map:before {
102 content: "";
103 display: block;
104 padding-top: 100%;
105 }
106 .map iframe {
107 position: absolute;
108 top: 0;
109 left: 0;
110 right: 0;
111 bottom: 0;
112 height: 100%;
113 }
114 .axto-logo {
115 width: 100%;
116 }
117 .mdl-card__title-text a.issue {
118 font-size: 18px;
119 line-height: 20px;
120 }
121 .mdl-list__item .initiative_name {
122 font-size: 18px;
123 line-height: normal;
124 }
125 .initiatives.mdl-list {
126 margin-top: 5px;
127 margin-bottom: 5px;
128 padding-bottom: 0px;
129 }
130 .initiatives .mdl-list__item--three-line {
131 min-height: 0;
132 padding-top: 0;
133 padding-bottom: 0;
134 }
135 .mdl-data-table__fullwidth {
136 width: 100%;
137 }
138 .mdl-textfield__fullwidth {
139 width: 100%;
140 }
142 .mdl-card {
143 min-height: 20px;
144 overflow: visible;
145 display: block;
146 margin-bottom: 16px;
147 border-radius: 5px;
148 }
150 .mdl-card__title {
151 border-radius: 5px 5px 0 0;
152 }
154 .mdl-card__fullwidth {
155 width: 100%;
156 }
157 .mdl-card__title {
158 display: block;
159 }
160 .mdl-card__title > h2,
161 .mdl-card__title > a {
162 display: inline-block;
163 vertical-align: top;
164 }
165 .mdl-card__subtitle-text {
166 display: block;
167 }
168 .mdl-card__content {
169 font-size: 1rem;
170 padding: 16px;
171 }
172 .mdl-card__content.mdl-card--no-bottom-pad {
173 padding-bottom: 0;
174 }
175 .mdl-card__actions.mdl-card--action-border,
176 .mdl-card__content.mdl-card--border {
177 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
178 }
179 .mdl-card__actions.mdl-card--notice,
180 .mdl-card__content.mdl-card--notice {
181 background: #fff9c4;
182 }
183 .mdl-card--has-fab {
184 position: relative;
185 }
186 .mdl-special-card {
187 background: #fff;
188 margin-bottom: 16px;
189 border-radius: 5px;
190 }
192 .mdl-navigation__head {
193 font-family: "Roboto Bold";
194 }
195 .mdl-list__item--three-line {
196 height: auto;
197 min-height: 88px;
198 }
199 .mdl-list__item--three-line .mdl-list__item-primary-content {
200 height: auto;
201 min-height: 52px;
202 }
203 .mdl-chip {
204 vertical-align: middle;
205 }
206 .mdl-chip.clickable {
207 cursor: pointer;
208 }
209 .mdl-menu {
210 z-index: -9999;
211 }
212 .mdl-card {
213 z-index: auto !important;
214 }
215 .mdl-menu__item {
216 padding: 0;
217 }
218 .mdl-menu__link {
219 display: block;
220 padding: 0 16px;
221 min-height: 48px;
222 text-decoration: none;
223 color: #444;
224 }
225 .mdl-tabs__tab-bar {
226 justify-content: flex-start;
227 }
228 .mdl-tabs__tab.is-active {
229 color: rgba(0,0,0, 0.87);
230 }
231 .mdl-data-table--condensed tbody tr {
232 height: 24px;
233 }
234 .mdl-data-table--condensed td {
235 padding-top: 0;
236 padding-bottom: 0;
237 height: 24px;
238 }
239 .mdl-button--underlined {
240 text-decoration: underline;
241 }
242 .right {
243 text-align: right;
244 }
245 .mdl-tabs__left {
246 display: inline-block;
247 width: auto;
248 }
249 .float-left {
250 float: left;
251 }
252 .float-right {
253 float: right;
254 }
255 .clear-left {
256 clear: left;
257 }
258 .clear-right {
259 clear: right;
260 }
261 .float-right .mdl-menu__container {
262 margin-right: 20px;
263 }
264 .inline {
265 display: inline-block;
266 }
267 .warning {
268 background-color: #fff9c4;
269 color: #212121;
270 padding: 16px;
271 border-radius: 2px;
272 }
273 .toolbar a {
274 color: #000;
275 display: inline-block;
276 border: 1px solid #ccc;
277 position: relative;
278 }
280 .toolbar a.wysihtml-command-active {
281 background: #000;
282 color: #fff;
284 }
286 .toolbar a span.crossed {
287 position: absolute;
288 top: 0;
289 left: 8px;
290 font-weight: bold;
291 font-size: 200%;
292 line-height: 80%;
293 }
294 .toolbar a span.head_level {
295 position: absolute;
296 right: 0;
297 bottom: 0;
298 }
300 textarea {
301 font-family: sans-serif;
302 font-weight: normal !important;
303 width: 100%;
304 height: 40ex;
305 }
306 .bargraph {
307 display: inline-block;
308 vertical-align: top;
309 height: 9px;
310 }
312 .bargraph div {
313 margin: 0;
314 padding: 0;
315 display: inline-block;
316 height: 9px;
317 }
318 .draft {
319 font-family: 'Roboto Slab';
320 font-weight: 300;
321 overflow: auto;
322 clear: left;
323 }
324 .draft img {
325 float: right;
326 margin-left: 1em;
327 }
329 .draft .landscape img {
330 width: 50%;
331 }
333 .draft .portrait img {
334 width: 33.333%;
335 }
336 .member_weight {
337 background: #070;
338 color: #fff;
339 border-radius: 8px;
340 padding: 0 3px;
341 }
342 .card-issue {
343 background: rgb(76,175,80);
344 }
345 .card-issue a {
346 color: #fff;
347 }
348 @media (max-width: 960px) {
349 .draft img {
350 float: none;
351 margin-left: 0;
352 }
353 .draft a.portrait,
354 .draft a.landscape {
355 width: 100%;
356 display: block;
357 text-align: center;
358 margin-bottom: 2ex;
359 }
360 .draft .landscape img {
361 width: 100%;
362 }
363 .draft .portrait img {
364 width: 66.666%;
365 }
366 }
368 .draft h1 {
369 font-size: 150%;
370 margin-bottom: 0;
371 }
372 .draft h2 {
373 font-size: 133%;
374 margin-bottom: 0;
375 }
376 .draft h3 {
377 font-size: 125%;
378 margin-bottom: 0;
379 }
380 .draft > a:first-child + h1,
381 .draft > h1:first-child,
382 .draft > h2:first-child,
383 .draft > h3:first-child {
384 margin-top: 0;
385 }
386 @media (max-width: 960px) {
387 .draft > a:first-child + h1 {
388 margin-top: 20px;
389 }
390 }
392 .folded {
393 position: relative;
394 }
395 .folded .suggestion-content {
396 max-height: 180px;
397 overflow: hidden;
398 position: relative;
399 }
400 .folded .suggestion-content:before {
401 content: "";
402 width: 100%;
403 height: 25%;
404 position: absolute;
405 left: 0;
406 bottom: 0;
407 background: linear-gradient(rgba(0,0,0,0), #fff);
408 }
409 .suggestion-less,
410 .suggestion-more {
411 display: none;
412 }
413 .folded .suggestion-more,
414 .unfolded .suggestion-less {
415 display: inline-block;
416 }
418 .diff .diff_removed {
419 text-decoration: line-through;
420 background: #f00;
421 }
423 .diff .diff_added {
424 text-decoration: underline;
425 background: #0f0;
426 }
428 .material-icons {
429 vertical-align: middle;
430 }
431 .material-icons-small {
432 font-size: 18px;
433 }
435 a.mdl-layout-title {
436 color: #fff;
437 text-decoration: none;
438 }
440 .what-can-i-do-here .mdl-card__content {
441 font-size: 18px;
442 }
444 .what-can-i-do-here .mdl-card__content ul {
445 font-size: 1rem;
446 }
448 .what-can-i-do-here ul {
449 margin-top: 0.5em;
450 margin-bottom: 0;
451 padding-left: 1.5em
452 }
456 .lf-filter .mdl-button {
457 padding-right: 4px;
458 }
460 .phase-current {
461 font-family: "Roboto Bold";
462 }
464 .phase-info {
465 padding-left: 27px;
466 margin-bottom: 1ex;
467 }
469 .clickable {
470 cursor: pointer;
471 }
473 .slot_title {
474 margin-left: 16px;
475 margin-top: 16px;
476 font-size: 18px;
477 }
479 .slot_title > a,
480 .slot_title > span {
481 display: inline-block;
482 padding: 0 4px 0 0;
484 }
486 .slot_title a.home {
487 margin: 0;
488 }
490 .home i {
491 font-size: 32px;
492 }
494 /* fix missing contrast */
495 .mdl-list__item--three-line .mdl-list__item-text-body,
496 .mdl-card__supporting-text,
497 .mdl-card__subtitle-text {
498 color: rgba(0,0,0, 0.75);
499 }
501 .mdl-textfield__label {
502 color: rgba(0,0,0, 0.5);
503 }
505 .mdl-list__item--three-line .mdl-list__item-text-body {
506 height: auto;
507 padding-bottom: 10px;
508 }
510 select {
511 font-family: 'Roboto','Helvetica','Arial',sans-serif;
512 background-color: transparent;
513 padding: 5px 0;
514 border: none;
515 border-bottom: 1px solid rgba(0,0,0, 0.12);
516 font-size: 1rem;
517 }
520 .initiative_list .mdl-list__item {
521 display: block;
522 }
523 .initiative_list .mdl-list__item-avatar {
524 float: left;
525 margin-right: 8px;
526 }
527 .initiative_list .mdl-list__item-avatar i {
528 padding-left: 8px;
529 }
530 .initiative_list .mdl-list__item-avatar.positive {
531 background: #4caf50;
532 }
533 .initiative_list .mdl-list__item-avatar.positive i {
534 padding-top: 8px;
535 vertical-align: top;
536 }
537 .initiative_list .mdl-list__item-avatar.negative {
538 background: #f44336;
539 }
540 .initiative_list .mdl-list__item-avatar.negative i {
541 padding-top: 10px;
542 vertical-align: top;
543 }
545 .initiative_pie {
546 float: left;
547 margin-right: 15px;
548 margin-bottom: 15px;
549 }
551 .initiative .result {
552 font-family: "Roboto Bold";
553 }
555 .admitted_info, .not_admitted_info {
556 margin-left: 15px;
557 }
559 .admitted_info table th,
560 .not_admitted_info table th {
561 text-align: left;
562 padding-right: 10px;
563 }
565 .admitted_info table td,
566 .not_admitted_info table td {
567 text-align: right;
568 padding-right: 5px;
569 }
571 .admitted
573 .event_info i {
574 font-size: 18px;
575 color: #444;
576 margin-right: 4px;
577 }
579 .ui_list_row label.mdl-radio {
580 display: inline;
581 }
583 .member_image_photo {
584 margin-top: 2ex;
585 margin-bottom: 2ex;
586 }
588 .contextlinks {
589 color: #fff;
590 xfont-size: 14px;
591 xmargin-bottom: 5px;
592 }
594 /*************************************************************************
595 * Voting
596 */
597 .main .section #voting_form .sectionRow:last-child {
598 border-radius: 0;
599 margin-bottom: 0;
600 }
601 #voting {
602 margin-top: 3ex;
603 position: relative;
604 margin-bottom: 2ex;
605 }
606 #voting .approval,
607 #voting .abstention,
608 #voting .disapproval {
609 border: 1px #ccc solid;
610 margin-bottom: 3ex;
611 padding: 1ex;
612 padding-bottom: 1ex;
613 border-radius: 2px;
614 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);
615 }
616 #voting .movable {
617 cursor: pointer;
618 }
619 #voting .disapproval {
620 margin-bottom: 2ex;
621 }
622 #voting .approval {
623 background-color: #9f9;
624 }
625 #voting .approval .movable {
626 background-color: #dfd;
627 }
628 #voting .abstention {
629 background-color: #eee;
630 }
631 #voting .abstention .movable {
632 background-color: #fff;
633 }
634 #voting .disapproval {
635 background-color: #f88;
636 }
637 #voting .disapproval .movable {
638 background-color: #fbb;
639 }
640 #voting .movable {
641 position: relative;
642 border: 1px black solid;
643 margin-top: 1ex;
644 padding: 0;
645 border-radius: 2px;
646 min-height: 64px;
647 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);
648 }
649 #voting .initiative_name {
650 display: inline-block;
651 margin: 5px;
652 font-family: "Roboto Bold";
653 }
655 #voting .voting_form_active .movable {
656 cursor: pointer;
657 vertical-align: middle;
658 cursor: move;
659 }
660 #voting .voting_form_active .clickable {
661 cursor: auto;
662 }
663 #voting .voting_form_active a.clickable {
664 cursor: pointer;
665 }
667 div.form .ui_field_label {
668 text-transform: uppercase;
669 font-size: 80%;
670 }
671 div.form .member_photo .member_image.member_image_photo {
672 margin-top: 0;
673 }
675 .trace_list {
676 margin-left: 10px;
677 list-style-type: none;
678 padding: 0;
679 line-height: 120%;
680 }
682 .trace_list .trace_list {
683 padding-left: 10px;
684 border-left: 1px solid #999;
685 }
687 .trace_list .trace_head {
688 margin-top: 10px;
689 padding: 3px 5px 3px 5px;
690 font-weight: 700;
691 }
693 .trace_list li {
694 margin-top: 5px;
695 margin-bottom: 5px;
696 }
698 .trace_list .trace_filter .trace_head {
699 background: #acf;
700 color: #000;
701 }
703 .trace_list .trace_request .trace_head,
704 .trace_list .trace_view .trace_head {
705 background: #000;
706 color: #fff;
707 }
709 .trace_list .trace_config .trace_head,
710 .trace_list .trace_view .trace_view .trace_head {
711 background: #ccc;
712 color: #000;
713 }
715 .trace_list .trace_head .time {
716 float: right;
717 font-weight: 500;
718 font-size: 90%;
719 line-height: 100%;
720 margin-top: 5px;
721 }
723 .trace_list .trace_sql {
724 color: #050;
725 }
727 .trace_list .trace_sql_time {
728 background: #070;
729 color: #fff;
730 padding: 0px 3px;
731 border-radius: 5px;
732 }