liquid_feedback_frontend

view app/main/_layout/default.html @ 1533:d432f85e868e

find changesets by author, revision, files, or words in the commit message
Completed firstlife group mirror feature
author bsw
date Mon Oct 05 15:51:47 2020 +0200 (2020-10-05)
parents 64229f002a47
children dac776cd0a7f
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 .member_weight {
368 background: #070;
369 color: #fff;
370 border-radius: 8px;
371 padding: 0 3px;
372 }
373 .card-issue {
374 background: rgb(76,175,80);
375 }
376 .card-issue a {
377 color: #fff;
378 }
379 @media (max-width: 960px) {
380 .draft img {
381 float: none;
382 margin-left: 0;
383 }
384 .draft a.portrait,
385 .draft a.landscape {
386 width: 100%;
387 display: block;
388 text-align: center;
389 margin-bottom: 2ex;
390 }
391 .draft .landscape img {
392 width: 100%;
393 }
394 .draft .portrait img {
395 width: 66.666%;
396 }
397 }
398
399 .draft h1 {
400 font-size: 150%;
401 margin-bottom: 0;
402 }
403 .draft h2 {
404 font-size: 133%;
405 margin-bottom: 0;
406 }
407 .draft h3 {
408 font-size: 125%;
409 margin-bottom: 0;
410 }
411 .draft > a:first-child + h1,
412 .draft > h1:first-child,
413 .draft > h2:first-child,
414 .draft > h3:first-child {
415 margin-top: 0;
416 }
417 @media (max-width: 960px) {
418 .draft > a:first-child + h1 {
419 margin-top: 20px;
420 }
421 }
422
423 .folded {
424 position: relative;
425 }
426 .folded .suggestion-content {
427 max-height: 180px;
428 overflow: hidden;
429 position: relative;
430 }
431 .folded .suggestion-content:before {
432 content: "";
433 width: 100%;
434 height: 25%;
435 position: absolute;
436 left: 0;
437 bottom: 0;
438 background: linear-gradient(rgba(0,0,0,0), #fff);
439 }
440 .suggestion-less,
441 .suggestion-more {
442 display: none;
443 }
444 .folded .suggestion-more,
445 .unfolded .suggestion-less {
446 display: inline-block;
447 }
448
449 .diff .diff_removed {
450 text-decoration: line-through;
451 background: #f00;
452 }
453
454 .diff .diff_added {
455 text-decoration: underline;
456 background: #0f0;
457 }
458
459 .material-icons {
460 vertical-align: middle;
461 }
462 .material-icons-small {
463 font-size: 18px;
464 }
465
466 a.mdl-layout-title {
467 color: #fff;
468 text-decoration: none;
469 }
470
471 .what-can-i-do-here .mdl-card__content {
472 font-size: 18px;
473 }
474
475 .what-can-i-do-here .mdl-card__content ul {
476 font-size: 1rem;
477 }
478
479 .what-can-i-do-here ul {
480 margin-top: 0.5em;
481 margin-bottom: 0;
482 padding-left: 1.5em
483 }
484
485
486
487 .lf-filter .mdl-button {
488 padding-right: 4px;
489 }
490
491 .phase-current {
492 font-family: "Roboto Bold";
493 }
494
495 .phase-info {
496 padding-left: 27px;
497 margin-bottom: 1ex;
498 }
499
500 .clickable {
501 cursor: pointer;
502 }
503
504 .slot_title {
505 margin-left: 16px;
506 margin-top: 16px;
507 font-size: 18px;
508 }
509
510 .slot_title > a,
511 .slot_title > span {
512 display: inline-block;
513 padding: 0 4px 0 0;
514
515 }
516
517 .slot_title a.home {
518 margin: 0;
519 }
520
521 .home i {
522 font-size: 32px;
523 }
524
525 /* fix missing contrast */
526 .mdl-list__item--three-line .mdl-list__item-text-body,
527 .mdl-card__supporting-text,
528 .mdl-card__subtitle-text {
529 color: rgba(0,0,0, 0.75);
530 }
531
532 .mdl-textfield__label {
533 color: rgba(0,0,0, 0.5);
534 }
535
536 .mdl-list__item--three-line .mdl-list__item-text-body {
537 height: auto;
538 padding-bottom: 10px;
539 }
540
541 select {
542 font-family: 'Roboto','Helvetica','Arial',sans-serif;
543 background-color: transparent;
544 padding: 5px 0;
545 border: none;
546 border-bottom: 1px solid rgba(0,0,0, 0.12);
547 font-size: 1rem;
548 }
549
550
551 .initiative_list .mdl-list__item {
552 display: block;
553 }
554 .initiative_list .mdl-list__item-avatar {
555 float: left;
556 margin-right: 8px;
557 }
558 .initiative_list .mdl-list__item-avatar i {
559 padding-left: 8px;
560 }
561 .initiative_list .mdl-list__item-avatar.positive {
562 background: #4caf50;
563 }
564 .initiative_list .mdl-list__item-avatar.positive i {
565 padding-top: 8px;
566 vertical-align: top;
567 }
568 .initiative_list .mdl-list__item-avatar.negative {
569 background: #f44336;
570 }
571 .initiative_list .mdl-list__item-avatar.negative i {
572 padding-top: 10px;
573 vertical-align: top;
574 }
575
576 .initiative_pie {
577 float: left;
578 margin-right: 15px;
579 margin-bottom: 15px;
580 }
581
582 .initiative .result {
583 font-family: "Roboto Bold";
584 }
585
586 .admitted_info, .not_admitted_info {
587 margin-left: 15px;
588 }
589
590 .admitted_info table th,
591 .not_admitted_info table th {
592 text-align: left;
593 padding-right: 10px;
594 }
595
596 .admitted_info table td,
597 .not_admitted_info table td {
598 text-align: right;
599 padding-right: 5px;
600 }
601
602 .admitted
603
604 .event_info i {
605 font-size: 18px;
606 color: #444;
607 margin-right: 4px;
608 }
609
610 .ui_list_row label.mdl-radio {
611 display: inline;
612 }
613
614 .member_image_photo {
615 margin-top: 2ex;
616 margin-bottom: 2ex;
617 }
618
619 .contextlinks {
620 color: #fff;
621 xfont-size: 14px;
622 xmargin-bottom: 5px;
623 }
624
625 /*************************************************************************
626 * Voting
627 */
628 .main .section #voting_form .sectionRow:last-child {
629 border-radius: 0;
630 margin-bottom: 0;
631 }
632 #voting {
633 margin-top: 3ex;
634 position: relative;
635 margin-bottom: 2ex;
636 }
637 #voting .approval,
638 #voting .abstention,
639 #voting .disapproval {
640 border: 1px #ccc solid;
641 margin-bottom: 3ex;
642 padding: 1ex;
643 padding-bottom: 1ex;
644 border-radius: 2px;
645 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);
646 }
647 #voting .movable {
648 cursor: pointer;
649 }
650 #voting .disapproval {
651 margin-bottom: 2ex;
652 }
653 #voting .approval {
654 background-color: #9f9;
655 }
656 #voting .approval .movable {
657 background-color: #dfd;
658 }
659 #voting .abstention {
660 background-color: #eee;
661 }
662 #voting .abstention .movable {
663 background-color: #fff;
664 }
665 #voting .disapproval {
666 background-color: #f88;
667 }
668 #voting .disapproval .movable {
669 background-color: #fbb;
670 }
671 #voting .movable {
672 position: relative;
673 border: 1px black solid;
674 margin-top: 1ex;
675 padding: 0;
676 border-radius: 2px;
677 min-height: 64px;
678 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);
679 }
680 #voting .initiative_name {
681 display: inline-block;
682 margin: 5px;
683 font-family: "Roboto Bold";
684 }
685
686 #voting .voting_form_active .movable {
687 cursor: pointer;
688 vertical-align: middle;
689 cursor: move;
690 }
691 #voting .voting_form_active .clickable {
692 cursor: auto;
693 }
694 #voting .voting_form_active a.clickable {
695 cursor: pointer;
696 }
697
698 div.form .ui_field_label {
699 text-transform: uppercase;
700 font-size: 80%;
701 }
702 div.form .member_photo .member_image.member_image_photo {
703 margin-top: 0;
704 }
705 </style>
706 <!-- WEBMCP SLOTNODIV meta_navigation_style -->
707
708 </head>
709 <body style="">
710 <!-- WEBMCP SLOTNODIV meta_navigation -->
711
712 <div class="mdl-layout mdl-js-layout mdl-shadow--2dp mdl-layout--fixed-header">
713 <!-- WEBMCP SLOTNODIV header_bar -->
714 <main class="mdl-layout__content">
715 <!-- WEBMCP SLOTNODIV notificationx -->
716 <!-- WEBMCP SLOT notice -->
717 <!-- WEBMCP SLOT warning -->
718 <!-- WEBMCP SLOT error -->
719 <!-- WEBMCP SLOT motd -->
720 <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1">
721 <div class="page-content">
722 <!-- WEBMCP SLOT title -->
723 <!-- WEBMCP SLOT filter -->
724 <!-- WEBMCP SLOTNODIV default -->
725 <!-- WEBMCP SLOTNODIV extra -->
726 <!-- WEBMCP SLOTNODIV sidebar -->
727 </div>
728 </section>
729 <br />
730 <br />
731 <br />
732 <br />
733 <footer class="mdl-mini-footer">
734 <div class="mdl-mini-footer__left-section">
735 <ul class="mdl-mini-footer__link-list">
736 <!-- WEBMCP SLOTNODIV footer -->
737 </ul>
738 </div>
739 </footer>
740 <br /><br />
741 <div id="trace">
742 <!-- WEBMCP SLOTNODIV trace_button -->
743 <div id="trace_content" style="display: none;">
744 <div id="system_error"><!-- WEBMCP SLOT system_error --></div>
745 <h1>System trace (for computer programmers purposes)</h1>
746 <br />
747 <!-- WEBMCP SLOT trace -->
748 <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';">
749 close
750 </div>
751 </div>
752 </div>
753 </main>
754 </div>
755
756 <div class="head_outer">
757 <div class="head">
758 <div class="nav">
759 <!--WEBMCP SLOTNODIV navigation -->
760 </div>
761
762 </div>
763 </div>
764
765 <!-- WEBMCP SLOTNODIV dialog -->
766
767 <!-- WEBMCP SLOT tabs -->
768
769 <script>
770 /*
771 $(".trace_view > .trace_list").hide();
772 $(".trace_head").click(function() {
773 var el = this.nextSibling
774 if (el) $(el).toggle();
775 });
776 */
777 </script>
778
779 <!-- WEBMCP SLOTNODIV script -->
780
781 </body>
782 </html>

Impressum / About Us