liquid_feedback_frontend
diff app/main/_layout/default.html @ 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 | 9f55297a1a6a |
children | f84824aa529b |
line diff
1.1 --- a/app/main/_layout/default.html Mon Feb 01 20:56:14 2021 +0100 1.2 +++ b/app/main/_layout/default.html Mon Feb 01 20:59:35 2021 +0100 1.3 @@ -5,6 +5,7 @@ 1.4 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> 1.5 <title><!-- WEBMCP SLOTNODIV html_title --></title> 1.6 <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/style/style.css" /> 1.7 + <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/lf4.css" /> 1.8 <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/gregor.js/gregor.css" /> 1.9 <!-- WEBMCP SLOTNODIV html_head --> 1.10 <script type="text/javascript">jsFail = true;</script> 1.11 @@ -15,739 +16,6 @@ 1.12 <script type="text/javascript" src="__BASEURL__/static/js/jsprotect.js"></script> 1.13 <script type="text/javascript" src="__BASEURL__/static/js/partialload.js"></script> 1.14 <style> 1.15 - @font-face { 1.16 - font-family: "Roboto"; 1.17 - src: url("__BASEURL__/static/font/Roboto-Regular.ttf"); 1.18 - } 1.19 - @font-face { 1.20 - font-family: "Roboto Bold"; 1.21 - src: url("__BASEURL__/static/font/Roboto-Bold.ttf"); 1.22 - } 1.23 - @font-face { 1.24 - font-family: "Roboto Slab"; 1.25 - src: url("__BASEURL__/static/font/RobotoSlab-Regular.ttf"); 1.26 - } 1.27 - @font-face { 1.28 - font-family: 'Material Icons'; 1.29 - font-style: normal; 1.30 - font-weight: 400; 1.31 - src: url("__BASEURL__/static/font/material.woff2") format('woff2'); 1.32 - } 1.33 - 1.34 - .material-icons { 1.35 - font-family: 'Material Icons'; 1.36 - font-weight: normal; 1.37 - font-style: normal; 1.38 - font-size: 24px; 1.39 - line-height: 1; 1.40 - letter-spacing: normal; 1.41 - text-transform: none; 1.42 - display: inline-block; 1.43 - white-space: nowrap; 1.44 - word-wrap: normal; 1.45 - direction: ltr; 1.46 - -webkit-font-feature-settings: 'liga'; 1.47 - -webkit-font-smoothing: antialiased; 1.48 - } 1.49 - .material-icons.icon-green { 1.50 - color: #4CAF50; 1.51 - } 1.52 - .material-icons.icon-yellow { 1.53 - color: #FFEB3B; 1.54 - } 1.55 - .material-icons.icon-red { 1.56 - color: #F44336; 1.57 - } 1.58 - .mapboxgl-popup-content { 1.59 - max-width: 200px; 1.60 - } 1.61 - body { 1.62 - font-family: "Roboto"; 1.63 - background: #fff; 1.64 - } 1.65 - strong { 1.66 - font-family: "Roboto Bold"; 1.67 - } 1.68 - .slot_error { 1.69 - margin: 20px 20px 0 20px; 1.70 - background: #fed; 1.71 - padding: 20px; 1.72 - } 1.73 - .slot_notice { 1.74 - margin: 20px 20px 0 20px; 1.75 - background: #efd; 1.76 - padding: 20px; 1.77 - } 1.78 - h1 { 1.79 - font-size: 24px; 1.80 - margin-bottom: 0px; 1.81 - } 1.82 - 1.83 - .mdl-layout__container { 1.84 - max-width: 1600px; 1.85 - height: auto; 1.86 - background: #f7f7f7; 1.87 - } 1.88 - .mdl-layout__header-row { 1.89 - padding-left: 20px !important; 1.90 - padding-right: 10px !important; 1.91 - } 1.92 - .mdl-layout__content { 1.93 - flex-shrink: 0; 1.94 - width: 100%; 1.95 - } 1.96 - #lf-member-menu { 1.97 - cursor: pointer; 1.98 - } 1.99 - .notifications { 1.100 - display: block; 1.101 - text-align: center; 1.102 - } 1.103 - .page-content { 1.104 - xdisplay: flex; 1.105 - width: 100%; 1.106 - } 1.107 - .map, .ui_field_location { 1.108 - border: none; 1.109 - width: 100%; 1.110 - height: auto; 1.111 - max-height: 80vh; 1.112 - position: relative; 1.113 - border-radius: 2px; 1.114 - } 1.115 - .map:before { 1.116 - content: ""; 1.117 - display: block; 1.118 - padding-top: 100%; 1.119 - } 1.120 - .map iframe { 1.121 - position: absolute; 1.122 - top: 0; 1.123 - left: 0; 1.124 - right: 0; 1.125 - bottom: 0; 1.126 - height: 100%; 1.127 - } 1.128 - .axto-logo { 1.129 - width: 100%; 1.130 - } 1.131 - .mdl-card__title-text a.issue { 1.132 - font-size: 18px; 1.133 - line-height: 20px; 1.134 - } 1.135 - .mdl-list__item .initiative_name { 1.136 - font-size: 18px; 1.137 - line-height: normal; 1.138 - } 1.139 - .initiatives.mdl-list { 1.140 - margin-top: 5px; 1.141 - margin-bottom: 5px; 1.142 - padding-bottom: 0px; 1.143 - } 1.144 - .initiatives .mdl-list__item--three-line { 1.145 - min-height: 0; 1.146 - padding-top: 0; 1.147 - padding-bottom: 0; 1.148 - } 1.149 - .mdl-data-table__fullwidth { 1.150 - width: 100%; 1.151 - } 1.152 - .mdl-textfield__fullwidth { 1.153 - width: 100%; 1.154 - } 1.155 - 1.156 - .mdl-card { 1.157 - min-height: 20px; 1.158 - overflow: visible; 1.159 - display: block; 1.160 - margin-bottom: 16px; 1.161 - border-radius: 5px; 1.162 - } 1.163 - 1.164 - .mdl-card__title { 1.165 - border-radius: 5px 5px 0 0; 1.166 - } 1.167 - 1.168 - .mdl-card__fullwidth { 1.169 - width: 100%; 1.170 - } 1.171 - .mdl-card__title { 1.172 - display: block; 1.173 - } 1.174 - .mdl-card__title > h2, 1.175 - .mdl-card__title > a { 1.176 - display: inline-block; 1.177 - vertical-align: top; 1.178 - } 1.179 - .mdl-card__subtitle-text { 1.180 - display: block; 1.181 - } 1.182 - .mdl-card__content { 1.183 - font-size: 1rem; 1.184 - padding: 16px; 1.185 - } 1.186 - .mdl-card__content.mdl-card--no-bottom-pad { 1.187 - padding-bottom: 0; 1.188 - } 1.189 - .mdl-card__actions.mdl-card--action-border, 1.190 - .mdl-card__content.mdl-card--border { 1.191 - border-bottom: 1px solid rgba(0, 0, 0, 0.1); 1.192 - } 1.193 - .mdl-card__actions.mdl-card--notice, 1.194 - .mdl-card__content.mdl-card--notice { 1.195 - background: #fff9c4; 1.196 - } 1.197 - .mdl-card--has-fab { 1.198 - position: relative; 1.199 - } 1.200 - .mdl-special-card { 1.201 - background: #fff; 1.202 - margin-bottom: 16px; 1.203 - border-radius: 5px; 1.204 - } 1.205 - 1.206 - .mdl-navigation__head { 1.207 - font-family: "Roboto Bold"; 1.208 - } 1.209 - .mdl-list__item--three-line { 1.210 - height: auto; 1.211 - min-height: 88px; 1.212 - } 1.213 - .mdl-list__item--three-line .mdl-list__item-primary-content { 1.214 - height: auto; 1.215 - min-height: 52px; 1.216 - } 1.217 - .mdl-chip { 1.218 - vertical-align: middle; 1.219 - } 1.220 - .mdl-chip.clickable { 1.221 - cursor: pointer; 1.222 - } 1.223 - .mdl-menu { 1.224 - z-index: -9999; 1.225 - } 1.226 - .mdl-card { 1.227 - z-index: auto !important; 1.228 - } 1.229 - .mdl-menu__item { 1.230 - padding: 0; 1.231 - } 1.232 - .mdl-menu__link { 1.233 - display: block; 1.234 - padding: 0 16px; 1.235 - min-height: 48px; 1.236 - text-decoration: none; 1.237 - color: #444; 1.238 - } 1.239 - .mdl-tabs__tab-bar { 1.240 - justify-content: flex-start; 1.241 - } 1.242 - .mdl-tabs__tab.is-active { 1.243 - color: rgba(0,0,0, 0.87); 1.244 - } 1.245 - .mdl-data-table--condensed tbody tr { 1.246 - height: 24px; 1.247 - } 1.248 - .mdl-data-table--condensed td { 1.249 - padding-top: 0; 1.250 - padding-bottom: 0; 1.251 - height: 24px; 1.252 - } 1.253 - .mdl-button--underlined { 1.254 - text-decoration: underline; 1.255 - } 1.256 - .right { 1.257 - text-align: right; 1.258 - } 1.259 - .mdl-tabs__left { 1.260 - display: inline-block; 1.261 - width: auto; 1.262 - } 1.263 - .float-left { 1.264 - float: left; 1.265 - } 1.266 - .float-right { 1.267 - float: right; 1.268 - } 1.269 - .clear-left { 1.270 - clear: left; 1.271 - } 1.272 - .clear-right { 1.273 - clear: right; 1.274 - } 1.275 - .float-right .mdl-menu__container { 1.276 - margin-right: 20px; 1.277 - } 1.278 - .inline { 1.279 - display: inline-block; 1.280 - } 1.281 - .warning { 1.282 - background-color: #fff9c4; 1.283 - color: #212121; 1.284 - padding: 16px; 1.285 - border-radius: 2px; 1.286 - } 1.287 - .toolbar a { 1.288 - color: #000; 1.289 - display: inline-block; 1.290 - border: 1px solid #ccc; 1.291 - position: relative; 1.292 - } 1.293 - 1.294 - .toolbar a.wysihtml-command-active { 1.295 - background: #000; 1.296 - color: #fff; 1.297 - 1.298 - } 1.299 - 1.300 - .toolbar a span.crossed { 1.301 - position: absolute; 1.302 - top: 0; 1.303 - left: 8px; 1.304 - font-weight: bold; 1.305 - font-size: 200%; 1.306 - line-height: 80%; 1.307 - } 1.308 - .toolbar a span.head_level { 1.309 - position: absolute; 1.310 - right: 0; 1.311 - bottom: 0; 1.312 - } 1.313 - 1.314 - textarea { 1.315 - font-family: sans-serif; 1.316 - font-weight: normal !important; 1.317 - width: 100%; 1.318 - height: 40ex; 1.319 - } 1.320 - .bargraph { 1.321 - display: inline-block; 1.322 - vertical-align: top; 1.323 - height: 9px; 1.324 - } 1.325 - 1.326 - .bargraph div { 1.327 - margin: 0; 1.328 - padding: 0; 1.329 - display: inline-block; 1.330 - height: 9px; 1.331 - } 1.332 - .draft { 1.333 - font-family: 'Roboto Slab'; 1.334 - font-weight: 300; 1.335 - overflow: auto; 1.336 - clear: left; 1.337 - } 1.338 - .draft img { 1.339 - float: right; 1.340 - margin-left: 1em; 1.341 - } 1.342 - 1.343 - .draft .landscape img { 1.344 - width: 50%; 1.345 - } 1.346 - 1.347 - .draft .portrait img { 1.348 - width: 33.333%; 1.349 - } 1.350 - .member_weight { 1.351 - background: #070; 1.352 - color: #fff; 1.353 - border-radius: 8px; 1.354 - padding: 0 3px; 1.355 - } 1.356 - .card-issue { 1.357 - background: rgb(76,175,80); 1.358 - } 1.359 - .card-issue a { 1.360 - color: #fff; 1.361 - } 1.362 - @media (max-width: 960px) { 1.363 - .draft img { 1.364 - float: none; 1.365 - margin-left: 0; 1.366 - } 1.367 - .draft a.portrait, 1.368 - .draft a.landscape { 1.369 - width: 100%; 1.370 - display: block; 1.371 - text-align: center; 1.372 - margin-bottom: 2ex; 1.373 - } 1.374 - .draft .landscape img { 1.375 - width: 100%; 1.376 - } 1.377 - .draft .portrait img { 1.378 - width: 66.666%; 1.379 - } 1.380 - } 1.381 - 1.382 - .draft h1 { 1.383 - font-size: 150%; 1.384 - margin-bottom: 0; 1.385 - } 1.386 - .draft h2 { 1.387 - font-size: 133%; 1.388 - margin-bottom: 0; 1.389 - } 1.390 - .draft h3 { 1.391 - font-size: 125%; 1.392 - margin-bottom: 0; 1.393 - } 1.394 - .draft > a:first-child + h1, 1.395 - .draft > h1:first-child, 1.396 - .draft > h2:first-child, 1.397 - .draft > h3:first-child { 1.398 - margin-top: 0; 1.399 - } 1.400 - @media (max-width: 960px) { 1.401 - .draft > a:first-child + h1 { 1.402 - margin-top: 20px; 1.403 - } 1.404 - } 1.405 - 1.406 - .folded { 1.407 - position: relative; 1.408 - } 1.409 - .folded .suggestion-content { 1.410 - max-height: 180px; 1.411 - overflow: hidden; 1.412 - position: relative; 1.413 - } 1.414 - .folded .suggestion-content:before { 1.415 - content: ""; 1.416 - width: 100%; 1.417 - height: 25%; 1.418 - position: absolute; 1.419 - left: 0; 1.420 - bottom: 0; 1.421 - background: linear-gradient(rgba(0,0,0,0), #fff); 1.422 - } 1.423 - .suggestion-less, 1.424 - .suggestion-more { 1.425 - display: none; 1.426 - } 1.427 - .folded .suggestion-more, 1.428 - .unfolded .suggestion-less { 1.429 - display: inline-block; 1.430 - } 1.431 - 1.432 - .diff .diff_removed { 1.433 - text-decoration: line-through; 1.434 - background: #f00; 1.435 - } 1.436 - 1.437 - .diff .diff_added { 1.438 - text-decoration: underline; 1.439 - background: #0f0; 1.440 - } 1.441 - 1.442 - .material-icons { 1.443 - vertical-align: middle; 1.444 - } 1.445 - .material-icons-small { 1.446 - font-size: 18px; 1.447 - } 1.448 - 1.449 - a.mdl-layout-title { 1.450 - color: #fff; 1.451 - text-decoration: none; 1.452 - } 1.453 - 1.454 - .what-can-i-do-here .mdl-card__content { 1.455 - font-size: 18px; 1.456 - } 1.457 - 1.458 - .what-can-i-do-here .mdl-card__content ul { 1.459 - font-size: 1rem; 1.460 - } 1.461 - 1.462 - .what-can-i-do-here ul { 1.463 - margin-top: 0.5em; 1.464 - margin-bottom: 0; 1.465 - padding-left: 1.5em 1.466 - } 1.467 - 1.468 - 1.469 - 1.470 - .lf-filter .mdl-button { 1.471 - padding-right: 4px; 1.472 - } 1.473 - 1.474 - .phase-current { 1.475 - font-family: "Roboto Bold"; 1.476 - } 1.477 - 1.478 - .phase-info { 1.479 - padding-left: 27px; 1.480 - margin-bottom: 1ex; 1.481 - } 1.482 - 1.483 - .clickable { 1.484 - cursor: pointer; 1.485 - } 1.486 - 1.487 - .slot_title { 1.488 - margin-left: 16px; 1.489 - margin-top: 16px; 1.490 - font-size: 18px; 1.491 - } 1.492 - 1.493 - .slot_title > a, 1.494 - .slot_title > span { 1.495 - display: inline-block; 1.496 - padding: 0 4px 0 0; 1.497 - 1.498 - } 1.499 - 1.500 - .slot_title a.home { 1.501 - margin: 0; 1.502 - } 1.503 - 1.504 - .home i { 1.505 - font-size: 32px; 1.506 - } 1.507 - 1.508 - /* fix missing contrast */ 1.509 - .mdl-list__item--three-line .mdl-list__item-text-body, 1.510 - .mdl-card__supporting-text, 1.511 - .mdl-card__subtitle-text { 1.512 - color: rgba(0,0,0, 0.75); 1.513 - } 1.514 - 1.515 - .mdl-textfield__label { 1.516 - color: rgba(0,0,0, 0.5); 1.517 - } 1.518 - 1.519 - .mdl-list__item--three-line .mdl-list__item-text-body { 1.520 - height: auto; 1.521 - padding-bottom: 10px; 1.522 - } 1.523 - 1.524 - select { 1.525 - font-family: 'Roboto','Helvetica','Arial',sans-serif; 1.526 - background-color: transparent; 1.527 - padding: 5px 0; 1.528 - border: none; 1.529 - border-bottom: 1px solid rgba(0,0,0, 0.12); 1.530 - font-size: 1rem; 1.531 - } 1.532 - 1.533 - 1.534 - .initiative_list .mdl-list__item { 1.535 - display: block; 1.536 - } 1.537 - .initiative_list .mdl-list__item-avatar { 1.538 - float: left; 1.539 - margin-right: 8px; 1.540 - } 1.541 - .initiative_list .mdl-list__item-avatar i { 1.542 - padding-left: 8px; 1.543 - } 1.544 - .initiative_list .mdl-list__item-avatar.positive { 1.545 - background: #4caf50; 1.546 - } 1.547 - .initiative_list .mdl-list__item-avatar.positive i { 1.548 - padding-top: 8px; 1.549 - vertical-align: top; 1.550 - } 1.551 - .initiative_list .mdl-list__item-avatar.negative { 1.552 - background: #f44336; 1.553 - } 1.554 - .initiative_list .mdl-list__item-avatar.negative i { 1.555 - padding-top: 10px; 1.556 - vertical-align: top; 1.557 - } 1.558 - 1.559 - .initiative_pie { 1.560 - float: left; 1.561 - margin-right: 15px; 1.562 - margin-bottom: 15px; 1.563 - } 1.564 - 1.565 - .initiative .result { 1.566 - font-family: "Roboto Bold"; 1.567 - } 1.568 - 1.569 - .admitted_info, .not_admitted_info { 1.570 - margin-left: 15px; 1.571 - } 1.572 - 1.573 - .admitted_info table th, 1.574 - .not_admitted_info table th { 1.575 - text-align: left; 1.576 - padding-right: 10px; 1.577 - } 1.578 - 1.579 - .admitted_info table td, 1.580 - .not_admitted_info table td { 1.581 - text-align: right; 1.582 - padding-right: 5px; 1.583 - } 1.584 - 1.585 - .admitted 1.586 - 1.587 - .event_info i { 1.588 - font-size: 18px; 1.589 - color: #444; 1.590 - margin-right: 4px; 1.591 - } 1.592 - 1.593 - .ui_list_row label.mdl-radio { 1.594 - display: inline; 1.595 - } 1.596 - 1.597 - .member_image_photo { 1.598 - margin-top: 2ex; 1.599 - margin-bottom: 2ex; 1.600 - } 1.601 - 1.602 - .contextlinks { 1.603 - color: #fff; 1.604 - xfont-size: 14px; 1.605 - xmargin-bottom: 5px; 1.606 - } 1.607 - 1.608 -/************************************************************************* 1.609 - * Voting 1.610 - */ 1.611 -.main .section #voting_form .sectionRow:last-child { 1.612 - border-radius: 0; 1.613 - margin-bottom: 0; 1.614 -} 1.615 -#voting { 1.616 - margin-top: 3ex; 1.617 - position: relative; 1.618 - margin-bottom: 2ex; 1.619 -} 1.620 -#voting .approval, 1.621 -#voting .abstention, 1.622 -#voting .disapproval { 1.623 - border: 1px #ccc solid; 1.624 - margin-bottom: 3ex; 1.625 - padding: 1ex; 1.626 - padding-bottom: 1ex; 1.627 - border-radius: 2px; 1.628 - 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.629 -} 1.630 -#voting .movable { 1.631 - cursor: pointer; 1.632 -} 1.633 -#voting .disapproval { 1.634 - margin-bottom: 2ex; 1.635 -} 1.636 -#voting .approval { 1.637 - background-color: #9f9; 1.638 -} 1.639 -#voting .approval .movable { 1.640 - background-color: #dfd; 1.641 -} 1.642 -#voting .abstention { 1.643 - background-color: #eee; 1.644 -} 1.645 -#voting .abstention .movable { 1.646 - background-color: #fff; 1.647 -} 1.648 -#voting .disapproval { 1.649 - background-color: #f88; 1.650 -} 1.651 -#voting .disapproval .movable { 1.652 - background-color: #fbb; 1.653 -} 1.654 -#voting .movable { 1.655 - position: relative; 1.656 - border: 1px black solid; 1.657 - margin-top: 1ex; 1.658 - padding: 0; 1.659 - border-radius: 2px; 1.660 - min-height: 64px; 1.661 - 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.662 -} 1.663 -#voting .initiative_name { 1.664 - display: inline-block; 1.665 - margin: 5px; 1.666 - font-family: "Roboto Bold"; 1.667 -} 1.668 - 1.669 -#voting .voting_form_active .movable { 1.670 - cursor: pointer; 1.671 - vertical-align: middle; 1.672 - cursor: move; 1.673 -} 1.674 -#voting .voting_form_active .clickable { 1.675 - cursor: auto; 1.676 -} 1.677 -#voting .voting_form_active a.clickable { 1.678 - cursor: pointer; 1.679 -} 1.680 - 1.681 -div.form .ui_field_label { 1.682 - text-transform: uppercase; 1.683 - font-size: 80%; 1.684 -} 1.685 -div.form .member_photo .member_image.member_image_photo { 1.686 - margin-top: 0; 1.687 -} 1.688 - 1.689 -.trace_list { 1.690 - margin-left: 10px; 1.691 - list-style-type: none; 1.692 - padding: 0; 1.693 - line-height: 120%; 1.694 -} 1.695 - 1.696 -.trace_list .trace_list { 1.697 - padding-left: 10px; 1.698 - border-left: 1px solid #999; 1.699 -} 1.700 - 1.701 -.trace_list .trace_head { 1.702 - margin-top: 10px; 1.703 - padding: 3px 5px 3px 5px; 1.704 - font-weight: 700; 1.705 -} 1.706 - 1.707 -.trace_list li { 1.708 - margin-top: 5px; 1.709 - margin-bottom: 5px; 1.710 -} 1.711 - 1.712 -.trace_list .trace_filter .trace_head { 1.713 - background: #acf; 1.714 - color: #000; 1.715 -} 1.716 - 1.717 -.trace_list .trace_request .trace_head, 1.718 -.trace_list .trace_view .trace_head { 1.719 - background: #000; 1.720 - color: #fff; 1.721 -} 1.722 - 1.723 -.trace_list .trace_config .trace_head, 1.724 -.trace_list .trace_view .trace_view .trace_head { 1.725 - background: #ccc; 1.726 - color: #000; 1.727 -} 1.728 - 1.729 -.trace_list .trace_head .time { 1.730 - float: right; 1.731 - font-weight: 500; 1.732 - font-size: 90%; 1.733 - line-height: 100%; 1.734 - margin-top: 5px; 1.735 -} 1.736 - 1.737 -.trace_list .trace_sql { 1.738 - color: #050; 1.739 -} 1.740 - 1.741 -.trace_list .trace_sql_time { 1.742 - background: #070; 1.743 - color: #fff; 1.744 - padding: 0px 3px; 1.745 - border-radius: 5px; 1.746 -} 1.747 - 1.748 </style> 1.749 <!-- WEBMCP SLOTNODIV meta_navigation_style --> 1.750