liquid_feedback_frontend
diff app/main/_layout/default.html @ 1309:32cc544d5a5b
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 diff
1.1 --- a/app/main/_layout/default.html Thu Jun 23 03:30:57 2016 +0200 1.2 +++ b/app/main/_layout/default.html Sun Jul 15 14:07:29 2018 +0200 1.3 @@ -1,276 +1,759 @@ 1.4 -<html> 1.5 -<head> 1.6 - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 1.7 - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> 1.8 - <title><!-- WEBMCP SLOTNODIV html_title --></title> 1.9 - <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/gregor.js/gregor.css" /> 1.10 - <link rel="stylesheet" type="text/css" href="<!-- WEBMCP SLOTNODIV stylesheet_url -->" /> 1.11 - <!-- WEBMCP SLOTNODIV html_head --> 1.12 - <script src="__BASEURL__/static/js/jquery-1.11.1.min.js"></script> 1.13 - <script type="text/javascript">jsFail = true;</script> 1.14 - <![if !IE]> 1.15 - <script type="text/javascript">jsFail = false;</script> 1.16 - <![endif]> 1.17 - <script type="text/javascript" src="__BASEURL__/static/js/jsprotect.js"></script> 1.18 - <script type="text/javascript" src="__BASEURL__/static/js/partialload.js"></script> 1.19 - <script type="text/javascript">var ui_tabs_active = {};</script> 1.20 -</head> 1.21 -<body style=""> 1.22 -<div class="head_outer"> 1.23 - <div class="head"> 1.24 - <div class="nav"> 1.25 - <!--WEBMCP SLOTNODIV navigation --> 1.26 - <!--WEBMCP SLOTNODIV navigation_right --> 1.27 - <!--WEBMCP SLOTNODIV notification --> 1.28 - </div> 1.29 - 1.30 - <a class="logo" href="__BASEURL__/"> 1.31 - <span class="liquid">Liquid</span><span class="feedback">Feedback</span> 1.32 - <span class="instanceName"><!-- WEBMCP SLOTNODIV instance_name --></span> 1.33 - </a> 1.34 - 1.35 - 1.36 - </div> 1.37 -</div> 1.38 - 1.39 -<div class="page"> 1.40 - <div class="layout_notice" id="layout_notice" onclick="document.getElementById('layout_notice').style.display='none';"> 1.41 - <!-- WEBMCP SLOT notice --> 1.42 - </div> 1.43 - 1.44 - <div class="layout_warning" id="layout_warning" onclick="document.getElementById('layout_warning').style.display='none';"> 1.45 - <!-- WEBMCP SLOT warning --> 1.46 - </div> 1.47 - 1.48 - <div class="layout_error" id="layout_error" onclick="document.getElementById('layout_error').style.display='none';"> 1.49 - <!-- WEBMCP SLOT error --> 1.50 - </div> 1.51 - 1.52 - <div class="layout_motd" id="layout_motd" onclick="document.getElementById('layout_motd').style.display='none';"> 1.53 - <!-- WEBMCP SLOT motd --> 1.54 - </div> 1.55 - 1.56 - <div class="title_outer"> 1.57 - <!-- WEBMCP SLOT title --> 1.58 - </div> 1.59 - 1.60 - <!-- WEBMCP SLOT tabs --> 1.61 - 1.62 - <!-- WEBMCP SLOTNODIV actions --> 1.63 - 1.64 - <div id="swiper_tabs" class="swiper_tabs" style="display: none;"> 1.65 -<!-- <div><a id="tab-0" href="#" onclick="slider.to(0); return false;"><img src="__BASEURL__/static/icons/16/chart_organisation.png" /></a></div>--> 1.66 - <div><a id="tab-0" href="#" onclick="slider.to(0); return false;"><img src="__BASEURL__/static/icons/16/text_list_bullets.png" width="32" height="32" /></a></div> 1.67 - <div><a id="tab-1" href="#" onclick="slider.to(1); return false;"><img src="__BASEURL__/static/icons/48/info.png" width="32" height="32" /></a></div> 1.68 - <div><a id="tab-2" href="#" onclick="slider.to(2); return false;"><img src="__BASEURL__/static/icons/16/group.png" width="32" height="32" /></a></div> 1.69 - </div> 1.70 - 1.71 - <div id="swiper_info"><!-- WEBMCP SLOTNODIV swiper_info --></div> 1.72 - <div id="swiper" class="swiper" style="position: absolute; width: 100%;"> 1.73 - <div id="swiper_wrap" class="swiper_wrap"> 1.74 - </div> 1.75 - </div> 1.76 - 1.77 - <div class="content"> 1.78 - <div class="sidebar"> 1.79 - <!-- WEBMCP SLOTNODIV sidebar --> 1.80 - </div> 1.81 - 1.82 - <div class="main_outer"> 1.83 - <!-- WEBMCP SLOTNODIV slideshow --> 1.84 - <div class="main"> 1.85 - <!-- WEBMCP SLOTNODIV default --> 1.86 - <!-- WEBMCP SLOTNODIV extra --> 1.87 - </div> 1.88 - </div> 1.89 - </div> 1.90 - <br style="clear: both;" /> 1.91 - <div class="footer"> 1.92 - <!-- WEBMCP SLOTNODIV footer --> 1.93 - </div> 1.94 -</div> 1.95 - 1.96 - <div id="trace"> 1.97 - <!-- WEBMCP SLOTNODIV trace_button --> 1.98 - <div id="trace_content" style="display: none;"> 1.99 - <tt id="system_error"><!-- WEBMCP SLOT system_error --></tt> 1.100 - <h1>System trace (for computer programmers purposes)</h1> 1.101 - <br /> 1.102 - <!-- WEBMCP SLOT trace --> 1.103 - <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';"> 1.104 - close 1.105 - </div> 1.106 - </div> 1.107 - </div> 1.108 - <script> 1.109 - $(".trace_view > .trace_list").hide(); 1.110 - $(".trace_head").click(function() { 1.111 - var el = this.nextSibling 1.112 - if (el) $(el).toggle(); 1.113 - }); 1.114 - </script> 1.115 - 1.116 - <!-- WEBMCP SLOTNODIV script --> 1.117 - 1.118 - <script> 1.119 - 1.120 - var slider; 1.121 - 1.122 - function initSlider () { 1.123 - 1.124 - var els = [ 1.125 - $( '.main, .extra' ), 1.126 - $( '.tab-notification, .tab-whatcanido' ), 1.127 - $( '.tab-members' ) 1.128 - ]; 1.129 - 1.130 - var sidebarFound = false; 1.131 - for ( i = 1; i < els.length; i++) { 1.132 - if (els[i].length > 0) sidebarFound = true; 1.133 - } 1.134 - 1.135 - if (sidebarFound) $("#swiper_tabs").show(); 1.136 - 1.137 - var elsCount = 3; 1.138 - 1.139 - var slidePos; 1.140 - 1.141 - function slideTo ( pos ) { 1.142 - if ( typeof ( slidePos ) != "undefined" ) { 1.143 - els[ slidePos ].hide(); 1.144 - $ ( "#tab-" + slidePos ).removeClass ( "active" ); 1.145 - } 1.146 - slidePos = pos; 1.147 - els[ slidePos ].show(); 1.148 - $ ( "#tab-" + slidePos ).addClass ( "active" ); 1.149 - if (pos == 1) { 1.150 - $("#swiper_info").hide(); 1.151 - } 1.152 - } 1.153 - 1.154 - function slideNext () { 1.155 - var pos = slidePos + 1; 1.156 - if ( pos > elsCount - 1 ) { 1.157 - pos = elsCount - 1; 1.158 - } else { 1.159 - $( "#swiper").css("left", "400px"); 1.160 - $( "#swiper").animate({ "left": "0px" }, 200); 1.161 - } 1.162 - slideTo ( pos ); 1.163 - } 1.164 - 1.165 - function slidePrev () { 1.166 - var pos = slidePos - 1; 1.167 - if ( pos < 0 ) { 1.168 - pos = 0; 1.169 - } else { 1.170 - $( "#swiper").css("left", "-400px"); 1.171 - $( "#swiper").animate({ "left": "0px" }, 200); 1.172 - } 1.173 - slideTo ( pos ); 1.174 - } 1.175 - 1.176 - function exit() { 1.177 - for ( i = 0; i < els.length; i++) { 1.178 - els[i].show(); 1.179 - } 1.180 - $( ".main_outer" ).append ( $( ".main" ).detach() ); 1.181 - $( ".extra_outer" ).append ( $( ".extra" ).detach() ); 1.182 - $( ".sidebar" ).append ( $(els[1]).detach() ); 1.183 - $( ".sidebar" ).append ( $(els[2]).detach() ); 1.184 - $( ".page" ).append ( $('.footer') ); 1.185 - $( "body" ).append ( $('#trace') ); 1.186 - 1.187 - } 1.188 - 1.189 - var touchStartX; 1.190 - var touchStartY; 1.191 - var isScrolling; 1.192 - 1.193 - function touchDown ( e ) { 1.194 - touchStartX = e.originalEvent.touches[0].pageX; 1.195 - touchStartY = e.originalEvent.touches[0].pageY; 1.196 - isScrolling = undefined; 1.197 - } 1.198 - 1.199 - function touchMove ( e ) { 1.200 - var diffX = touchStartX - e.originalEvent.changedTouches[0].pageX; 1.201 - var diffY = touchStartY - e.originalEvent.changedTouches[0].pageY; 1.202 - if ( typeof( isScrolling ) == 'undefined' ) { 1.203 - isScrolling = Math.abs ( diffY ) > Math.abs ( diffX ); 1.204 - } 1.205 - if ( ! isScrolling ) { 1.206 - $( "#swiper").css("left", -diffX + "px"); 1.207 - e.preventDefault(); 1.208 - } 1.209 - } 1.210 - 1.211 - function touchUp ( e ) { 1.212 - var diffX = touchStartX - e.originalEvent.changedTouches[0].pageX; 1.213 - var diffY = touchStartY - e.originalEvent.changedTouches[0].pageY; 1.214 - 1.215 - if ( isScrolling ) { 1.216 - // vertical scrolling 1.217 - return; 1.218 - } 1.219 - 1.220 - if ( Math.abs ( diffX ) < 100 ) { 1.221 - // go back not enough 1.222 - $( "#swiper").animate({ 1.223 - "left": "0px", 1.224 - }, 200); 1.225 - return; 1.226 - } 1.227 - var direction = diffX < 0 ? "right" : "left"; 1.228 - 1.229 - if ( direction == "left" ) { 1.230 - slideNext(); 1.231 - } else { 1.232 - slidePrev(); 1.233 - } 1.234 - } 1.235 - 1.236 - for ( i = 0; i < els.length; i++) { 1.237 - var el = els[i].detach(); 1.238 - el.hide(); 1.239 - $('#swiper_wrap').append ( el ) ; 1.240 - } 1.241 - 1.242 - $('#swiper_wrap').append ( $('.footer') ); 1.243 - $('#swiper_wrap').append ( $('#trace') ); 1.244 - slideTo ( 0 ); 1.245 - 1.246 - if ( 'ontouchstart' in document.documentElement ) { 1.247 - $( "body" ).on( "touchstart", touchDown ); 1.248 - $( "body" ).on( "touchmove", touchMove ); 1.249 - $( "body" ).on( "touchend", touchUp ); 1.250 - } 1.251 - 1.252 - return { 1.253 - to: slideTo, 1.254 - exit: exit 1.255 - } 1.256 - 1.257 - } 1.258 - 1.259 - function resizeHandler() { 1.260 - if ( $(window).width() < 768 ) { 1.261 - if ( typeof ( slider ) == "undefined" ) { 1.262 - slider = initSlider(); 1.263 - } 1.264 - } else { 1.265 - if ( typeof ( slider ) != "undefined" ) { 1.266 - slider.exit(); 1.267 - slider = undefined; 1.268 - } 1.269 - } 1.270 - 1.271 - } 1.272 - 1.273 - $( window ).resize( resizeHandler ); 1.274 - resizeHandler(); 1.275 - 1.276 - </script> 1.277 - 1.278 -</body> 1.279 -</html> 1.280 +<!DOCTYPE html> 1.281 +<html> 1.282 +<head> 1.283 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 1.284 + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> 1.285 + <title><!-- WEBMCP SLOTNODIV html_title --></title> 1.286 + <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/style/style.css" /> 1.287 + <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/gregor.js/gregor.css" /> 1.288 + <!-- WEBMCP SLOTNODIV html_head --> 1.289 + <script type="text/javascript">jsFail = true;</script> 1.290 + <![if !IE]> 1.291 + <script type="text/javascript">jsFail = false;</script> 1.292 + <![endif]--> 1.293 + <script type="text/javascript" src="__BASEURL__/static/mdl/material.js"></script> 1.294 + <script type="text/javascript" src="__BASEURL__/static/js/jsprotect.js"></script> 1.295 + <script type="text/javascript" src="__BASEURL__/static/js/partialload.js"></script> 1.296 + <style> 1.297 + @font-face { 1.298 + font-family: "Roboto"; 1.299 + src: url("__BASEURL__/static/font/Roboto-Regular.ttf"); 1.300 + } 1.301 + @font-face { 1.302 + font-family: "Roboto Bold"; 1.303 + src: url("__BASEURL__/static/font/Roboto-Bold.ttf"); 1.304 + } 1.305 + @font-face { 1.306 + font-family: "Roboto Slab"; 1.307 + src: url("__BASEURL__/static/font/RobotoSlab-Regular.ttf"); 1.308 + } 1.309 + @font-face { 1.310 + font-family: 'Material Icons'; 1.311 + font-style: normal; 1.312 + font-weight: 400; 1.313 + src: url("__BASEURL__/static/font/material.woff2") format('woff2'); 1.314 + } 1.315 + 1.316 + .material-icons { 1.317 + font-family: 'Material Icons'; 1.318 + font-weight: normal; 1.319 + font-style: normal; 1.320 + font-size: 24px; 1.321 + line-height: 1; 1.322 + letter-spacing: normal; 1.323 + text-transform: none; 1.324 + display: inline-block; 1.325 + white-space: nowrap; 1.326 + word-wrap: normal; 1.327 + direction: ltr; 1.328 + -webkit-font-feature-settings: 'liga'; 1.329 + -webkit-font-smoothing: antialiased; 1.330 + } 1.331 + .material-icons.icon-green { 1.332 + color: #4CAF50; 1.333 + } 1.334 + .material-icons.icon-yellow { 1.335 + color: #FFEB3B; 1.336 + } 1.337 + .material-icons.icon-red { 1.338 + color: #F44336; 1.339 + } 1.340 + .mapboxgl-popup-content { 1.341 + max-width: 200px; 1.342 + } 1.343 + body { 1.344 + font-family: "Roboto"; 1.345 + background: #fff; 1.346 + } 1.347 + strong { 1.348 + font-family: "Roboto Bold"; 1.349 + } 1.350 + .slot_error { 1.351 + margin: 20px 20px 0 20px; 1.352 + background: #fed; 1.353 + padding: 20px; 1.354 + } 1.355 + .slot_notice { 1.356 + margin: 20px 20px 0 20px; 1.357 + background: #efd; 1.358 + padding: 20px; 1.359 + } 1.360 + h1 { 1.361 + font-size: 24px; 1.362 + margin-bottom: 0px; 1.363 + } 1.364 + 1.365 + .mdl-layout__container { 1.366 + max-width: 1600px; 1.367 + height: auto; 1.368 + background: #f7f7f7; 1.369 + } 1.370 + .mdl-layout__header-row { 1.371 + padding-left: 20px !important; 1.372 + padding-right: 10px !important; 1.373 + } 1.374 + .mdl-layout__content { 1.375 + flex-shrink: 0; 1.376 + width: 100%; 1.377 + } 1.378 + #lf-member-menu { 1.379 + cursor: pointer; 1.380 + } 1.381 + .notifications { 1.382 + display: block; 1.383 + text-align: center; 1.384 + } 1.385 + .page-content { 1.386 + xdisplay: flex; 1.387 + width: 100%; 1.388 + } 1.389 + .map, .ui_field_location { 1.390 + border: none; 1.391 + width: 100%; 1.392 + height: auto; 1.393 + max-height: 80vh; 1.394 + position: relative; 1.395 + border-radius: 2px; 1.396 + } 1.397 + .map:before { 1.398 + content: ""; 1.399 + display: block; 1.400 + padding-top: 100%; 1.401 + } 1.402 + .map iframe { 1.403 + position: absolute; 1.404 + top: 0; 1.405 + left: 0; 1.406 + right: 0; 1.407 + bottom: 0; 1.408 + height: 100%; 1.409 + } 1.410 + .axto-logo { 1.411 + width: 100%; 1.412 + } 1.413 + .mdl-card__title-text a.issue { 1.414 + font-size: 18px; 1.415 + line-height: 20px; 1.416 + } 1.417 + .mdl-list__item .initiative_name { 1.418 + font-size: 18px; 1.419 + line-height: normal; 1.420 + } 1.421 + .initiatives.mdl-list { 1.422 + margin-top: 10px; 1.423 + margin-bottom: 0px; 1.424 + padding-bottom: 0px; 1.425 + } 1.426 + .initiatives .mdl-list__item--three-line { 1.427 + min-height: 0; 1.428 + padding-top: 0; 1.429 + padding-bottom: 0; 1.430 + } 1.431 + .mdl-data-table__fullwidth { 1.432 + width: 100%; 1.433 + } 1.434 + .mdl-textfield__fullwidth { 1.435 + width: 100%; 1.436 + } 1.437 + 1.438 + .mdl-card { 1.439 + min-height: 20px; 1.440 + overflow: visible; 1.441 + display: block; 1.442 + margin-bottom: 16px; 1.443 + } 1.444 + 1.445 + .mdl-card__fullwidth { 1.446 + width: 100%; 1.447 + } 1.448 + .mdl-card__title { 1.449 + display: block; 1.450 + } 1.451 + .mdl-card__title > h2, 1.452 + .mdl-card__title > a { 1.453 + display: inline-block; 1.454 + vertical-align: top; 1.455 + } 1.456 + .mdl-card__subtitle-text { 1.457 + display: block; 1.458 + } 1.459 + .mdl-card__content { 1.460 + font-size: 1rem; 1.461 + padding: 16px; 1.462 + } 1.463 + .mdl-card__content.mdl-card--no-bottom-pad { 1.464 + padding-bottom: 0; 1.465 + } 1.466 + .mdl-card__actions.mdl-card--action-border, 1.467 + .mdl-card__content.mdl-card--border { 1.468 + border-bottom: 1px solid rgba(0, 0, 0, 0.1); 1.469 + } 1.470 + .mdl-card__actions.mdl-card--notice, 1.471 + .mdl-card__content.mdl-card--notice { 1.472 + background: #fff9c4; 1.473 + } 1.474 + .mdl-card--has-fab { 1.475 + position: relative; 1.476 + } 1.477 + .mdl-special-card { 1.478 + background: #fff; 1.479 + margin-bottom: 16px; 1.480 + border-radius: 2px; 1.481 + } 1.482 + 1.483 + .mdl-navigation__head { 1.484 + font-family: "Roboto Bold"; 1.485 + } 1.486 + .mdl-list__item--three-line { 1.487 + height: auto; 1.488 + min-height: 88px; 1.489 + } 1.490 + .mdl-list__item--three-line .mdl-list__item-primary-content { 1.491 + height: auto; 1.492 + min-height: 52px; 1.493 + } 1.494 + .mdl-chip.clickable { 1.495 + cursor: pointer; 1.496 + } 1.497 + .mdl-chip.unit, 1.498 + .mdl-chip.area, 1.499 + .mdl-chip.issue { 1.500 + padding: 1px 6px; 1.501 + line-height: 24px; 1.502 + height: 24px; 1.503 + vertical-align: bottom; 1.504 + margin-right: 4px; 1.505 + margin-bottom: 8px; 1.506 + } 1.507 + .mdl-chip.unit i, 1.508 + .mdl-chip.area i, 1.509 + .mdl-chip.issue i { 1.510 + font-size: 18px; 1.511 + color: #444; 1.512 + } 1.513 + .mdl-chip.unit { 1.514 + xbackground: rgba(76,175,80,0.2); 1.515 + } 1.516 + .mdl-chip.area { 1.517 + xbackground: rgba(76,175,80,0.2); 1.518 + } 1.519 + .mdl-chip.issue { 1.520 + xbackground: rgba(76,175,80,0.2); 1.521 + } 1.522 + .mdl-menu { 1.523 + z-index: -9999; 1.524 + } 1.525 + .mdl-menu__item { 1.526 + padding: 0; 1.527 + } 1.528 + .mdl-menu__link { 1.529 + display: block; 1.530 + padding: 0 16px; 1.531 + min-height: 48px; 1.532 + text-decoration: none; 1.533 + color: #444; 1.534 + } 1.535 + .mdl-tabs__tab-bar { 1.536 + justify-content: flex-start; 1.537 + } 1.538 + .mdl-tabs__tab.is-active { 1.539 + color: rgba(0,0,0, 0.87); 1.540 + } 1.541 + .mdl-data-table--condensed tbody tr { 1.542 + height: 24px; 1.543 + } 1.544 + .mdl-data-table--condensed td { 1.545 + padding-top: 0; 1.546 + padding-bottom: 0; 1.547 + height: 24px; 1.548 + } 1.549 + .mdl-button--underlined { 1.550 + text-decoration: underline; 1.551 + } 1.552 + .right { 1.553 + text-align: right; 1.554 + } 1.555 + .mdl-tabs__left { 1.556 + display: inline-block; 1.557 + width: auto; 1.558 + } 1.559 + .float-left { 1.560 + float: left; 1.561 + } 1.562 + .float-right { 1.563 + float: right; 1.564 + } 1.565 + .clear-left { 1.566 + clear: left; 1.567 + } 1.568 + .clear-right { 1.569 + clear: right; 1.570 + } 1.571 + .float-right .mdl-menu__container { 1.572 + margin-right: 20px; 1.573 + } 1.574 + .inline { 1.575 + display: inline-block; 1.576 + } 1.577 + .warning { 1.578 + background-color: #fff9c4; 1.579 + color: #212121; 1.580 + padding: 16px; 1.581 + border-radius: 2px; 1.582 + } 1.583 + .toolbar a { 1.584 + color: #000; 1.585 + display: inline-block; 1.586 + border: 1px solid #ccc; 1.587 + position: relative; 1.588 + } 1.589 + 1.590 + .toolbar a.wysihtml-command-active { 1.591 + background: #000; 1.592 + color: #fff; 1.593 + 1.594 + } 1.595 + 1.596 + .toolbar a span.crossed { 1.597 + position: absolute; 1.598 + top: 0; 1.599 + left: 8px; 1.600 + font-weight: bold; 1.601 + font-size: 200%; 1.602 + line-height: 80%; 1.603 + } 1.604 + .toolbar a span.head_level { 1.605 + position: absolute; 1.606 + right: 0; 1.607 + bottom: 0; 1.608 + } 1.609 + 1.610 + textarea { 1.611 + font-family: sans-serif; 1.612 + font-weight: normal !important; 1.613 + width: 100%; 1.614 + height: 40ex; 1.615 + } 1.616 + .bargraph { 1.617 + display: inline-block; 1.618 + vertical-align: top; 1.619 + height: 9px; 1.620 + } 1.621 + 1.622 + .bargraph div { 1.623 + margin: 0; 1.624 + padding: 0; 1.625 + display: inline-block; 1.626 + height: 9px; 1.627 + } 1.628 + .draft { 1.629 + font-family: 'Roboto Slab'; 1.630 + font-weight: 300; 1.631 + overflow: auto; 1.632 + clear: left; 1.633 + } 1.634 + .draft img { 1.635 + float: right; 1.636 + margin-left: 1em; 1.637 + } 1.638 + 1.639 + .draft .landscape img { 1.640 + width: 50%; 1.641 + } 1.642 + 1.643 + .draft .portrait img { 1.644 + width: 33.333%; 1.645 + } 1.646 + 1.647 + @media (max-width: 960px) { 1.648 + .draft img { 1.649 + float: none; 1.650 + margin-left: 0; 1.651 + } 1.652 + .draft a.portrait, 1.653 + .draft a.landscape { 1.654 + width: 100%; 1.655 + display: block; 1.656 + text-align: center; 1.657 + margin-bottom: 2ex; 1.658 + } 1.659 + .draft .landscape img { 1.660 + width: 100%; 1.661 + } 1.662 + .draft .portrait img { 1.663 + width: 66.666%; 1.664 + } 1.665 + } 1.666 + 1.667 + .draft h1 { 1.668 + font-size: 150%; 1.669 + margin-bottom: 0; 1.670 + } 1.671 + .draft h2 { 1.672 + font-size: 133%; 1.673 + margin-bottom: 0; 1.674 + } 1.675 + .draft h3 { 1.676 + font-size: 125%; 1.677 + margin-bottom: 0; 1.678 + } 1.679 + .draft > a:first-child + h1, 1.680 + .draft > h1:first-child, 1.681 + .draft > h2:first-child, 1.682 + .draft > h3:first-child { 1.683 + margin-top: 0; 1.684 + } 1.685 + @media (max-width: 960px) { 1.686 + .draft > a:first-child + h1 { 1.687 + margin-top: 20px; 1.688 + } 1.689 + } 1.690 + 1.691 + .folded { 1.692 + position: relative; 1.693 + } 1.694 + .folded .suggestion-content { 1.695 + max-height: 180px; 1.696 + overflow: hidden; 1.697 + position: relative; 1.698 + } 1.699 + .folded .suggestion-content:before { 1.700 + content: ""; 1.701 + width: 100%; 1.702 + height: 25%; 1.703 + position: absolute; 1.704 + left: 0; 1.705 + bottom: 0; 1.706 + background: linear-gradient(rgba(0,0,0,0), #fff); 1.707 + } 1.708 + .suggestion-less, 1.709 + .suggestion-more { 1.710 + display: none; 1.711 + } 1.712 + .folded .suggestion-more, 1.713 + .unfolded .suggestion-less { 1.714 + display: inline-block; 1.715 + } 1.716 + 1.717 + .diff .diff_removed { 1.718 + text-decoration: line-through; 1.719 + background: #f00; 1.720 + } 1.721 + 1.722 + .diff .diff_added { 1.723 + text-decoration: underline; 1.724 + background: #0f0; 1.725 + } 1.726 + 1.727 + .material-icons { 1.728 + vertical-align: middle; 1.729 + } 1.730 + .material-icons-small { 1.731 + font-size: 18px; 1.732 + } 1.733 + 1.734 + a.mdl-layout-title { 1.735 + color: #fff; 1.736 + text-decoration: none; 1.737 + } 1.738 + 1.739 + .what-can-i-do-here .mdl-card__content { 1.740 + font-size: 18px; 1.741 + } 1.742 + 1.743 + .what-can-i-do-here .mdl-card__content ul { 1.744 + font-size: 1rem; 1.745 + } 1.746 + 1.747 + .what-can-i-do-here ul { 1.748 + margin-top: 0.5em; 1.749 + margin-bottom: 0; 1.750 + padding-left: 1.5em 1.751 + } 1.752 + 1.753 + 1.754 + 1.755 + .lf-filter .mdl-button { 1.756 + padding-right: 4px; 1.757 + } 1.758 + 1.759 + .phase-current { 1.760 + font-family: "Roboto Bold"; 1.761 + } 1.762 + 1.763 + .phase-info { 1.764 + padding-left: 27px; 1.765 + margin-bottom: 1ex; 1.766 + } 1.767 + 1.768 + .clickable { 1.769 + cursor: pointer; 1.770 + } 1.771 + 1.772 + .slot_title { 1.773 + margin-left: 16px; 1.774 + margin-top: 16px; 1.775 + font-size: 18px; 1.776 + } 1.777 + 1.778 + .slot_title > a, 1.779 + .slot_title > span { 1.780 + display: inline-block; 1.781 + padding: 0 4px 0 0; 1.782 + 1.783 + } 1.784 + 1.785 + .slot_title a.home { 1.786 + margin: 0; 1.787 + } 1.788 + 1.789 + .home i { 1.790 + font-size: 32px; 1.791 + } 1.792 + 1.793 + /* fix missing contrast */ 1.794 + .mdl-list__item--three-line .mdl-list__item-text-body, 1.795 + .mdl-card__supporting-text, 1.796 + .mdl-card__subtitle-text { 1.797 + color: rgba(0,0,0, 0.75); 1.798 + } 1.799 + 1.800 + .mdl-textfield__label { 1.801 + color: rgba(0,0,0, 0.5); 1.802 + } 1.803 + 1.804 + .mdl-list__item--three-line .mdl-list__item-text-body { 1.805 + height: auto; 1.806 + padding-bottom: 10px; 1.807 + } 1.808 + 1.809 + select { 1.810 + font-family: 'Roboto','Helvetica','Arial',sans-serif; 1.811 + background-color: transparent; 1.812 + padding: 5px 0; 1.813 + border: none; 1.814 + border-bottom: 1px solid rgba(0,0,0, 0.12); 1.815 + font-size: 1rem; 1.816 + } 1.817 + 1.818 + 1.819 + .initiative_list .mdl-list__item { 1.820 + display: block; 1.821 + } 1.822 + .initiative_list .mdl-list__item-avatar { 1.823 + float: left; 1.824 + margin-right: 8px; 1.825 + } 1.826 + .initiative_list .mdl-list__item-avatar i { 1.827 + padding-left: 8px; 1.828 + } 1.829 + .initiative_list .mdl-list__item-avatar.positive { 1.830 + background: #4caf50; 1.831 + } 1.832 + .initiative_list .mdl-list__item-avatar.positive i { 1.833 + padding-top: 8px; 1.834 + vertical-align: top; 1.835 + } 1.836 + .initiative_list .mdl-list__item-avatar.negative { 1.837 + background: #f44336; 1.838 + } 1.839 + .initiative_list .mdl-list__item-avatar.negative i { 1.840 + padding-top: 10px; 1.841 + vertical-align: top; 1.842 + } 1.843 + 1.844 + .initiative_pie { 1.845 + float: left; 1.846 + margin-right: 15px; 1.847 + margin-bottom: 15px; 1.848 + } 1.849 + 1.850 + .initiative .result { 1.851 + font-family: "Roboto Bold"; 1.852 + } 1.853 + 1.854 + .admitted_info, .not_admitted_info { 1.855 + margin-left: 15px; 1.856 + } 1.857 + 1.858 + .admitted_info table th, 1.859 + .not_admitted_info table th { 1.860 + text-align: left; 1.861 + padding-right: 10px; 1.862 + } 1.863 + 1.864 + .admitted_info table td, 1.865 + .not_admitted_info table td { 1.866 + text-align: right; 1.867 + padding-right: 5px; 1.868 + } 1.869 + 1.870 + .admitted 1.871 + 1.872 + .event_info i { 1.873 + font-size: 18px; 1.874 + color: #444; 1.875 + margin-right: 4px; 1.876 + } 1.877 + 1.878 + .ui_list_row label.mdl-radio { 1.879 + display: inline; 1.880 + } 1.881 + 1.882 + .member_image_photo { 1.883 + margin-top: 2ex; 1.884 + margin-bottom: 2ex; 1.885 + } 1.886 + 1.887 + 1.888 +/************************************************************************* 1.889 + * Voting 1.890 + */ 1.891 +.main .section #voting_form .sectionRow:last-child { 1.892 + border-radius: 0; 1.893 + margin-bottom: 0; 1.894 +} 1.895 +#voting { 1.896 + margin-top: 3ex; 1.897 + position: relative; 1.898 + margin-bottom: 2ex; 1.899 +} 1.900 +#voting .approval, 1.901 +#voting .abstention, 1.902 +#voting .disapproval { 1.903 + border: 1px #ccc solid; 1.904 + margin-bottom: 3ex; 1.905 + padding: 1ex; 1.906 + padding-bottom: 1ex; 1.907 + border-radius: 2px; 1.908 + 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); 1.909 +} 1.910 +#voting .movable { 1.911 + cursor: pointer; 1.912 +} 1.913 +#voting .disapproval { 1.914 + margin-bottom: 2ex; 1.915 +} 1.916 +#voting .approval { 1.917 + background-color: #9f9; 1.918 +} 1.919 +#voting .approval .movable { 1.920 + background-color: #dfd; 1.921 +} 1.922 +#voting .abstention { 1.923 + background-color: #eee; 1.924 +} 1.925 +#voting .abstention .movable { 1.926 + background-color: #fff; 1.927 +} 1.928 +#voting .disapproval { 1.929 + background-color: #f88; 1.930 +} 1.931 +#voting .disapproval .movable { 1.932 + background-color: #fbb; 1.933 +} 1.934 +#voting .movable { 1.935 + position: relative; 1.936 + border: 1px black solid; 1.937 + margin-top: 1ex; 1.938 + padding: 0; 1.939 + border-radius: 2px; 1.940 + min-height: 64px; 1.941 + 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); 1.942 +} 1.943 +#voting .initiative_name { 1.944 + display: inline-block; 1.945 + margin: 5px; 1.946 + font-family: "Roboto Bold"; 1.947 +} 1.948 + 1.949 +#voting .voting_form_active .movable { 1.950 + cursor: pointer; 1.951 + vertical-align: middle; 1.952 + cursor: move; 1.953 +} 1.954 +#voting .voting_form_active .clickable { 1.955 + cursor: auto; 1.956 +} 1.957 +#voting .voting_form_active a.clickable { 1.958 + cursor: pointer; 1.959 +} 1.960 + 1.961 + </style> 1.962 +<!-- WEBMCP SLOTNODIV meta_navigation_style --> 1.963 + 1.964 +</head> 1.965 +<body style=""> 1.966 +<!-- WEBMCP SLOTNODIV meta_navigation --> 1.967 + 1.968 +<div class="mdl-layout mdl-js-layout mdl-shadow--2dp mdl-layout--fixed-header"> 1.969 + <!-- WEBMCP SLOTNODIV header_bar --> 1.970 + <main class="mdl-layout__content"> 1.971 + <!-- WEBMCP SLOTNODIV notificationx --> 1.972 + <!-- WEBMCP SLOT notice --> 1.973 + <!-- WEBMCP SLOT warning --> 1.974 + <!-- WEBMCP SLOT error --> 1.975 + <!-- WEBMCP SLOT motd --> 1.976 + <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1"> 1.977 + <div class="page-content"> 1.978 + <!-- WEBMCP SLOT title --> 1.979 + <!-- WEBMCP SLOT filter --> 1.980 + <!-- WEBMCP SLOTNODIV default --> 1.981 + <!-- WEBMCP SLOTNODIV extra --> 1.982 + <!-- WEBMCP SLOTNODIV sidebar --> 1.983 + </div> 1.984 + </section> 1.985 + <br /> 1.986 + <br /> 1.987 + <br /> 1.988 + <br /> 1.989 + <footer class="mdl-mini-footer"> 1.990 + <div class="mdl-mini-footer__left-section"> 1.991 + <ul class="mdl-mini-footer__link-list"> 1.992 + <!-- WEBMCP SLOTNODIV footer --> 1.993 + </ul> 1.994 + </div> 1.995 + </footer> 1.996 + <br /><br /> 1.997 + <div id="trace"> 1.998 + <!-- WEBMCP SLOTNODIV trace_button --> 1.999 + <div id="trace_content" style="display: none;"> 1.1000 + <div id="system_error"><!-- WEBMCP SLOT system_error --></div> 1.1001 + <h1>System trace (for computer programmers purposes)</h1> 1.1002 + <br /> 1.1003 + <!-- WEBMCP SLOT trace --> 1.1004 + <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';"> 1.1005 + close 1.1006 + </div> 1.1007 + </div> 1.1008 + </div> 1.1009 + </main> 1.1010 +</div> 1.1011 + 1.1012 +<div class="head_outer"> 1.1013 + <div class="head"> 1.1014 + <div class="nav"> 1.1015 + <!--WEBMCP SLOTNODIV navigation --> 1.1016 + </div> 1.1017 + 1.1018 + </div> 1.1019 +</div> 1.1020 + 1.1021 +<!-- WEBMCP SLOTNODIV dialog --> 1.1022 + 1.1023 +<!-- WEBMCP SLOT tabs --> 1.1024 + 1.1025 +<script> 1.1026 +/* 1.1027 + $(".trace_view > .trace_list").hide(); 1.1028 + $(".trace_head").click(function() { 1.1029 + var el = this.nextSibling 1.1030 + if (el) $(el).toggle(); 1.1031 + }); 1.1032 + */ 1.1033 +</script> 1.1034 + 1.1035 +<!-- WEBMCP SLOTNODIV script --> 1.1036 + 1.1037 +</body> 1.1038 +</html>