liquid_feedback_frontend

view app/main/_layout/default.html @ 1309:32cc544d5a5b

find changesets by author, revision, files, or words in the commit message
Cumulative patch for upcoming frontend version 4
author bsw/jbe
date Sun Jul 15 14:07:29 2018 +0200 (2018-07-15)
parents effce9b361b2
children b06da8ab308d
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: 10px;
144 margin-bottom: 0px;
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 }
165
166 .mdl-card__fullwidth {
167 width: 100%;
168 }
169 .mdl-card__title {
170 display: block;
171 }
172 .mdl-card__title > h2,
173 .mdl-card__title > a {
174 display: inline-block;
175 vertical-align: top;
176 }
177 .mdl-card__subtitle-text {
178 display: block;
179 }
180 .mdl-card__content {
181 font-size: 1rem;
182 padding: 16px;
183 }
184 .mdl-card__content.mdl-card--no-bottom-pad {
185 padding-bottom: 0;
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: 2px;
202 }
203
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.clickable {
216 cursor: pointer;
217 }
218 .mdl-chip.unit,
219 .mdl-chip.area,
220 .mdl-chip.issue {
221 padding: 1px 6px;
222 line-height: 24px;
223 height: 24px;
224 vertical-align: bottom;
225 margin-right: 4px;
226 margin-bottom: 8px;
227 }
228 .mdl-chip.unit i,
229 .mdl-chip.area i,
230 .mdl-chip.issue i {
231 font-size: 18px;
232 color: #444;
233 }
234 .mdl-chip.unit {
235 xbackground: rgba(76,175,80,0.2);
236 }
237 .mdl-chip.area {
238 xbackground: rgba(76,175,80,0.2);
239 }
240 .mdl-chip.issue {
241 xbackground: rgba(76,175,80,0.2);
242 }
243 .mdl-menu {
244 z-index: -9999;
245 }
246 .mdl-menu__item {
247 padding: 0;
248 }
249 .mdl-menu__link {
250 display: block;
251 padding: 0 16px;
252 min-height: 48px;
253 text-decoration: none;
254 color: #444;
255 }
256 .mdl-tabs__tab-bar {
257 justify-content: flex-start;
258 }
259 .mdl-tabs__tab.is-active {
260 color: rgba(0,0,0, 0.87);
261 }
262 .mdl-data-table--condensed tbody tr {
263 height: 24px;
264 }
265 .mdl-data-table--condensed td {
266 padding-top: 0;
267 padding-bottom: 0;
268 height: 24px;
269 }
270 .mdl-button--underlined {
271 text-decoration: underline;
272 }
273 .right {
274 text-align: right;
275 }
276 .mdl-tabs__left {
277 display: inline-block;
278 width: auto;
279 }
280 .float-left {
281 float: left;
282 }
283 .float-right {
284 float: right;
285 }
286 .clear-left {
287 clear: left;
288 }
289 .clear-right {
290 clear: right;
291 }
292 .float-right .mdl-menu__container {
293 margin-right: 20px;
294 }
295 .inline {
296 display: inline-block;
297 }
298 .warning {
299 background-color: #fff9c4;
300 color: #212121;
301 padding: 16px;
302 border-radius: 2px;
303 }
304 .toolbar a {
305 color: #000;
306 display: inline-block;
307 border: 1px solid #ccc;
308 position: relative;
309 }
310
311 .toolbar a.wysihtml-command-active {
312 background: #000;
313 color: #fff;
314
315 }
316
317 .toolbar a span.crossed {
318 position: absolute;
319 top: 0;
320 left: 8px;
321 font-weight: bold;
322 font-size: 200%;
323 line-height: 80%;
324 }
325 .toolbar a span.head_level {
326 position: absolute;
327 right: 0;
328 bottom: 0;
329 }
330
331 textarea {
332 font-family: sans-serif;
333 font-weight: normal !important;
334 width: 100%;
335 height: 40ex;
336 }
337 .bargraph {
338 display: inline-block;
339 vertical-align: top;
340 height: 9px;
341 }
342
343 .bargraph div {
344 margin: 0;
345 padding: 0;
346 display: inline-block;
347 height: 9px;
348 }
349 .draft {
350 font-family: 'Roboto Slab';
351 font-weight: 300;
352 overflow: auto;
353 clear: left;
354 }
355 .draft img {
356 float: right;
357 margin-left: 1em;
358 }
359
360 .draft .landscape img {
361 width: 50%;
362 }
363
364 .draft .portrait img {
365 width: 33.333%;
366 }
367
368 @media (max-width: 960px) {
369 .draft img {
370 float: none;
371 margin-left: 0;
372 }
373 .draft a.portrait,
374 .draft a.landscape {
375 width: 100%;
376 display: block;
377 text-align: center;
378 margin-bottom: 2ex;
379 }
380 .draft .landscape img {
381 width: 100%;
382 }
383 .draft .portrait img {
384 width: 66.666%;
385 }
386 }
387
388 .draft h1 {
389 font-size: 150%;
390 margin-bottom: 0;
391 }
392 .draft h2 {
393 font-size: 133%;
394 margin-bottom: 0;
395 }
396 .draft h3 {
397 font-size: 125%;
398 margin-bottom: 0;
399 }
400 .draft > a:first-child + h1,
401 .draft > h1:first-child,
402 .draft > h2:first-child,
403 .draft > h3:first-child {
404 margin-top: 0;
405 }
406 @media (max-width: 960px) {
407 .draft > a:first-child + h1 {
408 margin-top: 20px;
409 }
410 }
411
412 .folded {
413 position: relative;
414 }
415 .folded .suggestion-content {
416 max-height: 180px;
417 overflow: hidden;
418 position: relative;
419 }
420 .folded .suggestion-content:before {
421 content: "";
422 width: 100%;
423 height: 25%;
424 position: absolute;
425 left: 0;
426 bottom: 0;
427 background: linear-gradient(rgba(0,0,0,0), #fff);
428 }
429 .suggestion-less,
430 .suggestion-more {
431 display: none;
432 }
433 .folded .suggestion-more,
434 .unfolded .suggestion-less {
435 display: inline-block;
436 }
437
438 .diff .diff_removed {
439 text-decoration: line-through;
440 background: #f00;
441 }
442
443 .diff .diff_added {
444 text-decoration: underline;
445 background: #0f0;
446 }
447
448 .material-icons {
449 vertical-align: middle;
450 }
451 .material-icons-small {
452 font-size: 18px;
453 }
454
455 a.mdl-layout-title {
456 color: #fff;
457 text-decoration: none;
458 }
459
460 .what-can-i-do-here .mdl-card__content {
461 font-size: 18px;
462 }
463
464 .what-can-i-do-here .mdl-card__content ul {
465 font-size: 1rem;
466 }
467
468 .what-can-i-do-here ul {
469 margin-top: 0.5em;
470 margin-bottom: 0;
471 padding-left: 1.5em
472 }
473
474
475
476 .lf-filter .mdl-button {
477 padding-right: 4px;
478 }
479
480 .phase-current {
481 font-family: "Roboto Bold";
482 }
483
484 .phase-info {
485 padding-left: 27px;
486 margin-bottom: 1ex;
487 }
488
489 .clickable {
490 cursor: pointer;
491 }
492
493 .slot_title {
494 margin-left: 16px;
495 margin-top: 16px;
496 font-size: 18px;
497 }
498
499 .slot_title > a,
500 .slot_title > span {
501 display: inline-block;
502 padding: 0 4px 0 0;
503
504 }
505
506 .slot_title a.home {
507 margin: 0;
508 }
509
510 .home i {
511 font-size: 32px;
512 }
513
514 /* fix missing contrast */
515 .mdl-list__item--three-line .mdl-list__item-text-body,
516 .mdl-card__supporting-text,
517 .mdl-card__subtitle-text {
518 color: rgba(0,0,0, 0.75);
519 }
520
521 .mdl-textfield__label {
522 color: rgba(0,0,0, 0.5);
523 }
524
525 .mdl-list__item--three-line .mdl-list__item-text-body {
526 height: auto;
527 padding-bottom: 10px;
528 }
529
530 select {
531 font-family: 'Roboto','Helvetica','Arial',sans-serif;
532 background-color: transparent;
533 padding: 5px 0;
534 border: none;
535 border-bottom: 1px solid rgba(0,0,0, 0.12);
536 font-size: 1rem;
537 }
538
539
540 .initiative_list .mdl-list__item {
541 display: block;
542 }
543 .initiative_list .mdl-list__item-avatar {
544 float: left;
545 margin-right: 8px;
546 }
547 .initiative_list .mdl-list__item-avatar i {
548 padding-left: 8px;
549 }
550 .initiative_list .mdl-list__item-avatar.positive {
551 background: #4caf50;
552 }
553 .initiative_list .mdl-list__item-avatar.positive i {
554 padding-top: 8px;
555 vertical-align: top;
556 }
557 .initiative_list .mdl-list__item-avatar.negative {
558 background: #f44336;
559 }
560 .initiative_list .mdl-list__item-avatar.negative i {
561 padding-top: 10px;
562 vertical-align: top;
563 }
564
565 .initiative_pie {
566 float: left;
567 margin-right: 15px;
568 margin-bottom: 15px;
569 }
570
571 .initiative .result {
572 font-family: "Roboto Bold";
573 }
574
575 .admitted_info, .not_admitted_info {
576 margin-left: 15px;
577 }
578
579 .admitted_info table th,
580 .not_admitted_info table th {
581 text-align: left;
582 padding-right: 10px;
583 }
584
585 .admitted_info table td,
586 .not_admitted_info table td {
587 text-align: right;
588 padding-right: 5px;
589 }
590
591 .admitted
592
593 .event_info i {
594 font-size: 18px;
595 color: #444;
596 margin-right: 4px;
597 }
598
599 .ui_list_row label.mdl-radio {
600 display: inline;
601 }
602
603 .member_image_photo {
604 margin-top: 2ex;
605 margin-bottom: 2ex;
606 }
607
608
609 /*************************************************************************
610 * Voting
611 */
612 .main .section #voting_form .sectionRow:last-child {
613 border-radius: 0;
614 margin-bottom: 0;
615 }
616 #voting {
617 margin-top: 3ex;
618 position: relative;
619 margin-bottom: 2ex;
620 }
621 #voting .approval,
622 #voting .abstention,
623 #voting .disapproval {
624 border: 1px #ccc solid;
625 margin-bottom: 3ex;
626 padding: 1ex;
627 padding-bottom: 1ex;
628 border-radius: 2px;
629 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);
630 }
631 #voting .movable {
632 cursor: pointer;
633 }
634 #voting .disapproval {
635 margin-bottom: 2ex;
636 }
637 #voting .approval {
638 background-color: #9f9;
639 }
640 #voting .approval .movable {
641 background-color: #dfd;
642 }
643 #voting .abstention {
644 background-color: #eee;
645 }
646 #voting .abstention .movable {
647 background-color: #fff;
648 }
649 #voting .disapproval {
650 background-color: #f88;
651 }
652 #voting .disapproval .movable {
653 background-color: #fbb;
654 }
655 #voting .movable {
656 position: relative;
657 border: 1px black solid;
658 margin-top: 1ex;
659 padding: 0;
660 border-radius: 2px;
661 min-height: 64px;
662 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);
663 }
664 #voting .initiative_name {
665 display: inline-block;
666 margin: 5px;
667 font-family: "Roboto Bold";
668 }
669
670 #voting .voting_form_active .movable {
671 cursor: pointer;
672 vertical-align: middle;
673 cursor: move;
674 }
675 #voting .voting_form_active .clickable {
676 cursor: auto;
677 }
678 #voting .voting_form_active a.clickable {
679 cursor: pointer;
680 }
681
682 </style>
683 <!-- WEBMCP SLOTNODIV meta_navigation_style -->
684
685 </head>
686 <body style="">
687 <!-- WEBMCP SLOTNODIV meta_navigation -->
688
689 <div class="mdl-layout mdl-js-layout mdl-shadow--2dp mdl-layout--fixed-header">
690 <!-- WEBMCP SLOTNODIV header_bar -->
691 <main class="mdl-layout__content">
692 <!-- WEBMCP SLOTNODIV notificationx -->
693 <!-- WEBMCP SLOT notice -->
694 <!-- WEBMCP SLOT warning -->
695 <!-- WEBMCP SLOT error -->
696 <!-- WEBMCP SLOT motd -->
697 <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1">
698 <div class="page-content">
699 <!-- WEBMCP SLOT title -->
700 <!-- WEBMCP SLOT filter -->
701 <!-- WEBMCP SLOTNODIV default -->
702 <!-- WEBMCP SLOTNODIV extra -->
703 <!-- WEBMCP SLOTNODIV sidebar -->
704 </div>
705 </section>
706 <br />
707 <br />
708 <br />
709 <br />
710 <footer class="mdl-mini-footer">
711 <div class="mdl-mini-footer__left-section">
712 <ul class="mdl-mini-footer__link-list">
713 <!-- WEBMCP SLOTNODIV footer -->
714 </ul>
715 </div>
716 </footer>
717 <br /><br />
718 <div id="trace">
719 <!-- WEBMCP SLOTNODIV trace_button -->
720 <div id="trace_content" style="display: none;">
721 <div id="system_error"><!-- WEBMCP SLOT system_error --></div>
722 <h1>System trace (for computer programmers purposes)</h1>
723 <br />
724 <!-- WEBMCP SLOT trace -->
725 <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';">
726 close
727 </div>
728 </div>
729 </div>
730 </main>
731 </div>
732
733 <div class="head_outer">
734 <div class="head">
735 <div class="nav">
736 <!--WEBMCP SLOTNODIV navigation -->
737 </div>
738
739 </div>
740 </div>
741
742 <!-- WEBMCP SLOTNODIV dialog -->
743
744 <!-- WEBMCP SLOT tabs -->
745
746 <script>
747 /*
748 $(".trace_view > .trace_list").hide();
749 $(".trace_head").click(function() {
750 var el = this.nextSibling
751 if (el) $(el).toggle();
752 });
753 */
754 </script>
755
756 <!-- WEBMCP SLOTNODIV script -->
757
758 </body>
759 </html>

Impressum / About Us