liquid_feedback_frontend

view app/main/_layout/default.html @ 1600:d47d2b0cd7c2

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

Impressum / About Us