liquid_feedback_frontend
changeset 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 | d14462e2b38b |
children | 44b58a76f3e3 |
files | app/main/_layout/default.html static/lf3.css static/lf3.less static/lf4.css static/style.css |
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
2.1 --- a/static/lf3.css Mon Feb 01 20:56:14 2021 +0100 2.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 2.3 @@ -1,1622 +0,0 @@ 2.4 -html, 2.5 -body, 2.6 -div, 2.7 -span, 2.8 -applet, 2.9 -object, 2.10 -iframe, 2.11 -h1, 2.12 -h2, 2.13 -h3, 2.14 -h4, 2.15 -h5, 2.16 -h6, 2.17 -p, 2.18 -blockquote, 2.19 -pre, 2.20 -a, 2.21 -abbr, 2.22 -acronym, 2.23 -address, 2.24 -big, 2.25 -cite, 2.26 -code, 2.27 -del, 2.28 -dfn, 2.29 -em, 2.30 -img, 2.31 -ins, 2.32 -kbd, 2.33 -q, 2.34 -s, 2.35 -samp, 2.36 -small, 2.37 -strike, 2.38 -strong, 2.39 -sub, 2.40 -sup, 2.41 -tt, 2.42 -var, 2.43 -b, 2.44 -u, 2.45 -i, 2.46 -center, 2.47 -dl, 2.48 -dt, 2.49 -dd, 2.50 -ol, 2.51 -ul, 2.52 -li, 2.53 -fieldset, 2.54 -form, 2.55 -label, 2.56 -legend, 2.57 -table, 2.58 -caption, 2.59 -tbody, 2.60 -tfoot, 2.61 -thead, 2.62 -tr, 2.63 -th, 2.64 -td, 2.65 -article, 2.66 -aside, 2.67 -canvas, 2.68 -details, 2.69 -embed, 2.70 -figure, 2.71 -figcaption, 2.72 -footer, 2.73 -header, 2.74 -hgroup, 2.75 -menu, 2.76 -nav, 2.77 -output, 2.78 -ruby, 2.79 -section, 2.80 -summary, 2.81 -time, 2.82 -mark, 2.83 -audio, 2.84 -video { 2.85 - margin: 0; 2.86 - padding: 0; 2.87 - border: 0; 2.88 - font-size: 100%; 2.89 - font: inherit; 2.90 - vertical-align: baseline; 2.91 -} 2.92 -/* HTML5 display-role reset for older browsers */ 2.93 -article, 2.94 -aside, 2.95 -details, 2.96 -figcaption, 2.97 -figure, 2.98 -footer, 2.99 -header, 2.100 -hgroup, 2.101 -menu, 2.102 -nav, 2.103 -section { 2.104 - display: block; 2.105 -} 2.106 -body { 2.107 - line-height: 1; 2.108 -} 2.109 -ol, 2.110 -ul { 2.111 - list-style: none; 2.112 -} 2.113 -blockquote, 2.114 -q { 2.115 - quotes: none; 2.116 -} 2.117 -blockquote:before, 2.118 -blockquote:after, 2.119 -q:before, 2.120 -q:after { 2.121 - content: ''; 2.122 - content: none; 2.123 -} 2.124 -table { 2.125 - border-collapse: collapse; 2.126 - border-spacing: 0; 2.127 -} 2.128 -/* end reset */ 2.129 -/* color, fonts, gaps and border radius settings */ 2.130 -.list-style { 2.131 - list-style: disc; 2.132 - padding-left: 20px; 2.133 -} 2.134 -/* 2.135 - * basic font settings 2.136 - */ 2.137 -html { 2.138 - overflow-y: scroll; 2.139 -} 2.140 -body { 2.141 - font: normal 10pt / 125% sans-serif; 2.142 - background-color: #397ab6; 2.143 - color: #000000; 2.144 - background-attachment: fixed; 2.145 -} 2.146 -.page { 2.147 - background-color: #255078; 2.148 - max-width: 1240px; 2.149 - border-radius: 0 0 2px 2px; 2.150 - margin: 0 auto; 2.151 - margin-bottom: 40px; 2.152 -} 2.153 -/* 2.154 - * messages 2.155 - */ 2.156 -.slot_notice, 2.157 -.slot_warning, 2.158 -.slot_error { 2.159 - font: bold 12pt / 125% sans-serif; 2.160 - padding: 12pt; 2.161 -} 2.162 -.slot_motd { 2.163 - background-color: #ccc; 2.164 - padding: 12pt; 2.165 -} 2.166 -.slot_notice { 2.167 - background-color: #0c0; 2.168 - color: #fff; 2.169 -} 2.170 -.slot_warning { 2.171 - background-color: #f80; 2.172 - color: #000; 2.173 -} 2.174 -.slot_error { 2.175 - background-color: #c00; 2.176 - color: #fff; 2.177 -} 2.178 -/* 2.179 - * global styles 2.180 - */ 2.181 -/* headlines */ 2.182 -h1 { 2.183 - font: bold 12pt / 125% sans-serif; 2.184 - margin-bottom: 1ex; 2.185 -} 2.186 -h1:last-child { 2.187 - margin-bottom: 0; 2.188 -} 2.189 -h2 { 2.190 - font: bold 12pt / 125% sans-serif; 2.191 -} 2.192 -h3 { 2.193 - font: bold 10pt / 125% sans-serif; 2.194 -} 2.195 -h1:first-child, 2.196 -h2:first-child, 2.197 -h3:first-child { 2.198 - margin-top: 0; 2.199 -} 2.200 -.right { 2.201 - float: right; 2.202 -} 2.203 -.left { 2.204 - float: left; 2.205 - margin-right: 9px; 2.206 -} 2.207 -/* paragraphs */ 2.208 -p { 2.209 - margin-bottom: 1.5ex; 2.210 -} 2.211 -p:last-child { 2.212 - margin-bottom: 0; 2.213 -} 2.214 -/* lists */ 2.215 -ul.ul { 2.216 - margin-left: 9px; 2.217 - margin-bottom: 1.5ex; 2.218 - list-style: disc; 2.219 - padding-left: 20px; 2.220 -} 2.221 -ul.ul li { 2.222 - margin: 3px 0; 2.223 -} 2.224 -ul.ul li:last-child { 2.225 - margin-bottom: 0; 2.226 -} 2.227 -ul.ul:last-child { 2.228 - margin-bottom: 0; 2.229 -} 2.230 -/* tables */ 2.231 -table td { 2.232 - padding: 0.3ex 0.3em; 2.233 -} 2.234 -/* links */ 2.235 -a { 2.236 - color: #222277; 2.237 -} 2.238 -a.disabled { 2.239 - color: #777777; 2.240 - cursor: default; 2.241 -} 2.242 -/* formulars */ 2.243 -form.inline { 2.244 - display: inline; 2.245 -} 2.246 -form.inline div { 2.247 - display: inline; 2.248 -} 2.249 -img { 2.250 - vertical-align: middle; 2.251 -} 2.252 -img.star { 2.253 - width: 24px; 2.254 - height: 24px; 2.255 -} 2.256 -img.icon16 { 2.257 - width: 16px; 2.258 - height: 16px; 2.259 -} 2.260 -img.icon24 { 2.261 - width: 24px; 2.262 - height: 24px; 2.263 -} 2.264 -img.icon32 { 2.265 - width: 32px; 2.266 - height: 32px; 2.267 -} 2.268 -img.icon48 { 2.269 - width: 48px; 2.270 - height: 48px; 2.271 -} 2.272 -/* 2.273 - * Avatars 2.274 - */ 2.275 -.microAvatar { 2.276 - text-wrap: nowrap; 2.277 -} 2.278 -.microAvatar img, 2.279 -img.micro_avatar { 2.280 - vertical-align: middle; 2.281 - border-radius: 2px; 2.282 - width: 24px; 2.283 - height: 24px; 2.284 -} 2.285 -img.micro_avatar.highlighted { 2.286 - margin: 0; 2.287 - border: 2px solid #ff8800; 2.288 -} 2.289 -/* 2.290 - * delegation info 2.291 - */ 2.292 -.vote_info, 2.293 -.delegation_info { 2.294 - white-space: nowrap; 2.295 - float: right; 2.296 - text-decoration: none; 2.297 - margin: -2px; 2.298 -} 2.299 -.vote_info img, 2.300 -.delegation_info img { 2.301 - vertical-align: middle; 2.302 -} 2.303 -.delegation_info img { 2.304 - border-radius: 2px; 2.305 - margin: 2px; 2.306 -} 2.307 -.delegation_info.suspended { 2.308 - opacity: 0.3; 2.309 -} 2.310 -.slot_title .delegation_info.suspended { 2.311 - opacity: 1; 2.312 -} 2.313 -/* 2.314 - * generic attributes 2.315 - */ 2.316 -.hide { 2.317 - display: none; 2.318 -} 2.319 -.head_outer { 2.320 - background-color: #000000; 2.321 - color: #ffffff; 2.322 - overflow: auto; 2.323 - margin: 0 auto; 2.324 - max-width: 1240px; 2.325 -} 2.326 -.head { 2.327 - padding: 0.3ex 0; 2.328 - margin: 0 12pt; 2.329 - /* 2.330 - * the logo and instance name 2.331 - */ 2.332 - /* 2.333 - * navigation bar 2.334 - */ 2.335 -} 2.336 -.head a { 2.337 - color: #ffffff; 2.338 -} 2.339 -.head .logo { 2.340 - display: block; 2.341 - padding: 9px 0; 2.342 - text-decoration: none; 2.343 - font: bold 10pt / 100% sans-serif; 2.344 -} 2.345 -.head .logo .liquid { 2.346 - color: #ffffff; 2.347 -} 2.348 -.head .logo .feedback { 2.349 - color: #00ee00; 2.350 -} 2.351 -.head .logo .instanceName { 2.352 - font: normal 10pt / 100% sans-serif; 2.353 - padding-top: 9px; 2.354 -} 2.355 -.head .logo:hover { 2.356 - text-decoration: underline; 2.357 -} 2.358 -.head .notifications { 2.359 - margin-left: 0.6em; 2.360 - text-decoration: none; 2.361 -} 2.362 -.head .notifications .count { 2.363 - background-color: #f00; 2.364 - color: #000; 2.365 - padding: 0.2ex 0.25em; 2.366 - border-radius: 1ex; 2.367 - vertical-align: top; 2.368 -} 2.369 -.head .notifications .icon { 2.370 - width: 24px; 2.371 - height: 24px; 2.372 -} 2.373 -.head .nav { 2.374 - float: right; 2.375 - padding-top: 6px; 2.376 -} 2.377 -.head .nav ul, 2.378 -.head .nav > ul > li:first-child { 2.379 - display: inline; 2.380 -} 2.381 -.head .nav input[name=q] { 2.382 - width: 12em; 2.383 - border-radius: 2px; 2.384 - padding: 2px; 2.385 - background-color: #000000; 2.386 - color: #ffffff; 2.387 - border: 1px solid #397ab6; 2.388 - margin-right: 0.6em; 2.389 -} 2.390 -.head .nav input[name=q]:focus { 2.391 - outline: 2px solid #397ab6; 2.392 -} 2.393 -.head .nav #member_menu a span { 2.394 - margin-left: 5px; 2.395 -} 2.396 -/* 2.397 - * title 2.398 - */ 2.399 -.slot_title { 2.400 - padding-left: 12pt; 2.401 - padding-right: 12pt; 2.402 - font: bold 12pt / 125% sans-serif; 2.403 - color: #ffffff; 2.404 - padding-top: 12pt; 2.405 -} 2.406 -.slot_title a { 2.407 - color: #ffffff; 2.408 - display: inline-block; 2.409 -} 2.410 -.slot_title a.home { 2.411 - margin-right: 4px; 2.412 -} 2.413 -.slot_title a.delegation_info { 2.414 - margin-right: 0; 2.415 -} 2.416 -.slot_title .initiative, 2.417 -.slot_title a .label { 2.418 - display: none; 2.419 -} 2.420 -.slot_title .delegation_info { 2.421 - background-color: #ffffff; 2.422 - color: #000000; 2.423 - border-radius: 2px; 2.424 - padding-right: 3px; 2.425 - margin-bottom: 12pt; 2.426 -} 2.427 -.slot_title .delegation_info a { 2.428 - color: #000000; 2.429 -} 2.430 -.content { 2.431 - clear: both; 2.432 - margin: 0 12pt; 2.433 - margin-top: 12pt; 2.434 -} 2.435 -/* 2.436 - * the sidebar 2.437 - */ 2.438 -.sidebar { 2.439 - float: right; 2.440 - width: 30%; 2.441 -} 2.442 -.sidebarSection { 2.443 - background-color: #ffffff; 2.444 - border-radius: 2px; 2.445 - color: #000000; 2.446 - margin-bottom: 12pt; 2.447 - padding: 0; 2.448 -} 2.449 -.sidebarSection .sidebarHead { 2.450 - padding: 9px 9px 4.5px 9px; 2.451 - background: #ffffff; 2.452 - color: #000000; 2.453 - min-height: 20px; 2.454 -} 2.455 -.sidebarSection .sidebarHead a { 2.456 - color: #000000; 2.457 -} 2.458 -.sidebarSection .sidebarHead .icon24 { 2.459 - margin-top: -3.6px; 2.460 -} 2.461 -.sidebarSection .sidebarRow, 2.462 -.sidebarSection .ui_filter_head, 2.463 -.sidebarSection .ui_paginate_foot { 2.464 - clear: right; 2.465 - display: block; 2.466 - padding: 4.5px 9px; 2.467 - min-height: 20px; 2.468 -} 2.469 -.sidebarSection .sidebarRow { 2.470 - border-top: 1px solid #aaaaaa; 2.471 -} 2.472 -.sidebarSection .sidebarRow.highlighted { 2.473 - background-color: #e7f0ff; 2.474 -} 2.475 -.sidebarSection .sidebarRow.sidebarRowNarrow, 2.476 -.sidebarSection .ui_filter_head, 2.477 -.sidebarSection .ui_paginate_foot { 2.478 - padding: 2.25px 9px; 2.479 -} 2.480 -.sidebarSection .sidebarRow.moreLink { 2.481 - min-height: 0; 2.482 -} 2.483 -.sidebarSection a.sidebarRow { 2.484 - text-decoration: none; 2.485 - color: #000000; 2.486 -} 2.487 -.sidebarSection h1, 2.488 -.sidebarSection h1 a, 2.489 -.sidebarSection h2, 2.490 -.sidebarSection h2 a, 2.491 -.sidebarSection h3, 2.492 -.sidebarSection h3 a { 2.493 - color: #000000; 2.494 -} 2.495 -.sidebarSection a { 2.496 - color: #222277; 2.497 -} 2.498 -.sidebarSection .areas .whenfolded { 2.499 - display: none; 2.500 -} 2.501 -.sidebarSection .areas.folded .whenunfolded { 2.502 - display: none; 2.503 -} 2.504 -.sidebarSection .areas.folded .whenfolded { 2.505 - display: block; 2.506 -} 2.507 -.sidebarSection .areas.folded .disabled { 2.508 - display: none; 2.509 -} 2.510 -.sidebarSection a.issue { 2.511 - font: bold 12pt / 125% sans-serif; 2.512 - color: #000000; 2.513 -} 2.514 -.sidebarSection ul.initiatives li { 2.515 - padding: 4.5px 9px; 2.516 - border-top: 1px solid #aaaaaa; 2.517 -} 2.518 -.sidebarSection ul.initiatives li .bargraph { 2.519 - display: block; 2.520 -} 2.521 -.sidebarSection ul.initiatives li .supporterCount { 2.522 - white-space: nowrap; 2.523 -} 2.524 -.sidebarSection ul.initiatives .revoked .initiative_name { 2.525 - text-decoration: line-through; 2.526 -} 2.527 -.sidebarSection ul.initiatives .rank1 .initiative_name { 2.528 - font-weight: bold; 2.529 -} 2.530 -.sidebarSection ul.initiatives li.highlighted { 2.531 - background-color: #e7f0ff; 2.532 -} 2.533 -.sidebarSection ul.initiatives li.highlighted:last-child { 2.534 - border-radius: 0 0 2px 2px; 2.535 -} 2.536 -.sidebarSection .supporters { 2.537 - line-height: 28.799999999999997px; 2.538 -} 2.539 -.sidebarSection .supportCount { 2.540 - color: #00c000; 2.541 - font: bold 12pt / 125% sans-serif; 2.542 - float: right; 2.543 -} 2.544 -.sidebarSection .member_list .member_thumb { 2.545 - white-space: nowrap; 2.546 - overflow: hidden; 2.547 - text-overflow: ellipsis; 2.548 -} 2.549 -.sidebarSection .member_list .member_thumb img.member_image { 2.550 - width: 24px; 2.551 - height: 24px; 2.552 - vertical-align: middle; 2.553 - margin-right: 0.2em; 2.554 -} 2.555 -.sidebarSection .member_list .member_thumb.in_delegation_chain { 2.556 - font-weight: bold; 2.557 -} 2.558 -.sidebarSection > div { 2.559 - position: relative; 2.560 -} 2.561 -.sidebarSection > div:first-child { 2.562 - margin-top: 0; 2.563 - border-radius: 2px 2px 0 0; 2.564 -} 2.565 -.sidebarSection > div:last-child { 2.566 - border-radius: 0 0 2px 2px; 2.567 -} 2.568 -.sidebarSection > div:last-child:first-child { 2.569 - border-radius: 2px; 2.570 -} 2.571 -.sidebarSection a.unit { 2.572 - font: bold 12pt / 125% sans-serif; 2.573 -} 2.574 -.sidebarSection a.area { 2.575 - margin-left: 20px; 2.576 - display: block; 2.577 -} 2.578 -.sidebarSection .star { 2.579 - float: left; 2.580 -} 2.581 -.sidebarSection .delegation_info { 2.582 - margin-top: -3.6px; 2.583 - margin-bottom: 1px; 2.584 -} 2.585 -.admitted_info h1 { 2.586 - color: #00aa00; 2.587 -} 2.588 -.not_admitted_info h1, 2.589 -.revoked_info h1 { 2.590 - color: #aa0000; 2.591 -} 2.592 -.admitted_info .initiative_pie, 2.593 -.not_admitted_info .initiative_pie { 2.594 - float: right; 2.595 -} 2.596 -.admitted_info table tr th, 2.597 -.not_admitted_info table tr th { 2.598 - text-align: left; 2.599 -} 2.600 -.admitted_info table tr td, 2.601 -.not_admitted_info table tr td { 2.602 - text-align: right; 2.603 - padding: 0.3ex 0.4em; 2.604 -} 2.605 -/* 2.606 - * main area 2.607 - */ 2.608 -.main_outer { 2.609 - width: 70%; 2.610 -} 2.611 -.main { 2.612 - clear: left; 2.613 - margin-right: 12pt; 2.614 - border-radius: 2px; 2.615 - /* 2.616 - * tabs und filter 2.617 - */ 2.618 - /* 2.619 - * initiative 2.620 - */ 2.621 - /* the draft */ 2.622 -} 2.623 -.main .section .sectionHead, 2.624 -.main .section .sectionRow { 2.625 - background-color: #ffffff; 2.626 - overflow: auto; 2.627 - padding: 9px; 2.628 -} 2.629 -.main .section .sectionHead { 2.630 - background-color: #ffffff; 2.631 - color: #000000; 2.632 - margin-top: 12pt; 2.633 - border-radius: 2px 2px 0 0; 2.634 -} 2.635 -.main .section .sectionHead:first-child { 2.636 - margin-top: 0; 2.637 -} 2.638 -.main .section .sectionHead:last-child { 2.639 - border-radius: 2px; 2.640 -} 2.641 -.main .section .sectionRow { 2.642 - margin-top: 4px; 2.643 -} 2.644 -.main .section .sectionRow:last-child { 2.645 - border-radius: 0 0 2px 2px; 2.646 - margin-bottom: 12pt; 2.647 -} 2.648 -.main > h1 { 2.649 - border-bottom: 1px solid #aaaaaa; 2.650 - padding: 9px; 2.651 -} 2.652 -.main .ui_filter .ui_filter_head { 2.653 - background: #ffffff; 2.654 - color: #000000; 2.655 - padding: 0 9px 9px 9px; 2.656 - vertical-align: middle; 2.657 -} 2.658 -.main .ui_filter .ui_filter_head a { 2.659 - white-space: nowrap; 2.660 - font: normal 10pt / 150% sans-serif; 2.661 - margin-right: 0.5em; 2.662 -} 2.663 -.main .ui_filter .ui_filter_head a.active { 2.664 - font: bold 10pt / 150% sans-serif; 2.665 - text-decoration: none; 2.666 - color: #000000; 2.667 -} 2.668 -.main .ui_filter .ui_filter_head select { 2.669 - background: #ffffff; 2.670 - color: #444444; 2.671 - font: normal 10pt / 150% sans-serif; 2.672 - border: none; 2.673 - padding: 0; 2.674 - margin: 0; 2.675 -} 2.676 -.main .ui_filter .ui_filter_head select option { 2.677 - color: #000000; 2.678 -} 2.679 -.main .ui_filter .ui_filter_head select option:first-child, 2.680 -.main .ui_filter .ui_filter_head select option[value="interest_direct"], 2.681 -.main .ui_filter .ui_filter_head select option[value="interest_delegated"], 2.682 -.main .ui_filter .ui_filter_head select option[value="support_direct"], 2.683 -.main .ui_filter .ui_filter_head select option[value="support_delegated"], 2.684 -.main .ui_filter .ui_filter_head select option[value="potential_support_direct"], 2.685 -.main .ui_filter .ui_filter_head select option[value="potential_support_delegated"] { 2.686 - color: #444444; 2.687 -} 2.688 -.main .ui_filter .ui_filter_head select.active { 2.689 - color: #000000; 2.690 -} 2.691 -.main .ui_filter .ui_filter_head:first-child { 2.692 - border-radius: 2px 2px 0 0; 2.693 - padding-top: 9px; 2.694 -} 2.695 -.main .ui_filter .ui_filter_head.filter_filter { 2.696 - padding-top: 9px; 2.697 -} 2.698 -.main .ui_filter .ui_filter_head.filter_mode { 2.699 - padding-top: 9px; 2.700 - margin-bottom: 0; 2.701 - padding-bottom: 0; 2.702 -} 2.703 -.main .ui_filter .ui_filter_head.subfilter a { 2.704 - font: normal 10pt / 150% sans-serif; 2.705 -} 2.706 -.main .ui_filter .ui_filter_head.subfilter a.active { 2.707 - font: bold 10pt / 150% sans-serif; 2.708 -} 2.709 -.main .filter { 2.710 - float: right; 2.711 -} 2.712 -.main .delegation_info.suspended { 2.713 - margin: 1ex -2px -2px -2px; 2.714 -} 2.715 -.main .issues .state_info { 2.716 - font: bold 10pt / 125% sans-serif; 2.717 - color: #007700; 2.718 -} 2.719 -.main .issues .state_info.negative { 2.720 - color: #aa0000; 2.721 -} 2.722 -.main ul.initiatives li { 2.723 - margin-top: 1ex; 2.724 -} 2.725 -.main ul.initiatives li .bargraph { 2.726 - float: left; 2.727 - margin-top: 5px; 2.728 - margin-right: 0.5em; 2.729 -} 2.730 -.main ul.initiatives li .initiative_name { 2.731 - display: block; 2.732 - margin-left: 110px; 2.733 -} 2.734 -.main ul.initiatives li .rank1 .initiative_name { 2.735 - margin-left: 0; 2.736 - font-weight: bold; 2.737 -} 2.738 -.main ul.initiatives li .revoked .initiative_name { 2.739 - text-decoration: line-through; 2.740 -} 2.741 -.main ul.initiatives li:first-child { 2.742 - margin-top: 0; 2.743 - clear: none; 2.744 -} 2.745 -.main .events .event ul.initiatives li .initiative_name { 2.746 - margin-left: 0; 2.747 -} 2.748 -.main .member_photo { 2.749 - float: right; 2.750 -} 2.751 -.main .member_thumb.in_delegation_chain { 2.752 - font-weight: bold; 2.753 -} 2.754 -.main .support { 2.755 - color: #aaa; 2.756 - line-height: 80%; 2.757 - float: right; 2.758 - width: 102px; 2.759 -} 2.760 -.main .initiativeInfo { 2.761 - font-family: normal 10pt / 125% sans-serif; 2.762 - line-height: 24px; 2.763 - overflow: auto; 2.764 -} 2.765 -.main .initiativeInfo .support { 2.766 - margin-top: 1ex; 2.767 - float: left; 2.768 - width: auto; 2.769 -} 2.770 -.main .initiativeInfo .mySupport { 2.771 - line-height: 125%; 2.772 - min-width: 12em; 2.773 - text-align: right; 2.774 -} 2.775 -.main .initiativeInfo .initiators { 2.776 - margin-top: 1.5ex; 2.777 - margin-bottom: -1ex; 2.778 - float: left; 2.779 -} 2.780 -.main .initiativeInfo .links { 2.781 - margin-top: 1.5ex; 2.782 - margin-bottom: -1ex; 2.783 - float: right; 2.784 - clear: right; 2.785 -} 2.786 -.main .initiativeInfo .initiator_links { 2.787 - clear: right; 2.788 -} 2.789 -.main .issueInfo .links { 2.790 - margin-top: 1.5ex; 2.791 - margin-bottom: -1ex; 2.792 - float: right; 2.793 - clear: both; 2.794 -} 2.795 -.main .draft_updated_info { 2.796 - color: #007700; 2.797 -} 2.798 -.main .draft_updated_info .info { 2.799 - font: bold 10pt / 125% sans-serif; 2.800 -} 2.801 -.main .draft { 2.802 - font: normal 10pt / 125% sans-serif; 2.803 -} 2.804 -.main .draft ul { 2.805 - margin-left: 1em; 2.806 - margin-bottom: 1.5ex; 2.807 - list-style: square; 2.808 - padding-left: 1em; 2.809 -} 2.810 -.main .draft ol { 2.811 - margin-left: 1em; 2.812 - margin-bottom: 1.5ex; 2.813 - list-style: decimal; 2.814 - padding-left: 1em; 2.815 -} 2.816 -.main .draft h1 { 2.817 - font: italic 10pt / 125% sans-serif; 2.818 - font-size: 125%; 2.819 - border-bottom: 1px solid #444444; 2.820 - margin-bottom: 1ex; 2.821 -} 2.822 -.main .draft h2 { 2.823 - font: normal 10pt / 125% sans-serif; 2.824 - font-size: 125%; 2.825 -} 2.826 -.main .draft h3 { 2.827 - font: normal 10pt / 125% sans-serif; 2.828 - font-size: 125%; 2.829 -} 2.830 -.main .draft h4 { 2.831 - font: normal 10pt / 125% sans-serif; 2.832 -} 2.833 -.main .draft hr { 2.834 - border: none; 2.835 - border-top: 1px solid #000000; 2.836 -} 2.837 -.main .draft b, 2.838 -.main .draft strong { 2.839 - font: italic 10pt / 125% sans-serif; 2.840 -} 2.841 -.main .draft i, 2.842 -.main .draft em { 2.843 - font: normal 10pt / 125% sans-serif; 2.844 -} 2.845 -.main form, 2.846 -.main .form { 2.847 - margin: 0; 2.848 - padding: 0; 2.849 -} 2.850 -.main form .ui_field_label, 2.851 -.main .form .ui_field_label { 2.852 - display: inline-block; 2.853 - width: 25%; 2.854 - margin: 0; 2.855 - padding: 0; 2.856 - text-align: right; 2.857 - margin-bottom: 9px; 2.858 - padding-right: 0.5%; 2.859 - vertical-align: top; 2.860 - color: #444444; 2.861 -} 2.862 -.main form input[type=text], 2.863 -.main .form input[type=text], 2.864 -.main form input[type=password], 2.865 -.main .form input[type=password], 2.866 -.main form select, 2.867 -.main .form select, 2.868 -.main form textarea, 2.869 -.main .form textarea { 2.870 - vertical-align: top; 2.871 - width: 73%; 2.872 - margin: 0; 2.873 - padding: 3px; 2.874 - border: 1px solid #444444; 2.875 - font: bold 10pt / 125% sans-serif; 2.876 - margin-bottom: 9px; 2.877 -} 2.878 -.main form input:focus, 2.879 -.main .form input:focus { 2.880 - outline: 2px solid #397ab6; 2.881 -} 2.882 -.main form .actions, 2.883 -.main .form .actions { 2.884 - margin-left: 26%; 2.885 -} 2.886 -.main form.wide input[type=text], 2.887 -.main form.wide input[type=password], 2.888 -.main form.wide select, 2.889 -.main form.wide textarea { 2.890 - width: 100%; 2.891 -} 2.892 -.issues .event .initiative_pie, 2.893 -.events .event .initiative_pie { 2.894 - clear: right; 2.895 - float: right; 2.896 -} 2.897 -.issues .event ul.initiatives .initiative_info_left, 2.898 -.events .event ul.initiatives .initiative_info_left { 2.899 - display: inline; 2.900 - margin-right: 0.5em; 2.901 -} 2.902 -.issues .event ul.initiatives .initiative_info_right, 2.903 -.events .event ul.initiatives .initiative_info_right { 2.904 - float: right; 2.905 -} 2.906 -.issues .event ul.initiatives .initiative_info_right .bargraph, 2.907 -.events .event ul.initiatives .initiative_info_right .bargraph { 2.908 - float: right; 2.909 - margin-left: 0.5em; 2.910 -} 2.911 -.issues .event ul.initiatives .result, 2.912 -.events .event ul.initiatives .result { 2.913 - color: #444444; 2.914 - margin-top: 0.5ex; 2.915 -} 2.916 -.issues .event ul.initiatives h3, 2.917 -.events .event ul.initiatives h3 { 2.918 - margin-top: 1ex; 2.919 - margin-bottom: 0; 2.920 -} 2.921 -.issues .event ul.initiatives a.initiative, 2.922 -.events .event ul.initiatives a.initiative { 2.923 - font: bold 10pt / 125% sans-serif; 2.924 -} 2.925 -.issues .event .event_info, 2.926 -.events .event .event_info { 2.927 - font: bold 10pt / 125% sans-serif; 2.928 - color: #007700; 2.929 - margin-top: 0.66ex; 2.930 - margin-bottom: 1ex; 2.931 -} 2.932 -.issues .event .event_info:last-child, 2.933 -.events .event .event_info:last-child { 2.934 - margin-bottom: 0; 2.935 -} 2.936 -.issues .event .event_info.negative, 2.937 -.events .event .event_info.negative { 2.938 - color: #aa0000; 2.939 -} 2.940 -.issues .event .event_time, 2.941 -.events .event .event_time { 2.942 - font: normal 10pt / 125% sans-serif; 2.943 - color: #444444; 2.944 -} 2.945 -.issues .event:hover .event_time, 2.946 -.events .event:hover .event_time { 2.947 - visibility: visible; 2.948 -} 2.949 -.issues .event:hover ul.initiatives div, 2.950 -.events .event:hover ul.initiatives div { 2.951 - visibility: visible; 2.952 -} 2.953 -.issues .issue_context, 2.954 -.events .issue_context { 2.955 - line-height: 24px; 2.956 - margin-bottom: 0.66ex; 2.957 -} 2.958 -.issues .issue_context .unit, 2.959 -.events .issue_context .unit { 2.960 - background-color: #777; 2.961 - color: #fff; 2.962 - padding: 1px 3px; 2.963 - border-radius: 2px; 2.964 - text-decoration: none; 2.965 -} 2.966 -.issues .issue_context .area, 2.967 -.events .issue_context .area { 2.968 - background-color: #ddd; 2.969 - color: #000; 2.970 - padding: 1px 3px; 2.971 - border-radius: 2px; 2.972 - text-decoration: none; 2.973 -} 2.974 -.issues .issue_info .issue, 2.975 -.events .issue_info .issue { 2.976 - font: bold 10pt / 125% sans-serif; 2.977 - color: #000000; 2.978 -} 2.979 -.issues img.star, 2.980 -.events img.star { 2.981 - vertical-align: middle; 2.982 - float: right; 2.983 - margin-left: 0.5em; 2.984 -} 2.985 -.issues .event.suggestion ul.initiatives li, 2.986 -.events .event.suggestion ul.initiatives li { 2.987 - margin-top: 0; 2.988 - margin-bottom: 1ex; 2.989 -} 2.990 -.issues .event.suggestion ul.initiatives li a, 2.991 -.events .event.suggestion ul.initiatives li a { 2.992 - font: normal 10pt / 125% sans-serif; 2.993 -} 2.994 -.issues .event.suggestion .suggestion, 2.995 -.events .event.suggestion .suggestion { 2.996 - font: bold 10pt / 125% sans-serif; 2.997 - overflow: hidden; 2.998 - text-overflow: ellipsis; 2.999 -} 2.1000 -.suggestions .suggestion .opinion { 2.1001 - float: right; 2.1002 -} 2.1003 -.suggestions .suggestion .opinion .must { 2.1004 - background-color: #00cc00; 2.1005 - color: #ffffff; 2.1006 -} 2.1007 -.suggestions .suggestion .opinion .should { 2.1008 - background-color: #44aa44; 2.1009 - color: #ffffff; 2.1010 -} 2.1011 -.suggestions .suggestion .opinion .shouldnot { 2.1012 - background-color: #aa4444; 2.1013 - color: #ffffff; 2.1014 -} 2.1015 -.suggestions .suggestion .opinion .mustnot { 2.1016 - background-color: #cc0000; 2.1017 - color: #ffffff; 2.1018 -} 2.1019 -.suggestions .suggestion .opinion .implemented { 2.1020 - background-color: #00cc00; 2.1021 - color: #ffffff; 2.1022 -} 2.1023 -.suggestions .suggestion .opinion .notimplemented { 2.1024 - background-color: #cc0000; 2.1025 - color: #ffffff; 2.1026 -} 2.1027 -.suggestions .suggestion .suggestion-rating { 2.1028 - float: right; 2.1029 -} 2.1030 -.suggestions .suggestion .suggestion-text { 2.1031 - margin-top: 9px; 2.1032 - font: normal 10pt / 125% sans-serif; 2.1033 - overflow: hidden; 2.1034 - text-overflow: ellipsis; 2.1035 - position: relative; 2.1036 - z-index: 10; 2.1037 -} 2.1038 -.suggestions .suggestion .suggestion-details { 2.1039 - float: right; 2.1040 -} 2.1041 -.suggestions .suggestion .suggestion-more { 2.1042 - display: none; 2.1043 -} 2.1044 -.suggestions .suggestion .suggestion-less { 2.1045 - display: none; 2.1046 -} 2.1047 -.suggestions .suggestion .suggestionHead { 2.1048 - overflow: hidden; 2.1049 - text-overflow: ellipsis; 2.1050 -} 2.1051 -.suggestions .suggestion .rating { 2.1052 - display: none; 2.1053 - padding: 4.5px 0; 2.1054 -} 2.1055 -.suggestions .suggestion .rating .active-plus2 { 2.1056 - background-color: #00cc00; 2.1057 - color: #ffffff; 2.1058 -} 2.1059 -.suggestions .suggestion .rating .active-plus1 { 2.1060 - background-color: #44aa44; 2.1061 - color: #ffffff; 2.1062 -} 2.1063 -.suggestions .suggestion .rating .active-minus1 { 2.1064 - background-color: #aa4444; 2.1065 - color: #ffffff; 2.1066 -} 2.1067 -.suggestions .suggestion .rating .active-minus2 { 2.1068 - background-color: #cc0000; 2.1069 - color: #ffffff; 2.1070 -} 2.1071 -.suggestions .suggestion .rating .active-notfulfilled { 2.1072 - background-color: #faa; 2.1073 -} 2.1074 -.suggestions .suggestion .rating .active-fulfilled { 2.1075 - background-color: #afa; 2.1076 -} 2.1077 -.suggestions .suggestion.rateable .suggestion-more { 2.1078 - display: block; 2.1079 -} 2.1080 -.suggestions .suggestion.rateable.unfolded .rating { 2.1081 - border-top: 3px solid #397ab6; 2.1082 -} 2.1083 -.suggestions .suggestion.folded .suggestion-text { 2.1084 - height: 150px; 2.1085 - overflow: hidden; 2.1086 -} 2.1087 -.suggestions .suggestion.folded .suggestion-more { 2.1088 - display: block; 2.1089 - position: absolute; 2.1090 - bottom: 0; 2.1091 - left: 0; 2.1092 - width: 100%; 2.1093 - box-shadow: inset 0 -12ex 10ex -5ex #ffffff; 2.1094 - padding-top: 5ex; 2.1095 -} 2.1096 -.suggestions .suggestion.folded .suggestion-details { 2.1097 - position: absolute; 2.1098 - bottom: 0; 2.1099 - right: 0; 2.1100 -} 2.1101 -.suggestions .suggestion.unfolded .suggestion-more { 2.1102 - display: none; 2.1103 -} 2.1104 -.suggestions .suggestion.unfolded .rating { 2.1105 - display: block; 2.1106 -} 2.1107 -.suggestions .suggestion.unfolded .suggestion-less { 2.1108 - margin-top: 1ex; 2.1109 - display: block; 2.1110 -} 2.1111 -.suggestions .suggestion.highlighted { 2.1112 - background-color: #e7f0ff; 2.1113 -} 2.1114 -.suggestions .suggestion.highlighted .suggestion-more { 2.1115 - box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff; 2.1116 -} 2.1117 -li.raw { 2.1118 - list-style: none; 2.1119 - padding: 0; 2.1120 - margin: 0 !important; 2.1121 -} 2.1122 -.satisfiedSupporterCount { 2.1123 - color: #070; 2.1124 -} 2.1125 -.potentialSupporterCount { 2.1126 - color: #960; 2.1127 -} 2.1128 -.bargraph { 2.1129 - display: inline-block; 2.1130 - vertical-align: top; 2.1131 - height: 9px; 2.1132 -} 2.1133 -.bargraph div { 2.1134 - margin: 0; 2.1135 - padding: 0; 2.1136 - display: inline-block; 2.1137 - height: 9px; 2.1138 -} 2.1139 -.diff .diff_added { 2.1140 - background-color: #cfc; 2.1141 -} 2.1142 -.diff .diff_removed { 2.1143 - text-decoration: line-through; 2.1144 - background-color: #fcc; 2.1145 -} 2.1146 -.btn, 2.1147 -.ui_paginate_foot a { 2.1148 - text-decoration: none; 2.1149 - min-width: 2em; 2.1150 - text-align: center; 2.1151 - display: inline-block; 2.1152 - border-radius: 5px; 2.1153 - border: none; 2.1154 - font: bold 10pt / 125% sans-serif; 2.1155 - background-color: #999; 2.1156 - color: #fff !important; 2.1157 - margin-bottom: 5px; 2.1158 -} 2.1159 -.btn { 2.1160 - padding: 1ex 1em; 2.1161 -} 2.1162 -.ui_paginate_foot a { 2.1163 - padding: 0.5ex 0.5em; 2.1164 - background-color: #eee; 2.1165 - color: 000 !important; 2.1166 -} 2.1167 -.ui_paginate_foot a.active { 2.1168 - background-color: #666; 2.1169 - color: #fff !important; 2.1170 -} 2.1171 -.btn-default { 2.1172 - background-color: #47a; 2.1173 - color: #fff !important; 2.1174 -} 2.1175 -.btn:hover, 2.1176 -.btn:focus, 2.1177 -.ui_paginate_foot a:hover, 2.1178 -.ui_paginate_foot a:focus { 2.1179 - background-color: #0a0; 2.1180 - color: #fff !important; 2.1181 - cursor: pointer; 2.1182 -} 2.1183 -.btn-dangerous:hover { 2.1184 - background-color: #c00; 2.1185 - color: #fff !important; 2.1186 -} 2.1187 -.btn-link { 2.1188 - font: normal 10pt / 125% sans-serif; 2.1189 - background-color: #ffffff; 2.1190 - color: #222277; 2.1191 - border: none; 2.1192 - padding: 0; 2.1193 - margin: 0; 2.1194 - text-decoration: underline; 2.1195 - cursor: pointer; 2.1196 -} 2.1197 -/************************************************************************* 2.1198 - * Voting 2.1199 - */ 2.1200 -.main .section #voting_form .sectionRow:last-child { 2.1201 - border-radius: 0; 2.1202 - margin-bottom: 0; 2.1203 -} 2.1204 -#voting { 2.1205 - background: #ddd; 2.1206 - padding: 9px; 2.1207 - margin-top: 4px; 2.1208 - position: relative; 2.1209 - margin-bottom: 2ex; 2.1210 -} 2.1211 -#voting .approval, 2.1212 -#voting .abstention, 2.1213 -#voting .disapproval { 2.1214 - border: 2px black solid; 2.1215 - margin-bottom: 2ex; 2.1216 - padding: 1ex; 2.1217 - padding-bottom: 2ex; 2.1218 - border-radius: 2px; 2.1219 -} 2.1220 -#voting .disapproval { 2.1221 - margin-bottom: 2ex; 2.1222 -} 2.1223 -#voting .approval { 2.1224 - background-color: #9f9; 2.1225 -} 2.1226 -#voting .approval .movable { 2.1227 - background-color: #dfd; 2.1228 -} 2.1229 -#voting .abstention { 2.1230 - background-color: #ccc; 2.1231 -} 2.1232 -#voting .abstention .movable { 2.1233 - background-color: #f2f2f2; 2.1234 -} 2.1235 -#voting .disapproval { 2.1236 - background-color: #f88; 2.1237 -} 2.1238 -#voting .disapproval .movable { 2.1239 - background-color: #fbb; 2.1240 -} 2.1241 -#voting .movable { 2.1242 - position: relative; 2.1243 - border: 1px black solid; 2.1244 - margin-top: 1ex; 2.1245 - padding: 0.5ex; 2.1246 - border-radius: 2px; 2.1247 -} 2.1248 -#voting .voting_form_active .movable { 2.1249 - cursor: pointer; 2.1250 - vertical-align: middle; 2.1251 - cursor: move; 2.1252 -} 2.1253 -#voting .voting_form_active .clickable { 2.1254 - cursor: auto; 2.1255 -} 2.1256 -#voting .voting_form_active a.clickable { 2.1257 - cursor: pointer; 2.1258 -} 2.1259 -/* 2.1260 - * footer 2.1261 - */ 2.1262 -.footer { 2.1263 - text-align: center; 2.1264 - color: #ffffff; 2.1265 - background-color: #000000; 2.1266 - padding: 9px 0; 2.1267 - border: 1px solid #000; 2.1268 - border-top: none; 2.1269 -} 2.1270 -.footer a { 2.1271 - color: #ffffff; 2.1272 -} 2.1273 -.ui_paginate_head { 2.1274 - display: none; 2.1275 -} 2.1276 -.ui_paginate_foot { 2.1277 - line-height: 180%; 2.1278 -} 2.1279 -.swiper_tabs { 2.1280 - display: none; 2.1281 -} 2.1282 -#swiper_info { 2.1283 - display: none; 2.1284 -} 2.1285 -.nav .searchLink { 2.1286 - display: none; 2.1287 -} 2.1288 -@media (max-width: 767px) { 2.1289 - html body { 2.1290 - margin: 0; 2.1291 - background: #255078; 2.1292 - } 2.1293 - html body .head { 2.1294 - margin: 6pt; 2.1295 - padding: 0; 2.1296 - } 2.1297 - html body .head .logo { 2.1298 - display: block; 2.1299 - padding: 0; 2.1300 - } 2.1301 - html body .head .logo .liquid, 2.1302 - html body .head .logo .feedback { 2.1303 - font: bold 12pt / 125% sans-serif; 2.1304 - } 2.1305 - html body .head .logo .instanceName { 2.1306 - font: normal 10pt / 100% sans-serif; 2.1307 - display: block; 2.1308 - margin-left: 0; 2.1309 - } 2.1310 - html body .head .nav { 2.1311 - padding: 0; 2.1312 - } 2.1313 - html body .initiativeInfo h1 { 2.1314 - display: none; 2.1315 - } 2.1316 - html body .slot_title { 2.1317 - font: bold 12pt / 125% sans-serif; 2.1318 - padding: 0; 2.1319 - margin: 0 6pt; 2.1320 - } 2.1321 - html body .slot_title .spacer { 2.1322 - display: none; 2.1323 - } 2.1324 - html body .slot_title .unit, 2.1325 - html body .slot_title .area, 2.1326 - html body .slot_title .issue, 2.1327 - html body .slot_title .initiative, 2.1328 - html body .slot_title .member { 2.1329 - display: block; 2.1330 - margin-right: 0; 2.1331 - padding: 4px 0; 2.1332 - border-radius: 2px; 2.1333 - overflow: auto; 2.1334 - } 2.1335 - html body .slot_title .unit:before, 2.1336 - html body .slot_title .area:before, 2.1337 - html body .slot_title .issue:before, 2.1338 - html body .slot_title .initiative:before, 2.1339 - html body .slot_title .member:before { 2.1340 - content: "↳"; 2.1341 - position: relative; 2.1342 - top: -2px; 2.1343 - } 2.1344 - html body .slot_title .area { 2.1345 - margin-left: 10px; 2.1346 - } 2.1347 - html body .slot_title .issue { 2.1348 - margin-left: 20px; 2.1349 - } 2.1350 - html body .slot_title .initiative { 2.1351 - margin-left: 30px; 2.1352 - } 2.1353 - html body .slot_title a:last-child, 2.1354 - html body .slot_title .issue:last-child, 2.1355 - html body .slot_title .area:last-child, 2.1356 - html body .slot_title .unit:last-child, 2.1357 - html body .slot_title .initiative:last-child { 2.1358 - margin-bottom: 6pt; 2.1359 - } 2.1360 - html body .slot_title .unit a, 2.1361 - html body .slot_title .initiative a, 2.1362 - html body .slot_title .issue a, 2.1363 - html body .slot_title .area a { 2.1364 - margin-bottom: 0; 2.1365 - display: inline; 2.1366 - } 2.1367 - html body .slot_title a.home { 2.1368 - display: none; 2.1369 - } 2.1370 - html body .slot_title .weight { 2.1371 - float: right; 2.1372 - margin: 0; 2.1373 - } 2.1374 - html body .slot_title .delegation_info { 2.1375 - float: right; 2.1376 - display: block; 2.1377 - margin-top: -10px; 2.1378 - } 2.1379 - html body .slot_title a .label { 2.1380 - display: inline; 2.1381 - } 2.1382 - html body .slot_title .star { 2.1383 - float: right; 2.1384 - margin-left: 0.5em; 2.1385 - margin-top: -4.5px; 2.1386 - margin-bottom: -4.5px; 2.1387 - } 2.1388 - html body .slot_title > span > *:last-child { 2.1389 - font: bold 12pt / 125% sans-serif; 2.1390 - } 2.1391 - html body .page { 2.1392 - background: none; 2.1393 - margin: 0; 2.1394 - box-shadow: none; 2.1395 - } 2.1396 - html body .nav #member_menu .text { 2.1397 - display: none; 2.1398 - } 2.1399 - html body .nav form.search { 2.1400 - display: none; 2.1401 - } 2.1402 - html body .nav .notifications, 2.1403 - html body .nav .searchLink, 2.1404 - html body .nav #member_menu a { 2.1405 - vertical-align: middle; 2.1406 - display: inline-block; 2.1407 - height: 48px; 2.1408 - min-width: 35px; 2.1409 - text-align: center; 2.1410 - background-color: #000; 2.1411 - border: 1px solid #777; 2.1412 - border-radius: 2px; 2.1413 - margin: 0; 2.1414 - } 2.1415 - html body .nav .notifications img, 2.1416 - html body .nav .searchLink img, 2.1417 - html body .nav #member_menu a img { 2.1418 - margin: 0; 2.1419 - width: 48px; 2.1420 - height: 48px; 2.1421 - } 2.1422 - html body .nav .notifications { 2.1423 - padding: 12px 2px; 2.1424 - height: 24px; 2.1425 - } 2.1426 - html body .nav #member_menu a :last-child { 2.1427 - display: none; 2.1428 - } 2.1429 - html body .notifications span { 2.1430 - margin-left: -5px; 2.1431 - } 2.1432 - html body .swiper_tabs { 2.1433 - clear: both; 2.1434 - display: block; 2.1435 - overflow: auto; 2.1436 - margin: 6pt; 2.1437 - } 2.1438 - html body .swiper_tabs div { 2.1439 - display: block; 2.1440 - float: left; 2.1441 - width: 33.333%; 2.1442 - } 2.1443 - html body .swiper_tabs div a { 2.1444 - padding: 8px 0; 2.1445 - display: block; 2.1446 - text-align: center; 2.1447 - background-color: #eee; 2.1448 - } 2.1449 - html body .swiper_tabs div a.active { 2.1450 - background-color: #abe; 2.1451 - } 2.1452 - html body .swiper_tabs div:first-child a { 2.1453 - border-radius: 2px 0 0 2px; 2.1454 - } 2.1455 - html body .swiper_tabs div:last-child a { 2.1456 - border-radius: 0 2px 2px 0; 2.1457 - } 2.1458 - html body #swiper_info.active { 2.1459 - display: block; 2.1460 - font: bold 10pt / 125% sans-serif; 2.1461 - z-index: 1; 2.1462 - text-align: center; 2.1463 - width: 100%; 2.1464 - background-color: #255078; 2.1465 - color: #ffffff; 2.1466 - } 2.1467 - html body .sidebarSection { 2.1468 - margin: 0 6pt 6pt 6pt; 2.1469 - } 2.1470 - html body .main, 2.1471 - html body .extra > .section { 2.1472 - clear: none; 2.1473 - float: none; 2.1474 - width: auto; 2.1475 - margin: 0 6pt 6pt 6pt; 2.1476 - } 2.1477 - html body .main .section .sectionRow:last-child, 2.1478 - html body .extra > .section .section .sectionRow:last-child { 2.1479 - margin-bottom: 6pt; 2.1480 - } 2.1481 - html body .ui_filter_head.filter_mode { 2.1482 - float: none !important; 2.1483 - background: #ffffff !important; 2.1484 - text-align: left !important; 2.1485 - border-radius: 2px; 2.1486 - margin-bottom: 6pt !important; 2.1487 - } 2.1488 - html body .member_photo { 2.1489 - text-align: center; 2.1490 - margin-bottom: 2ex; 2.1491 - } 2.1492 - html body .member_photo .member_image_photo { 2.1493 - max-width: 600px; 2.1494 - } 2.1495 - html body #trace_content { 2.1496 - margin: 6pt 0; 2.1497 - border-radius: 0; 2.1498 - } 2.1499 - html body #trace_content ul li .trace_head { 2.1500 - padding: 6px 5px; 2.1501 - } 2.1502 - html body #trace_content ul ul { 2.1503 - padding: 5px 2px; 2.1504 - } 2.1505 -} 2.1506 -.textCenter { 2.1507 - text-align: center; 2.1508 -} 2.1509 -a.initiative { 2.1510 - text-decoration: none; 2.1511 - border-bottom: 1px solid #66c; 2.1512 -} 2.1513 -a.initiative:hover { 2.1514 - border-bottom: 1px solid #007; 2.1515 -} 2.1516 -#trace_content { 2.1517 - margin: 12pt; 2.1518 - padding: 9px; 2.1519 - border-radius: 2px; 2.1520 - background-color: #ffffff; 2.1521 -} 2.1522 -#trace_content #system_error { 2.1523 - font-family: monospace; 2.1524 -} 2.1525 -#trace_content ul li { 2.1526 - margin-top: 10px; 2.1527 -} 2.1528 -#trace_content ul li .trace_head { 2.1529 - padding: 3px 5px; 2.1530 - border-radius: 2px 2px 0 0; 2.1531 -} 2.1532 -#trace_content ul li .trace_head:last-child { 2.1533 - border-radius: 2px; 2.1534 -} 2.1535 -#trace_content ul li ul { 2.1536 - border-radius: 0 0 2px 2px; 2.1537 -} 2.1538 -#trace_content ul li:first-child { 2.1539 - margin-top: 0; 2.1540 -} 2.1541 -#trace_content ul ul { 2.1542 - padding: 10px; 2.1543 -} 2.1544 -#trace_content .trace_config > ul { 2.1545 - background-color: #eee; 2.1546 - border: 1px solid #ccc; 2.1547 -} 2.1548 -#trace_content .trace_config > .trace_head { 2.1549 - background-color: #ccc; 2.1550 - color: #000; 2.1551 -} 2.1552 -#trace_content .trace_request > ul { 2.1553 - background-color: #afa; 2.1554 -} 2.1555 -#trace_content .trace_request > .trace_head { 2.1556 - background-color: #0c0; 2.1557 -} 2.1558 -#trace_content .trace_filter > ul { 2.1559 - background-color: #ccf; 2.1560 - border: 1px solid #00c; 2.1561 - border-top: none; 2.1562 -} 2.1563 -#trace_content .trace_filter > .trace_head { 2.1564 - background-color: #00c; 2.1565 - color: #fff; 2.1566 -} 2.1567 -#trace_content .trace_view > ul { 2.1568 - background-color: #cfc; 2.1569 - border: 1px solid #0c0; 2.1570 - border-top: none; 2.1571 -} 2.1572 -#trace_content .trace_view > .trace_head { 2.1573 - background-color: #0c0; 2.1574 - color: #000; 2.1575 -} 2.1576 -#trace_content .trace_action_neutral > ul { 2.1577 - background-color: #ffa; 2.1578 - border: 1px solid #fe0; 2.1579 -} 2.1580 -#trace_content .trace_action_neutral > .trace_head { 2.1581 - background-color: #fe0; 2.1582 - color: #000; 2.1583 -} 2.1584 -#trace_content .trace_action_success > ul { 2.1585 - background-color: #afa; 2.1586 - border: 1px solid #fe0; 2.1587 -} 2.1588 -#trace_content .trace_action_success > .trace_head { 2.1589 - background-color: #fe0; 2.1590 - color: #000; 2.1591 -} 2.1592 -#trace_content .trace_action_softfail > ul { 2.1593 - background-color: #faa; 2.1594 - border: 1px solid #fe0; 2.1595 -} 2.1596 -#trace_content .trace_action_softfail > .trace_head { 2.1597 - background-color: #fe0; 2.1598 - color: #000; 2.1599 -} 2.1600 -#trace_content .trace_sql { 2.1601 - background-color: #fff; 2.1602 - padding: 2px 4px; 2.1603 - margin-top: 8px; 2.1604 -} 2.1605 -#trace_content .trace_sql_time { 2.1606 - float: right; 2.1607 - font-weight: bold; 2.1608 -} 2.1609 -#trace_content .trace_error { 2.1610 - background-color: #faa; 2.1611 - color: #000; 2.1612 - font-weight: bold; 2.1613 - border: 1px solid #c00; 2.1614 -} 2.1615 -#trace_content .trace_exectime { 2.1616 - background-color: #ccc; 2.1617 - font-weight: bold; 2.1618 - border-radius: 2px; 2.1619 -} 2.1620 -#trace_content .time { 2.1621 - float: right; 2.1622 -} 2.1623 -#trace_content .total_duration { 2.1624 - font-weight: bold; 2.1625 -}
3.1 --- a/static/lf3.less Mon Feb 01 20:56:14 2021 +0100 3.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 3.3 @@ -1,1994 +0,0 @@ 3.4 -html, body, div, span, applet, object, iframe, 3.5 -h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3.6 -a, abbr, acronym, address, big, cite, code, 3.7 -del, dfn, em, img, ins, kbd, q, s, samp, 3.8 -small, strike, strong, sub, sup, tt, var, 3.9 -b, u, i, center, 3.10 -dl, dt, dd, ol, ul, li, 3.11 -fieldset, form, label, legend, 3.12 -table, caption, tbody, tfoot, thead, tr, th, td, 3.13 -article, aside, canvas, details, embed, 3.14 -figure, figcaption, footer, header, hgroup, 3.15 -menu, nav, output, ruby, section, summary, 3.16 -time, mark, audio, video { 3.17 - margin: 0; 3.18 - padding: 0; 3.19 - border: 0; 3.20 - font-size: 100%; 3.21 - font: inherit; 3.22 - vertical-align: baseline; 3.23 -} 3.24 -/* HTML5 display-role reset for older browsers */ 3.25 -article, aside, details, figcaption, figure, 3.26 -footer, header, hgroup, menu, nav, section { 3.27 - display: block; 3.28 -} 3.29 -body { 3.30 - line-height: 1; 3.31 -} 3.32 -ol, ul { 3.33 - list-style: none; 3.34 -} 3.35 -blockquote, q { 3.36 - quotes: none; 3.37 -} 3.38 -blockquote:before, blockquote:after, 3.39 -q:before, q:after { 3.40 - content: ''; 3.41 - content: none; 3.42 -} 3.43 -table { 3.44 - border-collapse: collapse; 3.45 - border-spacing: 0; 3.46 -} 3.47 - 3.48 -/* end reset */ 3.49 - 3.50 - 3.51 -/* color, fonts, gaps and border radius settings */ 3.52 - 3.53 -@body-bg-color: #397ab6; 3.54 -@body-color: #fff; 3.55 -@footer-bg-color: #000; 3.56 -@footer-color: #fff; 3.57 -@page-bg-color: #ddd; 3.58 -@mobile-bg-color: #255078; 3.59 -@head-bg-color: #000; 3.60 -@head-color: #fff; 3.61 -@head-second-color: #0e0; 3.62 -@head-link-color: #fff; 3.63 -@main-bg-color: #fff; 3.64 -@main-color: #000; 3.65 -@main-second-color: #444; 3.66 -@main-event-color: #070; 3.67 -@main-negative-event-color: #a00; 3.68 -@main-head-bg-color: #fff; 3.69 -@main-head-color: #000; 3.70 -@main-link-color: #227; 3.71 -@main-seperator-color: #aaa; 3.72 -@main-highlight-bg-color: #e7f0ff; 3.73 -@main-supported-bg-color: #fa2; 3.74 -@main-satisfied-bg-color: #282; 3.75 -@sidebar-bg-color: #fff; 3.76 -@sidebar-color: #000; 3.77 -@sidebar-head-bg-color: @main-head-bg-color; 3.78 -@sidebar-head-color: @main-head-color; 3.79 -@sidebar-link-color: #227; 3.80 -@sidebar-hr-color: #777; 3.81 -@disabled-color: #777; 3.82 -@admitted-color: #0a0; 3.83 -@not-admitted-color: #a00; 3.84 - 3.85 -@delegation-bg-color: #fff; 3.86 -@delegation-color: #000; 3.87 -@delegation-active-border-color: #f80; 3.88 - 3.89 -@must-bg-color: #0c0; 3.90 -@must-color: #fff; 3.91 -@should-bg-color: #4a4; 3.92 -@should-color: #fff; 3.93 -@shouldnot-bg-color: #a44; 3.94 -@shouldnot-color: #fff; 3.95 -@mustnot-bg-color: #c00; 3.96 -@mustnot-color: #fff; 3.97 - 3.98 -@implemented-bg-color: #0c0; 3.99 -@implemented-color: #fff; 3.100 -@notimplemented-bg-color: #c00; 3.101 -@notimplemented-color: #fff; 3.102 - 3.103 -@font: sans-serif; 3.104 -@size-normal: 10pt; 3.105 -@size-big: 12pt; 3.106 -@line-height: 125%; 3.107 - 3.108 - 3.109 - 3.110 -@logo-font: bold @size-normal e('/') 100% @font; 3.111 -@instance-font: normal @size-normal e('/') 100% @font; 3.112 -@mobile-logo-font: bold @size-big e('/') @line-height @font; 3.113 -@mobile-instance-font: normal @size-normal e('/') 100% @font; 3.114 - 3.115 -@title-font: bold @size-big e('/') @line-height @font; 3.116 - 3.117 -@main-font: normal @size-normal e('/') @line-height @font; 3.118 -@event-font: bold @size-normal e('/') @line-height @font; 3.119 - 3.120 -@tabs-font: normal @size-normal e('/') @line-height @font; 3.121 -@tabs-active-font: bold @size-big e('/') @line-height @font; 3.122 - 3.123 -@filter-font: normal @size-normal e('/') 150% @font; 3.124 -@filter-active-font: bold @size-normal e('/') 150% @font; 3.125 - 3.126 -@subfilter-font: @filter-font; 3.127 -@subfilter-active-font: @filter-active-font; 3.128 - 3.129 -@head1-font: bold @size-big e('/') @line-height @font; 3.130 -@head2-font: bold @size-big e('/') @line-height @font; 3.131 -@head3-font: bold @size-normal e('/') @line-height @font; 3.132 - 3.133 -@btn-font: bold @size-normal e('/') @line-height @font; 3.134 - 3.135 -@usertext-font: normal @size-normal e('/') @line-height @font; 3.136 -@usertext-italic-font: italic @size-normal e('/') @line-height @font; 3.137 -@usertext-bold-font: normal @size-normal e('/') @line-height @font; 3.138 - 3.139 - 3.140 - 3.141 -@main-width: 70%; 3.142 - 3.143 -@pad: 9px; 3.144 -@grid: 12pt; 3.145 - 3.146 -@paragraph-margin: 1.5ex; 3.147 - 3.148 -@border-radius: 2px; 3.149 -@btn-border-radius: 5px; 3.150 - 3.151 -.list-style { 3.152 - list-style: disc; 3.153 - padding-left: 20px; 3.154 -} 3.155 - 3.156 -@micro-avatar-size: 24px; 3.157 - 3.158 -/* 3.159 - * basic font settings 3.160 - */ 3.161 - 3.162 -html { 3.163 - overflow-y: scroll; 3.164 -} 3.165 - 3.166 -body { 3.167 - font: @main-font; 3.168 - background-color: @body-bg-color; 3.169 - //background-image: url( "back2.png" ); 3.170 - color: @main-color; 3.171 - background-attachment: fixed; 3.172 -} 3.173 - 3.174 -.page { 3.175 - background-color: #255078; 3.176 - max-width: 1240px; 3.177 - border-radius: 0 0 @border-radius @border-radius; 3.178 - margin: 0 auto; 3.179 - margin-bottom: 40px; 3.180 -} 3.181 - 3.182 -/* 3.183 - * messages 3.184 - */ 3.185 - 3.186 -.slot_notice, 3.187 -.slot_warning, 3.188 -.slot_error { 3.189 - font: @head1-font; 3.190 - padding: @grid; 3.191 -} 3.192 - 3.193 -.slot_motd { 3.194 - background-color: #ccc; 3.195 - padding: @grid; 3.196 -} 3.197 - 3.198 -.slot_notice { 3.199 - background-color: #0c0; 3.200 - color: #fff; 3.201 -} 3.202 - 3.203 -.slot_warning { 3.204 - background-color: #f80; 3.205 - color: #000; 3.206 -} 3.207 - 3.208 -.slot_error { 3.209 - background-color: #c00; 3.210 - color: #fff; 3.211 -} 3.212 - 3.213 -/* 3.214 - * global styles 3.215 - */ 3.216 - 3.217 -/* headlines */ 3.218 -h1 { 3.219 - font: @head1-font; 3.220 - margin-bottom: 1ex; 3.221 -} 3.222 - 3.223 -h1:last-child { 3.224 - margin-bottom: 0; 3.225 -} 3.226 - 3.227 -h2 { 3.228 - font: @head2-font; 3.229 -} 3.230 - 3.231 -h3 { 3.232 - font: @head3-font; 3.233 -} 3.234 - 3.235 -h1:first-child, 3.236 -h2:first-child, 3.237 -h3:first-child { 3.238 - margin-top: 0; 3.239 -} 3.240 - 3.241 -.right { 3.242 - float: right; 3.243 -} 3.244 - 3.245 -.left { 3.246 - float: left; 3.247 - margin-right: @pad; 3.248 -} 3.249 - 3.250 -/* paragraphs */ 3.251 -p { 3.252 - margin-bottom: @paragraph-margin; 3.253 -} 3.254 - 3.255 -p:last-child { 3.256 - margin-bottom: 0; 3.257 -} 3.258 - 3.259 -/* lists */ 3.260 -ul.ul { 3.261 - margin-left: @pad; 3.262 - margin-bottom: @paragraph-margin; 3.263 - .list-style; 3.264 - li { 3.265 - margin: @pad/3 0; 3.266 - } 3.267 - 3.268 - li:last-child { 3.269 - margin-bottom: 0; 3.270 - } 3.271 -} 3.272 - 3.273 -ul.ul:last-child { 3.274 - margin-bottom: 0; 3.275 -} 3.276 - 3.277 - 3.278 -/* tables */ 3.279 - 3.280 -table { 3.281 - 3.282 - td { 3.283 - 3.284 - padding: 0.3ex 0.3em; 3.285 - 3.286 - } 3.287 - 3.288 -} 3.289 - 3.290 -/* links */ 3.291 - 3.292 -a { 3.293 - color: @main-link-color; 3.294 -} 3.295 - 3.296 -a.disabled { 3.297 - color: @disabled-color; 3.298 - cursor: default; 3.299 -} 3.300 - 3.301 -/* formulars */ 3.302 -form.inline { 3.303 - display: inline; 3.304 - div { 3.305 - display: inline; 3.306 - } 3.307 -} 3.308 - 3.309 -img { 3.310 - vertical-align: middle; 3.311 -} 3.312 - 3.313 - 3.314 - 3.315 -img.star { 3.316 - width: 24px; 3.317 - height: 24px; 3.318 -} 3.319 - 3.320 -img.icon16 { 3.321 - width: 16px; 3.322 - height: 16px; 3.323 -} 3.324 - 3.325 -img.icon24 { 3.326 - width: 24px; 3.327 - height: 24px; 3.328 -} 3.329 -img.icon32 { 3.330 - width: 32px; 3.331 - height: 32px; 3.332 -} 3.333 -img.icon48 { 3.334 - width: 48px; 3.335 - height: 48px; 3.336 -} 3.337 - 3.338 - 3.339 -/* 3.340 - * Avatars 3.341 - */ 3.342 - 3.343 -.microAvatar { 3.344 - text-wrap: nowrap; 3.345 -} 3.346 - 3.347 -.microAvatar img, 3.348 -img.micro_avatar { 3.349 - vertical-align: middle; 3.350 - border-radius: 2px; 3.351 - width: @micro-avatar-size; 3.352 - height: @micro-avatar-size; 3.353 -} 3.354 - 3.355 -img.micro_avatar.highlighted { 3.356 - margin: 0; 3.357 - border: 2px solid @delegation-active-border-color; 3.358 -} 3.359 - 3.360 - 3.361 -/* 3.362 - * delegation info 3.363 - */ 3.364 - 3.365 -.vote_info, 3.366 -.delegation_info { 3.367 - white-space: nowrap; 3.368 - float: right; 3.369 - text-decoration: none; 3.370 - img { 3.371 - vertical-align: middle; 3.372 - } 3.373 - margin: -2px; 3.374 -} 3.375 - 3.376 -.delegation_info img { 3.377 - border-radius: @border-radius; 3.378 - margin: 2px; 3.379 -} 3.380 - 3.381 -.delegation_info.suspended { 3.382 - opacity: 0.3; 3.383 -} 3.384 - 3.385 -.slot_title .delegation_info.suspended { 3.386 - opacity: 1; 3.387 -} 3.388 - 3.389 -/* 3.390 - * generic attributes 3.391 - */ 3.392 - 3.393 -.hide { 3.394 - display: none; 3.395 -} 3.396 -.head_outer { 3.397 - background-color: @head-bg-color; 3.398 - color: @head-color; 3.399 - overflow: auto; 3.400 - margin: 0 auto; 3.401 - max-width: 1240px; 3.402 -} 3.403 -.head { 3.404 - padding: 0.3ex 0; 3.405 - margin: 0 @grid; 3.406 - a { 3.407 - color: @head-link-color; 3.408 - } 3.409 - 3.410 - /* 3.411 - * the logo and instance name 3.412 - */ 3.413 - .logo { 3.414 - display: block; 3.415 - padding: @pad 0; 3.416 - text-decoration: none; 3.417 - font: @logo-font; 3.418 - 3.419 - .liquid { 3.420 - color: @head-color; 3.421 - } 3.422 - 3.423 - .feedback { 3.424 - color: @head-second-color; 3.425 - } 3.426 - .instanceName { 3.427 - font: @instance-font; 3.428 - padding-top: @pad; 3.429 - } 3.430 - } 3.431 - .logo:hover { 3.432 - text-decoration: underline; 3.433 - } 3.434 - 3.435 - 3.436 - 3.437 - .notifications { 3.438 - margin-left: 0.6em; 3.439 - text-decoration: none; 3.440 - 3.441 - .count { 3.442 - background-color: #f00; 3.443 - color: #000; 3.444 - padding: 0.2ex 0.25em; 3.445 - border-radius: 1ex; 3.446 - vertical-align: top; 3.447 - } 3.448 - 3.449 - .icon { 3.450 - width: 24px; 3.451 - height: 24px; 3.452 - } 3.453 - } 3.454 - 3.455 - /* 3.456 - * navigation bar 3.457 - */ 3.458 - .nav { 3.459 - float: right; 3.460 - padding-top: @pad - 3px; 3.461 - 3.462 - ul, > ul > li:first-child { 3.463 - display: inline; 3.464 - } 3.465 - 3.466 - input[name=q] { 3.467 - width: 12em; 3.468 - border-radius: @border-radius; 3.469 - padding: 2px; 3.470 - background-color: @head-bg-color; 3.471 - color: @head-color; 3.472 - border: 1px solid @body-bg-color; 3.473 - margin-right: 0.6em; 3.474 - } 3.475 - input[name=q]:focus { 3.476 - outline: 2px solid @body-bg-color; 3.477 - } 3.478 - 3.479 - #member_menu a span { 3.480 - margin-left: 5px; 3.481 - } 3.482 - 3.483 - } 3.484 - 3.485 -} 3.486 - 3.487 -/* 3.488 - * title 3.489 - */ 3.490 -.slot_title { 3.491 - 3.492 - padding-left: @grid; 3.493 - padding-right: @grid; 3.494 - font: @title-font; 3.495 - color: @body-color; 3.496 - padding-top: @grid; 3.497 - 3.498 - a { 3.499 - color: @body-color; 3.500 - display: inline-block; 3.501 - } 3.502 - 3.503 - a.home { 3.504 - margin-right: 4px; 3.505 - } 3.506 - 3.507 - a.delegation_info { 3.508 - margin-right: 0; 3.509 - } 3.510 - 3.511 - .initiative, 3.512 - a .label { 3.513 - display: none; 3.514 - } 3.515 - 3.516 - .delegation_info { 3.517 - background-color: @main-bg-color; 3.518 - color: @main-color; 3.519 - border-radius: @border-radius; 3.520 - padding-right: 3px; 3.521 - margin-bottom: @grid; 3.522 - a { 3.523 - color: @main-color; 3.524 - } 3.525 - } 3.526 -} 3.527 - 3.528 -.content { 3.529 - clear: both; 3.530 - margin: 0 @grid; 3.531 - margin-top: @grid; 3.532 -} 3.533 - 3.534 -/* 3.535 - * the sidebar 3.536 - */ 3.537 - 3.538 -.sidebar { 3.539 - float: right; 3.540 - width: 100% - @main-width; 3.541 -} 3.542 - 3.543 -.sidebarSection { 3.544 - background-color: @sidebar-bg-color; 3.545 - border-radius: @border-radius; 3.546 - color: @sidebar-color; 3.547 - margin-bottom: @grid; 3.548 - padding: 0; 3.549 - 3.550 - .sidebarHead { 3.551 - padding: @pad @pad @pad / 2 @pad; 3.552 - background: @sidebar-head-bg-color; 3.553 - color: @sidebar-head-color; 3.554 - 3.555 - a { 3.556 - color: @sidebar-head-color; 3.557 - } 3.558 - min-height: 20px; 3.559 - 3.560 - .icon24 { 3.561 - margin-top: -@pad/2.5; 3.562 - } 3.563 - } 3.564 - 3.565 - .sidebarRow, .ui_filter_head, .ui_paginate_foot { 3.566 - clear: right; 3.567 - display: block; 3.568 - padding: @pad/2 @pad; 3.569 - min-height: 20px; 3.570 - } 3.571 - 3.572 - .sidebarRow { 3.573 - border-top: 1px solid @main-seperator-color; 3.574 - } 3.575 - 3.576 - .sidebarRow.highlighted { 3.577 - background-color: @main-highlight-bg-color; 3.578 - } 3.579 - 3.580 - .sidebarRow.sidebarRowNarrow, .ui_filter_head, .ui_paginate_foot{ 3.581 - padding: @pad / 4 @pad; 3.582 - } 3.583 - 3.584 - .sidebarRow.moreLink { 3.585 - min-height: 0; 3.586 - } 3.587 - 3.588 - a.sidebarRow { 3.589 - text-decoration: none; 3.590 - color: @sidebar-color; 3.591 - } 3.592 - 3.593 - h1, h1 a, 3.594 - h2, h2 a, 3.595 - h3, h3 a { 3.596 - color: @sidebar-head-color; 3.597 - } 3.598 - 3.599 - a { 3.600 - color: @sidebar-link-color; 3.601 - } 3.602 - 3.603 - .areas { 3.604 - .whenfolded { 3.605 - display: none; 3.606 - } 3.607 - } 3.608 - 3.609 - .areas.folded { 3.610 - .whenunfolded { 3.611 - display: none; 3.612 - } 3.613 - .whenfolded { 3.614 - display: block; 3.615 - } 3.616 - .disabled { 3.617 - display: none; 3.618 - } 3.619 - } 3.620 - 3.621 - 3.622 - a.issue { 3.623 - font: @head1-font; 3.624 - color: @main-color; 3.625 - } 3.626 - 3.627 - ul.initiatives { 3.628 - li { 3.629 - padding: @pad/2 @pad; 3.630 - .bargraph { 3.631 - display: block; 3.632 - } 3.633 - .supporterCount { 3.634 - white-space: nowrap; 3.635 - } 3.636 - border-top: 1px solid @main-seperator-color; 3.637 - } 3.638 - .revoked .initiative_name { 3.639 - text-decoration: line-through; 3.640 - } 3.641 - 3.642 - .rank1 .initiative_name { 3.643 - font-weight: bold; 3.644 - } 3.645 - 3.646 - li.highlighted { 3.647 - background-color: @main-highlight-bg-color; 3.648 - } 3.649 - li.highlighted:last-child{ 3.650 - border-radius: 0 0 @border-radius @border-radius; 3.651 - } 3.652 - } 3.653 - 3.654 - .supporters { 3.655 - line-height: @micro-avatar-size * 1.2; 3.656 - } 3.657 - 3.658 - .supportCount { 3.659 - color: #00c000; 3.660 - font: @head1-font; 3.661 - float: right; 3.662 - } 3.663 - 3.664 - .member_list { 3.665 - 3.666 - .member_thumb { 3.667 - white-space: nowrap; 3.668 - overflow: hidden; 3.669 - text-overflow: ellipsis; 3.670 - 3.671 - img.member_image { 3.672 - width: 24px; 3.673 - height: 24px; 3.674 - vertical-align: middle; 3.675 - margin-right: 0.2em; 3.676 - } 3.677 - 3.678 - } 3.679 - 3.680 - .member_thumb.in_delegation_chain { 3.681 - font-weight: bold; 3.682 - } 3.683 - } 3.684 - 3.685 - 3.686 - > div { 3.687 - position: relative; 3.688 - } 3.689 - 3.690 - > div:first-child { 3.691 - margin-top: 0; 3.692 - border-radius: @border-radius @border-radius 0 0; 3.693 - } 3.694 - 3.695 - > div:last-child { 3.696 - border-radius: 0 0 @border-radius @border-radius; 3.697 - } 3.698 - 3.699 - > div:last-child:first-child { 3.700 - border-radius: @border-radius; 3.701 - } 3.702 - 3.703 - 3.704 - a.unit { 3.705 - font: @head2-font; 3.706 - } 3.707 - 3.708 - a.area { 3.709 - margin-left: 20px; 3.710 - display: block; 3.711 - } 3.712 - 3.713 - .star { 3.714 - float: left; 3.715 - } 3.716 - 3.717 - .delegation_info { 3.718 - margin-top: -@pad/2.5; 3.719 - margin-bottom: 1px; 3.720 - } 3.721 -} 3.722 - 3.723 -.admitted_info h1 { 3.724 - color: @admitted-color; 3.725 -} 3.726 - 3.727 -.not_admitted_info, .revoked_info { 3.728 - h1 { 3.729 - color: @not-admitted-color; 3.730 - } 3.731 -} 3.732 - 3.733 -.admitted_info, 3.734 -.not_admitted_info { 3.735 - 3.736 - .initiative_pie { 3.737 - float: right; 3.738 - } 3.739 - 3.740 - table { 3.741 - tr { 3.742 - th { 3.743 - text-align: left; 3.744 - } 3.745 - td { 3.746 - text-align: right; 3.747 - padding: 0.3ex 0.4em; 3.748 - } 3.749 - } 3.750 - } 3.751 -} 3.752 - 3.753 - 3.754 - 3.755 - 3.756 -/* 3.757 - * main area 3.758 - */ 3.759 - 3.760 -.main_outer { 3.761 - width: @main-width; 3.762 -} 3.763 - 3.764 - 3.765 -.main { 3.766 - 3.767 - clear: left; 3.768 - margin-right: @grid; 3.769 - border-radius: @border-radius; 3.770 - 3.771 - .section { 3.772 - 3.773 - .sectionHead, .sectionRow { 3.774 - background-color: @main-bg-color; 3.775 - overflow: auto; 3.776 - padding: @pad; 3.777 - } 3.778 - 3.779 - .sectionHead { 3.780 - background-color: @main-head-bg-color; 3.781 - color: @main-head-color; 3.782 - margin-top: @grid; 3.783 - border-radius: @border-radius @border-radius 0 0; 3.784 - } 3.785 - 3.786 - .sectionHead:first-child { 3.787 - margin-top: 0; 3.788 - } 3.789 - 3.790 - .sectionHead:last-child { 3.791 - border-radius: @border-radius; 3.792 - } 3.793 - 3.794 - 3.795 - .sectionRow { 3.796 - margin-top: 4px; 3.797 - } 3.798 - 3.799 - .sectionRow:last-child { 3.800 - border-radius: 0 0 @border-radius @border-radius; 3.801 - margin-bottom: @grid; 3.802 - } 3.803 - 3.804 - 3.805 - } 3.806 - 3.807 - .ui_tabs_links { 3.808 - } 3.809 - 3.810 - > h1 { 3.811 - border-bottom: 1px solid @main-seperator-color; 3.812 - padding: @pad; 3.813 - } 3.814 - 3.815 - /* 3.816 - * tabs und filter 3.817 - */ 3.818 - 3.819 - .ui_filter { 3.820 - .ui_filter_head { 3.821 - background: @main-head-bg-color; 3.822 - color: @main-head-color; 3.823 - padding: 0 @pad @pad @pad; 3.824 - vertical-align: middle; 3.825 - a { 3.826 - white-space: nowrap; 3.827 - font: @filter-font; 3.828 - margin-right: 0.5em; 3.829 - } 3.830 - a.active { 3.831 - font: @filter-active-font; 3.832 - text-decoration: none; 3.833 - color: @main-head-color; 3.834 - } 3.835 - select { 3.836 - background: @main-bg-color; 3.837 - color: @main-second-color; 3.838 - font: @filter-font; 3.839 - border: none; 3.840 - padding: 0; 3.841 - margin: 0; 3.842 - 3.843 - option { 3.844 - color: @main-color; 3.845 - } 3.846 - option:first-child, 3.847 - option[value="interest_direct"], 3.848 - option[value="interest_delegated"], 3.849 - option[value="support_direct"], 3.850 - option[value="support_delegated"], 3.851 - option[value="potential_support_direct"], 3.852 - option[value="potential_support_delegated"] { 3.853 - color: @main-second-color; 3.854 - } 3.855 - } 3.856 - select.active { 3.857 - color: @main-color; 3.858 - } 3.859 - } 3.860 - .ui_filter_head:first-child { 3.861 - border-radius: @border-radius @border-radius 0 0; 3.862 - padding-top: @pad; 3.863 - } 3.864 - .ui_filter_head.filter_filter { 3.865 - padding-top: @pad; 3.866 - } 3.867 - 3.868 - .ui_filter_head.filter_mode { 3.869 - padding-top: @pad; 3.870 - margin-bottom: 0; 3.871 - padding-bottom: 0; 3.872 - } 3.873 - .ui_filter_head.subfilter { 3.874 - a { 3.875 - font: @subfilter-font; 3.876 - } 3.877 - a.active { 3.878 - font: @subfilter-active-font; 3.879 - } 3.880 - } 3.881 - } 3.882 - 3.883 - .filter { 3.884 - float: right; 3.885 - } 3.886 - 3.887 - .delegation_info.suspended { 3.888 - margin: 1ex -2px -2px -2px; 3.889 - } 3.890 - 3.891 - 3.892 - .issues { 3.893 - .state_info { 3.894 - font: @event-font; 3.895 - color: @main-event-color; 3.896 - } 3.897 - .state_info.negative { 3.898 - color: @main-negative-event-color; 3.899 - } 3.900 - } 3.901 - 3.902 - ul.initiatives { 3.903 - li { 3.904 - margin-top: 1ex; 3.905 - 3.906 - .bargraph { 3.907 - float: left; 3.908 - margin-top: 5px; 3.909 - margin-right: 0.5em; 3.910 - } 3.911 - 3.912 - .initiative_name { 3.913 - display: block; 3.914 - margin-left: 110px; 3.915 - } 3.916 - 3.917 - .rank1 .initiative_name { 3.918 - margin-left: 0; 3.919 - font-weight: bold; 3.920 - } 3.921 - 3.922 - .revoked .initiative_name { 3.923 - text-decoration: line-through; 3.924 - } 3.925 - 3.926 - } 3.927 - 3.928 - li:first-child { 3.929 - margin-top: 0; 3.930 - clear: none; 3.931 - } 3.932 - 3.933 - } 3.934 - 3.935 - .events .event ul.initiatives li .initiative_name { 3.936 - margin-left: 0; 3.937 - } 3.938 - 3.939 - .member_photo { 3.940 - float: right; 3.941 - } 3.942 - 3.943 - .member_thumb.in_delegation_chain { 3.944 - font-weight: bold; 3.945 - } 3.946 - 3.947 - 3.948 - 3.949 - /* 3.950 - * initiative 3.951 - */ 3.952 - 3.953 - 3.954 - .support { 3.955 - color: #aaa; 3.956 - line-height: 80%; 3.957 - float: right; 3.958 - width: 102px; 3.959 - } 3.960 - 3.961 - .initiativeInfo { 3.962 - font-family: @main-font; 3.963 - line-height: @micro-avatar-size; 3.964 - overflow: auto; 3.965 - 3.966 - .support { 3.967 - margin-top: 1ex; 3.968 - float: left; 3.969 - width: auto; 3.970 - } 3.971 - 3.972 - .mySupport { 3.973 - line-height: 125%; 3.974 - min-width: 12em; 3.975 - text-align: right; 3.976 - } 3.977 - 3.978 - .initiators { 3.979 - margin-top: 1.5ex; 3.980 - margin-bottom: -1ex; 3.981 - float: left; 3.982 - } 3.983 - 3.984 - .links { 3.985 - margin-top: 1.5ex; 3.986 - margin-bottom: -1ex; 3.987 - float: right; 3.988 - clear: right; 3.989 - } 3.990 - 3.991 - .initiator_links { 3.992 - clear: right; 3.993 - } 3.994 - 3.995 - } 3.996 - 3.997 - .issueInfo { 3.998 - .links { 3.999 - margin-top: 1.5ex; 3.1000 - margin-bottom: -1ex; 3.1001 - float: right; 3.1002 - clear: both; 3.1003 - } 3.1004 - } 3.1005 - 3.1006 - .draft_updated_info { 3.1007 - color: @main-event-color; 3.1008 - 3.1009 - .info { 3.1010 - font: @head3-font; 3.1011 - } 3.1012 - } 3.1013 - 3.1014 - /* the draft */ 3.1015 - .draft { 3.1016 - font: @usertext-font; 3.1017 - 3.1018 - ul { 3.1019 - margin-left: 1em; 3.1020 - margin-bottom: @paragraph-margin; 3.1021 - list-style: square; 3.1022 - padding-left: 1em; 3.1023 - } 3.1024 - 3.1025 - ol { 3.1026 - margin-left: 1em; 3.1027 - margin-bottom: @paragraph-margin; 3.1028 - list-style: decimal; 3.1029 - padding-left: 1em; 3.1030 - } 3.1031 - 3.1032 - h1 { 3.1033 - font: @usertext-italic-font; 3.1034 - font-size: 125%; 3.1035 - border-bottom: 1px solid @main-second-color; 3.1036 - margin-bottom: 1ex; 3.1037 - } 3.1038 - 3.1039 - h2 { 3.1040 - font: @usertext-bold-font; 3.1041 - font-size: 125%; 3.1042 - } 3.1043 - 3.1044 - h3 { 3.1045 - font: @usertext-font; 3.1046 - font-size: 125%; 3.1047 - } 3.1048 - 3.1049 - h4 { 3.1050 - font: @usertext-bold-font; 3.1051 - } 3.1052 - 3.1053 - hr { 3.1054 - border: none; 3.1055 - border-top: 1px solid @main-color; 3.1056 - } 3.1057 - 3.1058 - b, strong { 3.1059 - font: @usertext-italic-font; 3.1060 - } 3.1061 - 3.1062 - i, em { 3.1063 - //font-style: italic; 3.1064 - font: @usertext-bold-font; 3.1065 - } 3.1066 - } 3.1067 - 3.1068 - form, .form { 3.1069 - margin: 0; 3.1070 - padding: 0; 3.1071 - 3.1072 - .ui_field_label { 3.1073 - display: inline-block; 3.1074 - width: 25%; 3.1075 - margin: 0; 3.1076 - padding: 0; 3.1077 - text-align: right; 3.1078 - margin-bottom: @pad; 3.1079 - padding-right: 0.5%; 3.1080 - vertical-align: top; 3.1081 - color: @main-second-color; 3.1082 - } 3.1083 - 3.1084 - input[type=text], 3.1085 - input[type=password], 3.1086 - select, 3.1087 - textarea { 3.1088 - vertical-align: top; 3.1089 - width: 73%; 3.1090 - margin: 0; 3.1091 - padding: 3px; 3.1092 - border: 1px solid @main-second-color; 3.1093 - font: @head3-font; 3.1094 - margin-bottom: @pad; 3.1095 - } 3.1096 - 3.1097 - input:focus { 3.1098 - outline: 2px solid @body-bg-color; 3.1099 - } 3.1100 - 3.1101 - 3.1102 - 3.1103 - .actions { 3.1104 - margin-left: 26%; 3.1105 - } 3.1106 - 3.1107 - } 3.1108 - 3.1109 - form.wide { 3.1110 - input[type=text], 3.1111 - input[type=password], 3.1112 - select, 3.1113 - textarea { 3.1114 - width: 100%; 3.1115 - } 3.1116 - 3.1117 - } 3.1118 - 3.1119 -} 3.1120 - 3.1121 -.issues, .events { 3.1122 - 3.1123 - .event { 3.1124 - 3.1125 - .initiative_pie { 3.1126 - clear: right; 3.1127 - float: right; 3.1128 - } 3.1129 - 3.1130 - ul.initiatives { 3.1131 - 3.1132 - .initiative_info_left { 3.1133 - display: inline; 3.1134 - margin-right: 0.5em; 3.1135 - } 3.1136 - 3.1137 - .initiative_info_right { 3.1138 - float: right; 3.1139 - 3.1140 - .bargraph { 3.1141 - float: right; 3.1142 - margin-left: 0.5em; 3.1143 - } 3.1144 - } 3.1145 - 3.1146 - .result { 3.1147 - color: @main-second-color; 3.1148 - margin-top: 0.5ex; 3.1149 - } 3.1150 - 3.1151 - h3 { 3.1152 - margin-top: 1ex; 3.1153 - margin-bottom: 0; 3.1154 - } 3.1155 - 3.1156 - a.initiative { 3.1157 - font: @head3-font; 3.1158 - } 3.1159 - } 3.1160 - 3.1161 - .event_info { 3.1162 - font: @event-font; 3.1163 - color: @main-event-color; 3.1164 - margin-top: 0.66ex; 3.1165 - margin-bottom: 1ex; 3.1166 - } 3.1167 - 3.1168 - .event_info:last-child { 3.1169 - margin-bottom: 0; 3.1170 - } 3.1171 - 3.1172 - .event_info.negative { 3.1173 - color: @main-negative-event-color; 3.1174 - } 3.1175 - 3.1176 - .event_time { 3.1177 - font: @main-font; 3.1178 - color: @main-second-color; 3.1179 - } 3.1180 - } 3.1181 - 3.1182 - .event:hover { 3.1183 - .event_time { 3.1184 - visibility: visible; 3.1185 - } 3.1186 - ul.initiatives { 3.1187 - div { 3.1188 - visibility: visible; 3.1189 - } 3.1190 - } 3.1191 - } 3.1192 - .issue_context { 3.1193 - line-height: 24px; 3.1194 - margin-bottom: 0.66ex; 3.1195 - .unit { 3.1196 - background-color: #777; 3.1197 - color: #fff; 3.1198 - padding: 1px 3px; 3.1199 - border-radius: @border-radius; 3.1200 - text-decoration: none; 3.1201 - } 3.1202 - .area { 3.1203 - background-color: #ddd; 3.1204 - color: #000; 3.1205 - padding: 1px 3px; 3.1206 - border-radius: @border-radius; 3.1207 - text-decoration: none; 3.1208 - } 3.1209 - } 3.1210 - .issue_info { 3.1211 - .issue { 3.1212 - font: @head3-font; 3.1213 - color: @main-color; 3.1214 - } 3.1215 - } 3.1216 - img.star { 3.1217 - vertical-align: middle; 3.1218 - float: right; 3.1219 - margin-left: 0.5em; 3.1220 - } 3.1221 - 3.1222 - .draft_preview { 3.1223 - } 3.1224 - 3.1225 - .event.suggestion { 3.1226 - 3.1227 - ul.initiatives li { 3.1228 - 3.1229 - margin-top: 0; 3.1230 - margin-bottom: 1ex; 3.1231 - 3.1232 - a { 3.1233 - 3.1234 - font: @main-font; 3.1235 - } 3.1236 - 3.1237 - } 3.1238 - 3.1239 - .suggestion { 3.1240 - 3.1241 - font: @head3-font; 3.1242 - overflow: hidden; 3.1243 - text-overflow: ellipsis; 3.1244 - } 3.1245 - 3.1246 - } 3.1247 - 3.1248 -} 3.1249 - 3.1250 -.suggestions { 3.1251 - 3.1252 - .suggestion { 3.1253 - 3.1254 - .opinion { 3.1255 - float: right; 3.1256 - 3.1257 - .must { 3.1258 - background-color: @must-bg-color; 3.1259 - color: @must-color 3.1260 - } 3.1261 - .should { 3.1262 - background-color: @should-bg-color; 3.1263 - color: @should-color 3.1264 - } 3.1265 - .shouldnot { 3.1266 - background-color: @shouldnot-bg-color; 3.1267 - color: @shouldnot-color 3.1268 - } 3.1269 - .mustnot { 3.1270 - background-color: @mustnot-bg-color; 3.1271 - color: @mustnot-color 3.1272 - } 3.1273 - .implemented { 3.1274 - background-color: @implemented-bg-color; 3.1275 - color: @implemented-color 3.1276 - } 3.1277 - .notimplemented { 3.1278 - background-color: @notimplemented-bg-color; 3.1279 - color: @notimplemented-color 3.1280 - } 3.1281 - 3.1282 - } 3.1283 - 3.1284 - .suggestion-rating { 3.1285 - float: right; 3.1286 - } 3.1287 - .suggestion-text { 3.1288 - margin-top: @pad; 3.1289 - font: @usertext-font; 3.1290 - overflow: hidden; 3.1291 - text-overflow: ellipsis; 3.1292 - position: relative; 3.1293 - z-index: 10; 3.1294 - } 3.1295 - 3.1296 - 3.1297 - .suggestion-details { 3.1298 - float: right; 3.1299 - } 3.1300 - 3.1301 - .suggestion-more { 3.1302 - display: none; 3.1303 - } 3.1304 - 3.1305 - .suggestion-less { 3.1306 - display: none; 3.1307 - } 3.1308 - 3.1309 - .suggestionHead { 3.1310 - overflow: hidden; 3.1311 - text-overflow: ellipsis; 3.1312 - } 3.1313 - 3.1314 - .rating { 3.1315 - display: none; 3.1316 - padding: @pad/2 0; 3.1317 - .active-plus2 { 3.1318 - background-color: @must-bg-color;; 3.1319 - color: @must-color;; 3.1320 - } 3.1321 - .active-plus1 { 3.1322 - background-color: @should-bg-color; 3.1323 - color: @should-color; 3.1324 - } 3.1325 - .active-minus1 { 3.1326 - background-color: @shouldnot-bg-color; 3.1327 - color: @shouldnot-color; 3.1328 - } 3.1329 - .active-minus2 { 3.1330 - background-color: @mustnot-bg-color; 3.1331 - color: @mustnot-color; 3.1332 - } 3.1333 - .active-notfulfilled { 3.1334 - background-color: #faa; 3.1335 - } 3.1336 - .active-fulfilled { 3.1337 - background-color: #afa; 3.1338 - } 3.1339 - } 3.1340 - } 3.1341 - 3.1342 - .suggestion.rateable { 3.1343 - .suggestion-more { 3.1344 - display: block; 3.1345 - } 3.1346 - } 3.1347 - 3.1348 - .suggestion.rateable.unfolded { 3.1349 - .rating { 3.1350 - border-top: 3px solid @body-bg-color; 3.1351 - } 3.1352 - } 3.1353 - 3.1354 - .suggestion.folded { 3.1355 - .suggestion-text { 3.1356 - height: 150px; 3.1357 - overflow: hidden; 3.1358 - } 3.1359 - 3.1360 - .suggestion-more { 3.1361 - display: block; 3.1362 - position: absolute; 3.1363 - bottom: 0; 3.1364 - left: 0; 3.1365 - width: 100%; 3.1366 - box-shadow: inset 0 -12ex 10ex -5ex #fff; 3.1367 - padding-top: 5ex; 3.1368 - } 3.1369 - 3.1370 - .suggestion-details { 3.1371 - position: absolute; 3.1372 - bottom: 0; 3.1373 - right: 0; 3.1374 - } 3.1375 - 3.1376 - } 3.1377 - 3.1378 - .suggestion.unfolded { 3.1379 - .suggestion-more { 3.1380 - display: none; 3.1381 - } 3.1382 - .rating { 3.1383 - display: block; 3.1384 - } 3.1385 - .suggestion-less { 3.1386 - margin-top: 1ex; 3.1387 - display: block; 3.1388 - } 3.1389 - } 3.1390 - 3.1391 - .suggestion.highlighted { 3.1392 - background-color: @main-highlight-bg-color; 3.1393 - 3.1394 - .suggestion-more { 3.1395 - box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color; 3.1396 - } 3.1397 - 3.1398 - } 3.1399 - 3.1400 -} 3.1401 - 3.1402 -li.raw { 3.1403 - list-style: none; 3.1404 - padding: 0; 3.1405 - margin: 0 !important; 3.1406 -} 3.1407 - 3.1408 - 3.1409 -.satisfiedSupporterCount { 3.1410 - color: #070; 3.1411 -} 3.1412 -.potentialSupporterCount { 3.1413 - color: #960; 3.1414 -} 3.1415 - 3.1416 -.bargraph { 3.1417 - display: inline-block; 3.1418 - vertical-align: top; 3.1419 - height: 9px; 3.1420 - 3.1421 - div { 3.1422 - margin: 0; 3.1423 - padding: 0; 3.1424 - display: inline-block; 3.1425 - height: 9px; 3.1426 - } 3.1427 - 3.1428 -} 3.1429 - 3.1430 -.diff { 3.1431 - .diff_added { 3.1432 - background-color: #cfc; 3.1433 - } 3.1434 - 3.1435 - .diff_removed { 3.1436 - text-decoration: line-through; 3.1437 - background-color: #fcc; 3.1438 - } 3.1439 -} 3.1440 - 3.1441 -.btn, .ui_paginate_foot a { 3.1442 - text-decoration: none; 3.1443 - min-width: 2em; 3.1444 - text-align: center; 3.1445 - display: inline-block; 3.1446 - border-radius: @btn-border-radius; 3.1447 - border: none; 3.1448 - font: @btn-font; 3.1449 - background-color: #999; 3.1450 - color: #fff !important; 3.1451 - margin-bottom: 5px; 3.1452 -} 3.1453 - 3.1454 -.btn { 3.1455 - padding: 1ex 1em; 3.1456 -} 3.1457 - 3.1458 - 3.1459 - 3.1460 -.ui_paginate_foot a { 3.1461 - padding: 0.5ex 0.5em; 3.1462 - background-color: #eee; 3.1463 - color: 000 !important; 3.1464 -} 3.1465 - 3.1466 -.ui_paginate_foot a.active { 3.1467 - background-color: #666; 3.1468 - color: #fff !important; 3.1469 -} 3.1470 - 3.1471 -.btn-default { 3.1472 - background-color: #47a; 3.1473 - color: #fff !important; 3.1474 -} 3.1475 - 3.1476 -.btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus { 3.1477 - background-color: #0a0; 3.1478 - color: #fff !important; 3.1479 - cursor: pointer; 3.1480 -} 3.1481 - 3.1482 -.btn-dangerous:hover { 3.1483 - background-color: #c00; 3.1484 - color: #fff !important; 3.1485 -} 3.1486 - 3.1487 -.btn-link { 3.1488 - font: @main-font; 3.1489 - background-color: @main-bg-color; 3.1490 - color: @main-link-color; 3.1491 - border: none; 3.1492 - padding: 0; 3.1493 - margin: 0; 3.1494 - text-decoration: underline; 3.1495 - cursor: pointer; 3.1496 -} 3.1497 - 3.1498 -/************************************************************************* 3.1499 - * Voting 3.1500 - */ 3.1501 - 3.1502 -.main .section #voting_form .sectionRow:last-child { 3.1503 - border-radius: 0; 3.1504 - margin-bottom: 0; 3.1505 -} 3.1506 - 3.1507 -#voting { 3.1508 - background: #ddd; 3.1509 - padding: @pad; 3.1510 - margin-top: 4px; 3.1511 - position: relative; 3.1512 - margin-bottom: 2ex; 3.1513 - 3.1514 - .approval, 3.1515 - .abstention, 3.1516 - .disapproval { 3.1517 - border: 2px black solid; 3.1518 - margin-bottom: 2ex; 3.1519 - padding: 1ex; 3.1520 - padding-bottom: 2ex; 3.1521 - border-radius: @border-radius; 3.1522 - } 3.1523 - 3.1524 - .disapproval { 3.1525 - margin-bottom: 2ex; 3.1526 - } 3.1527 - 3.1528 - .approval { 3.1529 - background-color: #9f9; 3.1530 - 3.1531 - .movable { 3.1532 - background-color: #dfd; 3.1533 - } 3.1534 - } 3.1535 - 3.1536 - .abstention { 3.1537 - background-color: #ccc; 3.1538 - 3.1539 - .movable { 3.1540 - background-color: #f2f2f2; 3.1541 - } 3.1542 - } 3.1543 - 3.1544 - .disapproval { 3.1545 - background-color: #f88; 3.1546 - 3.1547 - .movable { 3.1548 - background-color: #fbb; 3.1549 - } 3.1550 - } 3.1551 - 3.1552 - .movable { 3.1553 - position: relative; 3.1554 - border: 1px black solid; 3.1555 - margin-top: 1ex; 3.1556 - padding: 0.5ex; 3.1557 - border-radius: @border-radius; 3.1558 - } 3.1559 - 3.1560 - .voting_form_active { 3.1561 - .movable { 3.1562 - cursor: pointer; 3.1563 - vertical-align: middle; 3.1564 - cursor: move; 3.1565 - } 3.1566 - 3.1567 - .clickable { 3.1568 - cursor: auto; 3.1569 - } 3.1570 - 3.1571 - a.clickable { 3.1572 - cursor: pointer; 3.1573 - } 3.1574 - } 3.1575 -} 3.1576 - 3.1577 - 3.1578 -/* 3.1579 - * footer 3.1580 - */ 3.1581 - 3.1582 -.footer { 3.1583 - text-align: center; 3.1584 - color: @footer-color; 3.1585 - background-color: @footer-bg-color; 3.1586 - padding: @pad 0; 3.1587 - border: 1px solid #000; 3.1588 - border-top: none; 3.1589 - 3.1590 - a { 3.1591 - color: @body-color; 3.1592 - } 3.1593 -} 3.1594 - 3.1595 - 3.1596 -.ui_paginate_head { 3.1597 - display: none; 3.1598 -} 3.1599 - 3.1600 -.ui_paginate_foot { 3.1601 - line-height: 180%; 3.1602 -} 3.1603 - 3.1604 - 3.1605 -.swiper_tabs { 3.1606 - display: none; 3.1607 -} 3.1608 - 3.1609 -#swiper_info { 3.1610 - display: none; 3.1611 -} 3.1612 - 3.1613 -.nav .searchLink { 3.1614 - display: none; 3.1615 -} 3.1616 - 3.1617 - 3.1618 -@media (max-width: 767px) { 3.1619 - 3.1620 -html { 3.1621 - 3.1622 - body { 3.1623 - margin: 0; 3.1624 - background: @mobile-bg-color; 3.1625 - 3.1626 - .head { 3.1627 - margin: @grid/2; 3.1628 - padding: 0; 3.1629 - 3.1630 - .logo { 3.1631 - display: block; 3.1632 - padding: 0; 3.1633 - 3.1634 - .liquid, .feedback { 3.1635 - font: @mobile-logo-font; 3.1636 - } 3.1637 - 3.1638 - .instanceName { 3.1639 - font: @mobile-instance-font; 3.1640 - display: block; 3.1641 - margin-left: 0; 3.1642 - } 3.1643 - } 3.1644 - .nav { 3.1645 - padding: 0; 3.1646 - } 3.1647 - } 3.1648 - 3.1649 - .initiativeInfo h1 { 3.1650 - display: none; 3.1651 - } 3.1652 - 3.1653 - .slot_title { 3.1654 - 3.1655 - font: @head2-font; 3.1656 - padding: 0; 3.1657 - margin: 0 @grid/2; 3.1658 - 3.1659 - .spacer { 3.1660 - display: none; 3.1661 - } 3.1662 - 3.1663 - .unit, .area, .issue, .initiative, .member { 3.1664 - display: block; 3.1665 - margin-right: 0; 3.1666 - padding: 4px 0; 3.1667 - border-radius: @border-radius; 3.1668 - overflow: auto; 3.1669 - } 3.1670 - 3.1671 - .unit:before, .area:before, .issue:before, .initiative:before, .member:before { 3.1672 - content: "↳"; 3.1673 - position: relative; 3.1674 - top: -2px; 3.1675 - } 3.1676 - 3.1677 - .area { 3.1678 - margin-left: 10px; 3.1679 - } 3.1680 - .issue { 3.1681 - margin-left: 10px * 2; 3.1682 - } 3.1683 - .initiative { 3.1684 - margin-left: 10px * 3; 3.1685 - } 3.1686 - 3.1687 - a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child { 3.1688 - margin-bottom: @grid/2; 3.1689 - } 3.1690 - 3.1691 - .unit, .initiative, .issue, .area { 3.1692 - a { 3.1693 - margin-bottom: 0; 3.1694 - display: inline; 3.1695 - } 3.1696 - } 3.1697 - 3.1698 - a.home { 3.1699 - display: none; 3.1700 - } 3.1701 - 3.1702 - .weight { 3.1703 - float: right; 3.1704 - margin: 0; 3.1705 - } 3.1706 - 3.1707 - .delegation_info { 3.1708 - float: right; 3.1709 - display: block; 3.1710 - margin-top: -10px; 3.1711 - } 3.1712 - a .label { 3.1713 - display: inline; 3.1714 - } 3.1715 - .star { 3.1716 - float: right; 3.1717 - margin-left: 0.5em; 3.1718 - margin-top: -@pad/2; 3.1719 - margin-bottom: -@pad/2; 3.1720 - } 3.1721 - } 3.1722 - 3.1723 - .slot_title > span > *:last-child { 3.1724 - font: @head1-font; 3.1725 - } 3.1726 - 3.1727 - 3.1728 - .page { 3.1729 - background: none; 3.1730 - margin: 0; 3.1731 - box-shadow: none; 3.1732 - } 3.1733 - 3.1734 - .nav #member_menu .text { 3.1735 - display: none; 3.1736 - } 3.1737 - 3.1738 - .nav form.search { 3.1739 - display: none; 3.1740 - } 3.1741 - 3.1742 - .nav .notifications, 3.1743 - .nav .searchLink, 3.1744 - .nav #member_menu a { 3.1745 - vertical-align: middle; 3.1746 - display: inline-block; 3.1747 - height: 48px; 3.1748 - min-width: 35px; 3.1749 - text-align: center; 3.1750 - background-color: #000; 3.1751 - border: 1px solid #777; 3.1752 - border-radius: @border-radius; 3.1753 - img { 3.1754 - margin: 0; 3.1755 - width: 48px; 3.1756 - height: 48px; 3.1757 - } 3.1758 - margin: 0; 3.1759 - } 3.1760 - 3.1761 - .nav .notifications { 3.1762 - padding: 12px 2px; 3.1763 - height: 24px; 3.1764 - } 3.1765 - 3.1766 - .nav #member_menu a :last-child { 3.1767 - display: none; 3.1768 - } 3.1769 - 3.1770 - .notifications span { 3.1771 - margin-left: -5px; 3.1772 - } 3.1773 - 3.1774 - .swiper_tabs { 3.1775 - clear: both; 3.1776 - display: block; 3.1777 - overflow: auto; 3.1778 - margin: @grid/2; 3.1779 - 3.1780 - div { 3.1781 - display: block; 3.1782 - float: left; 3.1783 - width: 33.333%; 3.1784 - 3.1785 - a { 3.1786 - padding: 8px 0; 3.1787 - display: block; 3.1788 - text-align: center; 3.1789 - background-color: #eee; 3.1790 - } 3.1791 - 3.1792 - a.active { 3.1793 - background-color: #abe; 3.1794 - } 3.1795 - } 3.1796 - div:first-child a { 3.1797 - border-radius: @border-radius 0 0 @border-radius; 3.1798 - } 3.1799 - 3.1800 - div:last-child a { 3.1801 - border-radius: 0 @border-radius @border-radius 0; 3.1802 - } 3.1803 - } 3.1804 - 3.1805 - #swiper_info.active { 3.1806 - display: block; 3.1807 - font: @head3-font; 3.1808 - z-index: 1; 3.1809 - text-align: center; 3.1810 - width: 100%; 3.1811 - background-color: @mobile-bg-color; 3.1812 - color: @body-color; 3.1813 - } 3.1814 - 3.1815 - .sidebarSection { 3.1816 - margin: 0 @grid/2 @grid/2 @grid/2; 3.1817 - } 3.1818 - 3.1819 - .main, .extra > .section { 3.1820 - clear: none; 3.1821 - float: none; 3.1822 - width: auto; 3.1823 - margin: 0 @grid/2 @grid/2 @grid/2; 3.1824 - .section .sectionRow:last-child { 3.1825 - margin-bottom: @grid/2; 3.1826 - } 3.1827 - 3.1828 - } 3.1829 - 3.1830 - .ui_filter_head.filter_mode { 3.1831 - float: none !important; 3.1832 - background: @main-bg-color !important; 3.1833 - text-align: left !important; 3.1834 - border-radius: @border-radius; 3.1835 - margin-bottom: @grid/2 !important; 3.1836 - } 3.1837 - 3.1838 - .member_photo { 3.1839 - text-align: center; 3.1840 - margin-bottom: 2ex; 3.1841 - .member_image_photo { 3.1842 - max-width: 600px; 3.1843 - } 3.1844 - } 3.1845 - 3.1846 - #trace_content { 3.1847 - margin: @grid/2 0; 3.1848 - border-radius: 0; 3.1849 - 3.1850 - ul { 3.1851 - li { 3.1852 - .trace_head { 3.1853 - padding: 6px 5px; 3.1854 - } 3.1855 - } 3.1856 - ul { 3.1857 - padding: 5px 2px; 3.1858 - } 3.1859 - } 3.1860 - } 3.1861 - 3.1862 - } 3.1863 -} } 3.1864 - 3.1865 -.textCenter { 3.1866 - text-align: center; 3.1867 -} 3.1868 - 3.1869 -a.initiative { 3.1870 - text-decoration: none; 3.1871 - border-bottom: 1px solid #66c; 3.1872 -} 3.1873 - 3.1874 -a.initiative:hover { 3.1875 - border-bottom: 1px solid #007; 3.1876 -} 3.1877 - 3.1878 - 3.1879 - 3.1880 -#trace_content { 3.1881 - margin: @grid; 3.1882 - padding: @pad; 3.1883 - border-radius: @border-radius; 3.1884 - background-color: @main-bg-color; 3.1885 - 3.1886 - #system_error { 3.1887 - font-family: monospace; 3.1888 - } 3.1889 - 3.1890 - ul { 3.1891 - li { 3.1892 - margin-top: 10px; 3.1893 - .trace_head { 3.1894 - padding: 3px 5px; 3.1895 - border-radius: @border-radius @border-radius 0 0; 3.1896 - } 3.1897 - .trace_head:last-child { 3.1898 - border-radius: @border-radius; 3.1899 - } 3.1900 - ul { 3.1901 - border-radius: 0 0 @border-radius @border-radius; 3.1902 - } 3.1903 - } 3.1904 - li:first-child { 3.1905 - margin-top: 0; 3.1906 - } 3.1907 - ul { 3.1908 - padding: 10px; 3.1909 - } 3.1910 - } 3.1911 - 3.1912 - .trace_config > ul { 3.1913 - background-color: #eee; 3.1914 - border: 1px solid #ccc; 3.1915 - } 3.1916 - .trace_config > .trace_head { 3.1917 - background-color: #ccc; 3.1918 - color: #000; 3.1919 - } 3.1920 - .trace_request > ul { 3.1921 - background-color: #afa; 3.1922 - } 3.1923 - .trace_request > .trace_head { 3.1924 - background-color: #0c0; 3.1925 - } 3.1926 - .trace_filter > ul { 3.1927 - background-color: #ccf; 3.1928 - border: 1px solid #00c; 3.1929 - border-top: none; 3.1930 - } 3.1931 - .trace_filter > .trace_head { 3.1932 - background-color: #00c; 3.1933 - color: #fff; 3.1934 - } 3.1935 - .trace_view > ul { 3.1936 - background-color: #cfc; 3.1937 - border: 1px solid #0c0; 3.1938 - border-top: none; 3.1939 - } 3.1940 - .trace_view > .trace_head { 3.1941 - background-color: #0c0; 3.1942 - color: #000; 3.1943 - } 3.1944 - .trace_action_neutral > ul { 3.1945 - background-color: #ffa; 3.1946 - border: 1px solid #fe0; 3.1947 - } 3.1948 - .trace_action_neutral > .trace_head { 3.1949 - background-color: #fe0; 3.1950 - color: #000; 3.1951 - } 3.1952 - .trace_action_success > ul { 3.1953 - background-color: #afa; 3.1954 - border: 1px solid #fe0; 3.1955 - } 3.1956 - .trace_action_success > .trace_head { 3.1957 - background-color: #fe0; 3.1958 - color: #000; 3.1959 - } 3.1960 - .trace_action_softfail > ul { 3.1961 - background-color: #faa; 3.1962 - border: 1px solid #fe0; 3.1963 - } 3.1964 - .trace_action_softfail > .trace_head { 3.1965 - background-color: #fe0; 3.1966 - color: #000; 3.1967 - } 3.1968 - .trace_sql { 3.1969 - background-color: #fff; 3.1970 - padding: 2px 4px; 3.1971 - margin-top: 8px; 3.1972 - } 3.1973 - .trace_sql_time { 3.1974 - float: right; 3.1975 - font-weight: bold; 3.1976 - } 3.1977 - .trace_error { 3.1978 - background-color: #faa; 3.1979 - color: #000; 3.1980 - font-weight: bold; 3.1981 - border: 1px solid #c00; 3.1982 - } 3.1983 - .trace_exectime { 3.1984 - background-color: #ccc; 3.1985 - font-weight: bold; 3.1986 - border-radius: @border-radius; 3.1987 - } 3.1988 - 3.1989 - .time { 3.1990 - float: right; 3.1991 - } 3.1992 - 3.1993 - .total_duration { 3.1994 - font-weight: bold; 3.1995 - } 3.1996 - 3.1997 -} 3.1998 \ No newline at end of file
4.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 4.2 +++ b/static/lf4.css Mon Feb 01 20:59:35 2021 +0100 4.3 @@ -0,0 +1,734 @@ 4.4 +@font-face { 4.5 + font-family: "Roboto"; 4.6 + src: url("font/Roboto-Regular.ttf"); 4.7 +} 4.8 +@font-face { 4.9 + font-family: "Roboto Bold"; 4.10 + src: url("font/Roboto-Bold.ttf"); 4.11 +} 4.12 +@font-face { 4.13 + font-family: "Roboto Slab"; 4.14 + src: url("font/RobotoSlab-Regular.ttf"); 4.15 +} 4.16 +@font-face { 4.17 + font-family: 'Material Icons'; 4.18 + font-style: normal; 4.19 + font-weight: 400; 4.20 + src: url("font/material.woff2") format('woff2'); 4.21 +} 4.22 + 4.23 +.material-icons { 4.24 + font-family: 'Material Icons'; 4.25 + font-weight: normal; 4.26 + font-style: normal; 4.27 + font-size: 24px; 4.28 + line-height: 1; 4.29 + letter-spacing: normal; 4.30 + text-transform: none; 4.31 + display: inline-block; 4.32 + white-space: nowrap; 4.33 + word-wrap: normal; 4.34 + direction: ltr; 4.35 + -webkit-font-feature-settings: 'liga'; 4.36 + -webkit-font-smoothing: antialiased; 4.37 +} 4.38 +.material-icons.icon-green { 4.39 + color: #4CAF50; 4.40 +} 4.41 +.material-icons.icon-yellow { 4.42 + color: #FFEB3B; 4.43 +} 4.44 +.material-icons.icon-red { 4.45 + color: #F44336; 4.46 +} 4.47 +.mapboxgl-popup-content { 4.48 + max-width: 200px; 4.49 +} 4.50 +body { 4.51 + font-family: "Roboto"; 4.52 + background: #fff; 4.53 +} 4.54 +strong { 4.55 + font-family: "Roboto Bold"; 4.56 +} 4.57 +.slot_error { 4.58 + margin: 20px 20px 0 20px; 4.59 + background: #fed; 4.60 + padding: 20px; 4.61 +} 4.62 +.slot_notice { 4.63 + margin: 20px 20px 0 20px; 4.64 + background: #efd; 4.65 + padding: 20px; 4.66 +} 4.67 +h1 { 4.68 + font-size: 24px; 4.69 + margin-bottom: 0px; 4.70 +} 4.71 + 4.72 +.mdl-layout__container { 4.73 + max-width: 1600px; 4.74 + height: auto; 4.75 + background: #f7f7f7; 4.76 +} 4.77 +.mdl-layout__header-row { 4.78 + padding-left: 20px !important; 4.79 + padding-right: 10px !important; 4.80 +} 4.81 +.mdl-layout__content { 4.82 + flex-shrink: 0; 4.83 + width: 100%; 4.84 +} 4.85 +#lf-member-menu { 4.86 + cursor: pointer; 4.87 +} 4.88 +.notifications { 4.89 + display: block; 4.90 + text-align: center; 4.91 +} 4.92 +.page-content { 4.93 + xdisplay: flex; 4.94 + width: 100%; 4.95 +} 4.96 +.map, .ui_field_location { 4.97 + border: none; 4.98 + width: 100%; 4.99 + height: auto; 4.100 + max-height: 80vh; 4.101 + position: relative; 4.102 + border-radius: 2px; 4.103 +} 4.104 +.map:before { 4.105 + content: ""; 4.106 + display: block; 4.107 + padding-top: 100%; 4.108 +} 4.109 +.map iframe { 4.110 + position: absolute; 4.111 + top: 0; 4.112 + left: 0; 4.113 + right: 0; 4.114 + bottom: 0; 4.115 + height: 100%; 4.116 +} 4.117 +.axto-logo { 4.118 + width: 100%; 4.119 +} 4.120 +.mdl-card__title-text a.issue { 4.121 + font-size: 18px; 4.122 + line-height: 20px; 4.123 +} 4.124 +.mdl-list__item .initiative_name { 4.125 + font-size: 18px; 4.126 + line-height: normal; 4.127 +} 4.128 +.initiatives.mdl-list { 4.129 + margin-top: 5px; 4.130 + margin-bottom: 5px; 4.131 + padding-bottom: 0px; 4.132 +} 4.133 +.initiatives .mdl-list__item--three-line { 4.134 + min-height: 0; 4.135 + padding-top: 0; 4.136 + padding-bottom: 0; 4.137 +} 4.138 +.mdl-data-table__fullwidth { 4.139 + width: 100%; 4.140 +} 4.141 +.mdl-textfield__fullwidth { 4.142 + width: 100%; 4.143 +} 4.144 + 4.145 +.mdl-card { 4.146 + min-height: 20px; 4.147 + overflow: visible; 4.148 + display: block; 4.149 + margin-bottom: 16px; 4.150 + border-radius: 5px; 4.151 +} 4.152 + 4.153 +.mdl-card__title { 4.154 + border-radius: 5px 5px 0 0; 4.155 +} 4.156 + 4.157 +.mdl-card__fullwidth { 4.158 + width: 100%; 4.159 +} 4.160 +.mdl-card__title { 4.161 + display: block; 4.162 +} 4.163 +.mdl-card__title > h2, 4.164 +.mdl-card__title > a { 4.165 + display: inline-block; 4.166 + vertical-align: top; 4.167 +} 4.168 +.mdl-card__subtitle-text { 4.169 + display: block; 4.170 +} 4.171 +.mdl-card__content { 4.172 + font-size: 1rem; 4.173 + padding: 16px; 4.174 +} 4.175 +.mdl-card__content.mdl-card--no-bottom-pad { 4.176 + padding-bottom: 0; 4.177 +} 4.178 +.mdl-card__actions.mdl-card--action-border, 4.179 +.mdl-card__content.mdl-card--border { 4.180 + border-bottom: 1px solid rgba(0, 0, 0, 0.1); 4.181 +} 4.182 +.mdl-card__actions.mdl-card--notice, 4.183 +.mdl-card__content.mdl-card--notice { 4.184 + background: #fff9c4; 4.185 +} 4.186 +.mdl-card--has-fab { 4.187 + position: relative; 4.188 +} 4.189 +.mdl-special-card { 4.190 + background: #fff; 4.191 + margin-bottom: 16px; 4.192 + border-radius: 5px; 4.193 +} 4.194 + 4.195 +.mdl-navigation__head { 4.196 + font-family: "Roboto Bold"; 4.197 +} 4.198 +.mdl-list__item--three-line { 4.199 + height: auto; 4.200 + min-height: 88px; 4.201 +} 4.202 +.mdl-list__item--three-line .mdl-list__item-primary-content { 4.203 + height: auto; 4.204 + min-height: 52px; 4.205 +} 4.206 +.mdl-chip { 4.207 + vertical-align: middle; 4.208 +} 4.209 +.mdl-chip.clickable { 4.210 + cursor: pointer; 4.211 +} 4.212 +.mdl-menu { 4.213 + z-index: -9999; 4.214 +} 4.215 +.mdl-card { 4.216 + z-index: auto !important; 4.217 +} 4.218 +.mdl-menu__item { 4.219 + padding: 0; 4.220 +} 4.221 +.mdl-menu__link { 4.222 + display: block; 4.223 + padding: 0 16px; 4.224 + min-height: 48px; 4.225 + text-decoration: none; 4.226 + color: #444; 4.227 +} 4.228 +.mdl-tabs__tab-bar { 4.229 + justify-content: flex-start; 4.230 +} 4.231 +.mdl-tabs__tab.is-active { 4.232 +color: rgba(0,0,0, 0.87); 4.233 +} 4.234 +.mdl-data-table--condensed tbody tr { 4.235 + height: 24px; 4.236 +} 4.237 +.mdl-data-table--condensed td { 4.238 + padding-top: 0; 4.239 + padding-bottom: 0; 4.240 + height: 24px; 4.241 +} 4.242 +.mdl-button--underlined { 4.243 + text-decoration: underline; 4.244 +} 4.245 +.right { 4.246 + text-align: right; 4.247 +} 4.248 +.mdl-tabs__left { 4.249 + display: inline-block; 4.250 + width: auto; 4.251 +} 4.252 +.float-left { 4.253 + float: left; 4.254 +} 4.255 +.float-right { 4.256 + float: right; 4.257 +} 4.258 +.clear-left { 4.259 + clear: left; 4.260 +} 4.261 +.clear-right { 4.262 + clear: right; 4.263 +} 4.264 +.float-right .mdl-menu__container { 4.265 + margin-right: 20px; 4.266 +} 4.267 +.inline { 4.268 + display: inline-block; 4.269 +} 4.270 +.warning { 4.271 + background-color: #fff9c4; 4.272 + color: #212121; 4.273 + padding: 16px; 4.274 + border-radius: 2px; 4.275 +} 4.276 +.toolbar a { 4.277 + color: #000; 4.278 + display: inline-block; 4.279 + border: 1px solid #ccc; 4.280 + position: relative; 4.281 +} 4.282 + 4.283 +.toolbar a.wysihtml-command-active { 4.284 + background: #000; 4.285 + color: #fff; 4.286 + 4.287 +} 4.288 + 4.289 +.toolbar a span.crossed { 4.290 + position: absolute; 4.291 + top: 0; 4.292 + left: 8px; 4.293 + font-weight: bold; 4.294 + font-size: 200%; 4.295 + line-height: 80%; 4.296 +} 4.297 +.toolbar a span.head_level { 4.298 + position: absolute; 4.299 + right: 0; 4.300 + bottom: 0; 4.301 +} 4.302 + 4.303 +textarea { 4.304 + font-family: sans-serif; 4.305 + font-weight: normal !important; 4.306 + width: 100%; 4.307 + height: 40ex; 4.308 +} 4.309 +.bargraph { 4.310 + display: inline-block; 4.311 + vertical-align: top; 4.312 + height: 9px; 4.313 +} 4.314 + 4.315 +.bargraph div { 4.316 + margin: 0; 4.317 + padding: 0; 4.318 + display: inline-block; 4.319 + height: 9px; 4.320 +} 4.321 +.draft { 4.322 + font-family: 'Roboto Slab'; 4.323 + font-weight: 300; 4.324 + overflow: auto; 4.325 + clear: left; 4.326 +} 4.327 +.draft img { 4.328 + float: right; 4.329 + margin-left: 1em; 4.330 +} 4.331 + 4.332 +.draft .landscape img { 4.333 + width: 50%; 4.334 +} 4.335 + 4.336 +.draft .portrait img { 4.337 + width: 33.333%; 4.338 +} 4.339 +.member_weight { 4.340 + background: #070; 4.341 + color: #fff; 4.342 + border-radius: 8px; 4.343 + padding: 0 3px; 4.344 +} 4.345 +.card-issue { 4.346 + background: rgb(76,175,80); 4.347 +} 4.348 +.card-issue a { 4.349 + color: #fff; 4.350 +} 4.351 +@media (max-width: 960px) { 4.352 + .draft img { 4.353 + float: none; 4.354 + margin-left: 0; 4.355 + } 4.356 + .draft a.portrait, 4.357 + .draft a.landscape { 4.358 + width: 100%; 4.359 + display: block; 4.360 + text-align: center; 4.361 + margin-bottom: 2ex; 4.362 + } 4.363 + .draft .landscape img { 4.364 + width: 100%; 4.365 + } 4.366 + .draft .portrait img { 4.367 + width: 66.666%; 4.368 + } 4.369 +} 4.370 + 4.371 +.draft h1 { 4.372 + font-size: 150%; 4.373 + margin-bottom: 0; 4.374 +} 4.375 +.draft h2 { 4.376 + font-size: 133%; 4.377 + margin-bottom: 0; 4.378 +} 4.379 +.draft h3 { 4.380 + font-size: 125%; 4.381 + margin-bottom: 0; 4.382 +} 4.383 +.draft > a:first-child + h1, 4.384 +.draft > h1:first-child, 4.385 +.draft > h2:first-child, 4.386 +.draft > h3:first-child { 4.387 + margin-top: 0; 4.388 +} 4.389 +@media (max-width: 960px) { 4.390 + .draft > a:first-child + h1 { 4.391 + margin-top: 20px; 4.392 + } 4.393 +} 4.394 + 4.395 +.folded { 4.396 + position: relative; 4.397 +} 4.398 +.folded .suggestion-content { 4.399 + max-height: 180px; 4.400 + overflow: hidden; 4.401 + position: relative; 4.402 +} 4.403 +.folded .suggestion-content:before { 4.404 + content: ""; 4.405 + width: 100%; 4.406 + height: 25%; 4.407 + position: absolute; 4.408 + left: 0; 4.409 + bottom: 0; 4.410 +background: linear-gradient(rgba(0,0,0,0), #fff); 4.411 +} 4.412 +.suggestion-less, 4.413 +.suggestion-more { 4.414 + display: none; 4.415 +} 4.416 +.folded .suggestion-more, 4.417 +.unfolded .suggestion-less { 4.418 + display: inline-block; 4.419 +} 4.420 + 4.421 +.diff .diff_removed { 4.422 + text-decoration: line-through; 4.423 + background: #f00; 4.424 +} 4.425 + 4.426 +.diff .diff_added { 4.427 + text-decoration: underline; 4.428 + background: #0f0; 4.429 +} 4.430 + 4.431 +.material-icons { 4.432 + vertical-align: middle; 4.433 +} 4.434 +.material-icons-small { 4.435 + font-size: 18px; 4.436 +} 4.437 + 4.438 +a.mdl-layout-title { 4.439 + color: #fff; 4.440 + text-decoration: none; 4.441 +} 4.442 + 4.443 +.what-can-i-do-here .mdl-card__content { 4.444 + font-size: 18px; 4.445 +} 4.446 + 4.447 +.what-can-i-do-here .mdl-card__content ul { 4.448 + font-size: 1rem; 4.449 +} 4.450 + 4.451 +.what-can-i-do-here ul { 4.452 + margin-top: 0.5em; 4.453 + margin-bottom: 0; 4.454 + padding-left: 1.5em 4.455 +} 4.456 + 4.457 + 4.458 + 4.459 +.lf-filter .mdl-button { 4.460 + padding-right: 4px; 4.461 +} 4.462 + 4.463 +.phase-current { 4.464 + font-family: "Roboto Bold"; 4.465 +} 4.466 + 4.467 +.phase-info { 4.468 + padding-left: 27px; 4.469 + margin-bottom: 1ex; 4.470 +} 4.471 + 4.472 +.clickable { 4.473 + cursor: pointer; 4.474 +} 4.475 + 4.476 +.slot_title { 4.477 + margin-left: 16px; 4.478 + margin-top: 16px; 4.479 + font-size: 18px; 4.480 +} 4.481 + 4.482 +.slot_title > a, 4.483 +.slot_title > span { 4.484 + display: inline-block; 4.485 + padding: 0 4px 0 0; 4.486 + 4.487 +} 4.488 + 4.489 +.slot_title a.home { 4.490 + margin: 0; 4.491 +} 4.492 + 4.493 +.home i { 4.494 + font-size: 32px; 4.495 +} 4.496 + 4.497 +/* fix missing contrast */ 4.498 +.mdl-list__item--three-line .mdl-list__item-text-body, 4.499 +.mdl-card__supporting-text, 4.500 +.mdl-card__subtitle-text { 4.501 + color: rgba(0,0,0, 0.75); 4.502 +} 4.503 + 4.504 +.mdl-textfield__label { 4.505 + color: rgba(0,0,0, 0.5); 4.506 +} 4.507 + 4.508 +.mdl-list__item--three-line .mdl-list__item-text-body { 4.509 + height: auto; 4.510 + padding-bottom: 10px; 4.511 +} 4.512 + 4.513 +select { 4.514 + font-family: 'Roboto','Helvetica','Arial',sans-serif; 4.515 + background-color: transparent; 4.516 + padding: 5px 0; 4.517 + border: none; 4.518 + border-bottom: 1px solid rgba(0,0,0, 0.12); 4.519 + font-size: 1rem; 4.520 +} 4.521 + 4.522 + 4.523 +.initiative_list .mdl-list__item { 4.524 + display: block; 4.525 +} 4.526 +.initiative_list .mdl-list__item-avatar { 4.527 + float: left; 4.528 + margin-right: 8px; 4.529 +} 4.530 +.initiative_list .mdl-list__item-avatar i { 4.531 + padding-left: 8px; 4.532 +} 4.533 +.initiative_list .mdl-list__item-avatar.positive { 4.534 + background: #4caf50; 4.535 +} 4.536 +.initiative_list .mdl-list__item-avatar.positive i { 4.537 + padding-top: 8px; 4.538 + vertical-align: top; 4.539 +} 4.540 +.initiative_list .mdl-list__item-avatar.negative { 4.541 + background: #f44336; 4.542 +} 4.543 +.initiative_list .mdl-list__item-avatar.negative i { 4.544 + padding-top: 10px; 4.545 + vertical-align: top; 4.546 +} 4.547 + 4.548 +.initiative_pie { 4.549 + float: left; 4.550 + margin-right: 15px; 4.551 + margin-bottom: 15px; 4.552 +} 4.553 + 4.554 +.initiative .result { 4.555 + font-family: "Roboto Bold"; 4.556 +} 4.557 + 4.558 +.admitted_info, .not_admitted_info { 4.559 + margin-left: 15px; 4.560 +} 4.561 + 4.562 +.admitted_info table th, 4.563 +.not_admitted_info table th { 4.564 + text-align: left; 4.565 + padding-right: 10px; 4.566 +} 4.567 + 4.568 +.admitted_info table td, 4.569 +.not_admitted_info table td { 4.570 + text-align: right; 4.571 + padding-right: 5px; 4.572 +} 4.573 + 4.574 +.admitted 4.575 + 4.576 +.event_info i { 4.577 + font-size: 18px; 4.578 + color: #444; 4.579 + margin-right: 4px; 4.580 +} 4.581 + 4.582 +.ui_list_row label.mdl-radio { 4.583 + display: inline; 4.584 +} 4.585 + 4.586 +.member_image_photo { 4.587 + margin-top: 2ex; 4.588 + margin-bottom: 2ex; 4.589 +} 4.590 + 4.591 +.contextlinks { 4.592 + color: #fff; 4.593 + xfont-size: 14px; 4.594 + xmargin-bottom: 5px; 4.595 +} 4.596 + 4.597 +/************************************************************************* 4.598 + * Voting 4.599 + */ 4.600 +.main .section #voting_form .sectionRow:last-child { 4.601 + border-radius: 0; 4.602 + margin-bottom: 0; 4.603 +} 4.604 +#voting { 4.605 + margin-top: 3ex; 4.606 + position: relative; 4.607 + margin-bottom: 2ex; 4.608 +} 4.609 +#voting .approval, 4.610 +#voting .abstention, 4.611 +#voting .disapproval { 4.612 + border: 1px #ccc solid; 4.613 + margin-bottom: 3ex; 4.614 + padding: 1ex; 4.615 + padding-bottom: 1ex; 4.616 + border-radius: 2px; 4.617 + 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); 4.618 +} 4.619 +#voting .movable { 4.620 + cursor: pointer; 4.621 +} 4.622 +#voting .disapproval { 4.623 + margin-bottom: 2ex; 4.624 +} 4.625 +#voting .approval { 4.626 + background-color: #9f9; 4.627 +} 4.628 +#voting .approval .movable { 4.629 + background-color: #dfd; 4.630 +} 4.631 +#voting .abstention { 4.632 + background-color: #eee; 4.633 +} 4.634 +#voting .abstention .movable { 4.635 + background-color: #fff; 4.636 +} 4.637 +#voting .disapproval { 4.638 + background-color: #f88; 4.639 +} 4.640 +#voting .disapproval .movable { 4.641 + background-color: #fbb; 4.642 +} 4.643 +#voting .movable { 4.644 + position: relative; 4.645 + border: 1px black solid; 4.646 + margin-top: 1ex; 4.647 + padding: 0; 4.648 + border-radius: 2px; 4.649 + min-height: 64px; 4.650 + 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); 4.651 +} 4.652 +#voting .initiative_name { 4.653 + display: inline-block; 4.654 + margin: 5px; 4.655 + font-family: "Roboto Bold"; 4.656 +} 4.657 + 4.658 +#voting .voting_form_active .movable { 4.659 + cursor: pointer; 4.660 + vertical-align: middle; 4.661 + cursor: move; 4.662 +} 4.663 +#voting .voting_form_active .clickable { 4.664 + cursor: auto; 4.665 +} 4.666 +#voting .voting_form_active a.clickable { 4.667 + cursor: pointer; 4.668 +} 4.669 + 4.670 +div.form .ui_field_label { 4.671 + text-transform: uppercase; 4.672 + font-size: 80%; 4.673 +} 4.674 +div.form .member_photo .member_image.member_image_photo { 4.675 + margin-top: 0; 4.676 +} 4.677 + 4.678 +.trace_list { 4.679 + margin-left: 10px; 4.680 + list-style-type: none; 4.681 + padding: 0; 4.682 + line-height: 120%; 4.683 +} 4.684 + 4.685 +.trace_list .trace_list { 4.686 + padding-left: 10px; 4.687 + border-left: 1px solid #999; 4.688 +} 4.689 + 4.690 +.trace_list .trace_head { 4.691 + margin-top: 10px; 4.692 + padding: 3px 5px 3px 5px; 4.693 + font-weight: 700; 4.694 +} 4.695 + 4.696 +.trace_list li { 4.697 + margin-top: 5px; 4.698 + margin-bottom: 5px; 4.699 +} 4.700 + 4.701 +.trace_list .trace_filter .trace_head { 4.702 + background: #acf; 4.703 + color: #000; 4.704 +} 4.705 + 4.706 +.trace_list .trace_request .trace_head, 4.707 +.trace_list .trace_view .trace_head { 4.708 + background: #000; 4.709 + color: #fff; 4.710 +} 4.711 + 4.712 +.trace_list .trace_config .trace_head, 4.713 +.trace_list .trace_view .trace_view .trace_head { 4.714 + background: #ccc; 4.715 + color: #000; 4.716 +} 4.717 + 4.718 +.trace_list .trace_head .time { 4.719 + float: right; 4.720 + font-weight: 500; 4.721 + font-size: 90%; 4.722 + line-height: 100%; 4.723 + margin-top: 5px; 4.724 +} 4.725 + 4.726 +.trace_list .trace_sql { 4.727 + color: #050; 4.728 +} 4.729 + 4.730 +.trace_list .trace_sql_time { 4.731 + background: #070; 4.732 + color: #fff; 4.733 + padding: 0px 3px; 4.734 + border-radius: 5px; 4.735 +} 4.736 + 4.737 +
5.1 --- a/static/style.css Mon Feb 01 20:56:14 2021 +0100 5.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 5.3 @@ -1,1533 +0,0 @@ 5.4 - 5.5 -/* Style reset */ 5.6 -html, 5.7 -body, 5.8 -div, 5.9 -span, 5.10 -applet, 5.11 -object, 5.12 -iframe, 5.13 -h1, h2, h3, h4, h5, h6, 5.14 -p, a, img, 5.15 -form, label, legend, 5.16 -table, tbody, tfoot, thead, tr, th,td { 5.17 - margin: 0; 5.18 - padding: 0; 5.19 - border: 0; 5.20 - outline: 0; 5.21 - font-weight: inherit; 5.22 - font-style: inherit; 5.23 - font-size: 100%; 5.24 - font-family: inherit; 5.25 - vertical-align: baseline; 5.26 -} 5.27 -body { 5.28 - line-height: 1; 5.29 - color: black; 5.30 - background: white; 5.31 -} 5.32 -li { 5.33 - line-height: 133%; 5.34 -} 5.35 -p { 5.36 - margin-top: 2ex; 5.37 - margin-bottom: 2ex; 5.38 -} 5.39 -a { 5.40 - text-decoration: underline; 5.41 -} 5.42 -table { 5.43 - border-collapse: separate; 5.44 - border-spacing: 0; 5.45 -} 5.46 -caption, th, td { 5.47 - text-align: left; 5.48 - font-weight: normal; 5.49 -} 5.50 -a:focus { 5.51 - outline: 1px solid #f90; 5.52 -} 5.53 -/************************************************************************* 5.54 - * Some global definitions 5.55 - */ 5.56 - 5.57 -body { 5.58 - background: #f8f8f9; 5.59 - background-image: url("back.png"); 5.60 - line-height: 120%: 5.61 -} 5.62 - 5.63 -body, th, td { 5.64 - font-family: sans-serif; 5.65 - font-size: 10pt; 5.66 - padding: 0; 5.67 - margin: 0; 5.68 -} 5.69 - 5.70 -table.striped tr:nth-child(even) td { 5.71 - background-color: #ddd; 5.72 -} 5.73 -table.striped td, table.striped label { 5.74 - vertical-align: middle; 5.75 -} 5.76 -table.striped label { 5.77 - vertical-align: top; 5.78 -} 5.79 - 5.80 -.page, 5.81 -.topbar_content { 5.82 - max-width: 1130px; 5.83 - margin: 0 auto; 5.84 -} 5.85 - 5.86 -body, a { 5.87 - color: #000; 5.88 -} 5.89 - 5.90 -img { 5.91 - border: none; 5.92 -} 5.93 - 5.94 -table { 5.95 - border-collapse: collapse; 5.96 - border: none; 5.97 -} 5.98 - 5.99 -td, th { 5.100 - padding: 0.5ex 0.5em 0.5ex 0em; 5.101 -} 5.102 - 5.103 -td { 5.104 - vertical-align: top; 5.105 -} 5.106 - 5.107 -th { 5.108 - vertical-align: bottom; 5.109 - font-weight: bold; 5.110 -} 5.111 - 5.112 -a.active { 5.113 - color: #fff; 5.114 -} 5.115 - 5.116 -.revoked { 5.117 - text-decoration: line-through; 5.118 -} 5.119 - 5.120 -.highlighted { 5.121 - background-color: #fa7; 5.122 - color: #000; 5.123 -} 5.124 - 5.125 -.admin_only { 5.126 - font-style: italic; 5.127 -} 5.128 - 5.129 -h1 { 5.130 - font-size: 150%; 5.131 -} 5.132 - 5.133 -h2 { 5.134 - font-size: 125%; 5.135 -} 5.136 - 5.137 -.inline { 5.138 - display: inline; 5.139 -} 5.140 - 5.141 -input[type=submit] { 5.142 - border-radius: 4px; 5.143 -} 5.144 - 5.145 -.btn-default { 5.146 - 5.147 -} 5.148 - 5.149 -/************************************************************************* 5.150 - * Notices, warnings and errors 5.151 - */ 5.152 - 5.153 -.layout_notice, .layout_error, .layout_warning { 5.154 - background: #fff; 5.155 - font-weight: bold; 5.156 - line-height: 1.7em; 5.157 - -moz-opacity:0.7; 5.158 -} 5.159 - 5.160 -.slot_notice, .slot_warning, .slot_error { 5.161 - padding-left: 1em; 5.162 -} 5.163 - 5.164 -.slot_notice { 5.165 - background-color: #cfc; 5.166 - color: #040; 5.167 -} 5.168 - 5.169 -.slot_warning { 5.170 - background-color: #fec; 5.171 - color: #420; 5.172 -} 5.173 - 5.174 -.slot_error { 5.175 - background-color: #fcc; 5.176 - color: #400; 5.177 -} 5.178 - 5.179 -/************************************************************************* 5.180 - * Navigation, search and language chooser bar 5.181 - */ 5.182 - 5.183 -.topbar { 5.184 - background: -webkit-linear-gradient(top, #777, #000); 5.185 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000)); 5.186 - background: -moz-linear-gradient(#777, #000); 5.187 - background: -ms-linear-gradient(#777, #000); 5.188 - background: -o-linear-gradient(#777, #000); 5.189 - background: linear-gradient(#777, #000); 5.190 - background-color: #333; 5.191 - box-shadow: #aaa 0 0 5px; 5.192 - -mox-box-shadow: #aaa 0 0 5px; 5.193 - -webkit-box-shadow: #aaa 0 0 5px; 5.194 - border-top: 1px solid #333; 5.195 - line-height: 35px; 5.196 - padding-top: 5px; 5.197 - font-size: 115%; 5.198 -} 5.199 - 5.200 -.logo_liquidfeedback { 5.201 - font-weight: bold; 5.202 - margin-left: 15px; 5.203 -} 5.204 - 5.205 -.topbar .instance_name, 5.206 -.topbar a { 5.207 - line-height: 30px; 5.208 - color: #f7f7f7; 5.209 -} 5.210 - 5.211 -.topbar a:hover, 5.212 -.topbar a:hover .logo_liquidfeedback, 5.213 -.topbar a:focus, 5.214 -.topbar a:focus .logo_liquidfeedback { 5.215 - color: #f90; 5.216 -} 5.217 - 5.218 -.navigation { 5.219 - line-height: 200%; 5.220 -} 5.221 - 5.222 -.topbar img { 5.223 - margin-right: 0.5em; 5.224 - vertical-align: middle; 5.225 -} 5.226 - 5.227 -.topbar a { 5.228 - padding: 0 0.5em; 5.229 - float: left; 5.230 - display: block; 5.231 - white-space: nowrap; 5.232 -} 5.233 - 5.234 -form.unit_selector { 5.235 - display: inline; 5.236 -} 5.237 - 5.238 -.topbar .navigation_right { 5.239 - float: right; 5.240 - padding-right: 1%; 5.241 -} 5.242 - 5.243 -.topbar ul { 5.244 - list-style-type: none; 5.245 -} 5.246 - 5.247 - 5.248 -#member_menu { 5.249 - z-index: 2; 5.250 -} 5.251 - 5.252 -#member_menu li { 5.253 - float: left; 5.254 -} 5.255 - 5.256 -#member_menu li:hover { 5.257 - position: relative; 5.258 - z-index: 4; 5.259 - cursor: default; 5.260 -} 5.261 - 5.262 -#member_menu { 5.263 - margin: 0; 5.264 - padding: 0; 5.265 - width: 200px; 5.266 -} 5.267 - 5.268 -#member_menu > li { 5.269 - width: 200px; 5.270 -} 5.271 - 5.272 -#member_menu li a { 5.273 - float: right; 5.274 -} 5.275 - 5.276 -#member_menu ul { 5.277 - margin: 0; 5.278 - padding: 0; 5.279 - list-style-type: none; 5.280 - display: none; 5.281 - position: absolute; 5.282 - top: 100%; 5.283 - left: 0; 5.284 - z-index: 3; 5.285 - width: 200px; 5.286 - border-radius: 0 0 8px 8px; 5.287 - background: #000; 5.288 -} 5.289 - 5.290 -#member_menu ul li { 5.291 - float: none; 5.292 -} 5.293 - 5.294 -#member_menu ul li a { 5.295 - float: none; 5.296 - background: #000; 5.297 - font-size: 80%; 5.298 -} 5.299 - 5.300 -#member_menu ul ul { 5.301 - top: 1px; 5.302 - right: 1px; 5.303 -} 5.304 - 5.305 -#member_menu li:hover ul { 5.306 - display: block; 5.307 -} 5.308 - 5.309 -#member_menu li li a { 5.310 - background: #000; 5.311 - border-radius: 5px; 5.312 - color: #fff; 5.313 -} 5.314 - 5.315 -#member_menu ul li:hover a { 5.316 - background: #000; 5.317 - color: #f90; 5.318 -} 5.319 - 5.320 -*/ 5.321 -/************************************************************************* 5.322 - * Title of current page including path and actions 5.323 - */ 5.324 - 5.325 -.slot_title { 5.326 - font-size: 115%; 5.327 - font-weight: bold; 5.328 - margin-left: 10px; 5.329 - margin-right: 10px; 5.330 - margin-top: 1ex; 5.331 -} 5.332 - 5.333 -.slot_head { 5.334 - background-color: #fff; 5.335 - margin: 0px 1% 2ex 1%; 5.336 - border: 1px solid #555; 5.337 - border-top: none; 5.338 - border-radius: 0 0 8px 8px; 5.339 -} 5.340 - 5.341 - 5.342 -.member_thumb, 5.343 -.member_statement, 5.344 -.suggestion_content, 5.345 -.slot_head, 5.346 -.area_list, 5.347 -.initiative_head, 5.348 -.issues .issue, 5.349 -.ui_tabs_links a, 5.350 -.ui_filter a, 5.351 -.help, 5.352 -.use_terms, 5.353 -.motd, 5.354 -.vote_info .content, 5.355 -.box, 5.356 -div.notifications { 5.357 - background-color: #fff; 5.358 - box-shadow: #ccc 2px 2px 4px; 5.359 - -mox-box-shadow: #ccc 2px 2px 4px; 5.360 - -webkit-box-shadow: #ccc 2px 2px 4px; 5.361 -} 5.362 - 5.363 -.slot_head > div:last-child { 5.364 - border-radius: 0 0 8px 8px; 5.365 -} 5.366 - 5.367 -.page_head .title, 5.368 -.issue .context, 5.369 -.initiative_head .title { 5.370 - padding: 8px 10px 2px 10px; 5.371 -} 5.372 - 5.373 -.initiative_head .draft_version { 5.374 - font-weight: bold; 5.375 -} 5.376 - 5.377 -.initiative_head a.title { 5.378 - display: block; 5.379 -} 5.380 - 5.381 -.area_list .title { 5.382 - padding: 8px 10px 0px 10px; 5.383 -} 5.384 - 5.385 -.issue .title { 5.386 - clear: left; 5.387 - padding: 10px 10px 0px 10px; 5.388 -} 5.389 - 5.390 -.events .issue .title { 5.391 - padding: 10px 10px 15px 10px; 5.392 -} 5.393 - 5.394 -.page_head .actions, 5.395 -.page_head .unit_head .content, 5.396 -.page_head .area_head .content, 5.397 -.issue .content, 5.398 -.initiative_head .content, 5.399 -.area_list .unit_head .content, 5.400 -.area_list .area .content { 5.401 - padding: 5px 10px 5px 10px; 5.402 - line-height: 120%; 5.403 -} 5.404 - 5.405 -.initiative_head { 5.406 - margin-bottom: 2ex; 5.407 -} 5.408 - 5.409 -.page_head .actions:last-child, 5.410 -.page_head .unit_head .content:last-child, 5.411 -.page_head .area_head .content:last-child, 5.412 -.issue .content:last-child, 5.413 -.initiative_head .content:last-child, 5.414 -.area_list .unit_head .content:last-child, 5.415 -.area_list .area .content:last-child { 5.416 - padding: 5px 10px 7px 10px; 5.417 -} 5.418 - 5.419 -.page_head .initiative_list, 5.420 -.issue .initiative_list { 5.421 - padding-left: 8px; 5.422 -} 5.423 - 5.424 -.issue .content.actions { 5.425 - margin-bottom: 1ex; 5.426 -} 5.427 - 5.428 -.area_head { 5.429 - overflow: auto; 5.430 -} 5.431 - 5.432 - 5.433 -.page_head .title, 5.434 -.issue .title, 5.435 -.initiative_head .title, 5.436 -.area_list .unit_head .unit_name, 5.437 -.area_list .area_name { 5.438 - font-weight: bold; 5.439 - font-size: 115%; 5.440 -} 5.441 - 5.442 -.page_head .area_head .content, 5.443 -.page_head .area_head .content a, 5.444 -.page_head .issue .content.actions, 5.445 -.page_head .issue .content.actions a, 5.446 -.issues .issue .content.actions, 5.447 -.issues .issue .content.actions a, 5.448 -.area_list .area .content, 5.449 -.area_list .area .content a { 5.450 - color: #000; 5.451 -} 5.452 - 5.453 - 5.454 -.unit_head { 5.455 - background: -webkit-linear-gradient(top, #67d, #23a); 5.456 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67d), color-stop(100%,#23a)); 5.457 - background: -moz-linear-gradient(#67d, #23a); 5.458 - background: -ms-linear-gradient(#67d, #23a); 5.459 - background: -o-linear-gradient(#67d, #23a); 5.460 - background: linear-gradient(#67d, #23a); 5.461 - background-color: #44a; 5.462 - color: #f0f0f0; 5.463 -} 5.464 - 5.465 -.unit_head:last-child { 5.466 - border-radius: 0 0 8px 8px; 5.467 -} 5.468 - 5.469 -.area_head:last-child { 5.470 - border-radius: 0 0 8px 8px; 5.471 -} 5.472 - 5.473 -.unit_head .content, .unit_head a { 5.474 - color: #f7f7f7; 5.475 -} 5.476 -.area_head, 5.477 -.area_list .area_head { 5.478 - background: -webkit-linear-gradient(top, #cdf, #abe); 5.479 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf), color-stop(100%,#abe)); 5.480 - background: -moz-linear-gradient(#cdf, #abe); 5.481 - background: -ms-linear-gradient(#cdf, #abe); 5.482 - background: -o-linear-gradient(#cdf, #abe); 5.483 - background: linear-gradient(#cdf, #abe); 5.484 - background-color: #abf; 5.485 -} 5.486 - 5.487 -.area_list .area > .content, 5.488 -.issue { 5.489 - background: -webkit-linear-gradient(top, #f7faff, #e0e9ff); 5.490 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7faff), color-stop(100%,#e0e9ff)); 5.491 - background: -moz-linear-gradient(#f7faff, #e0e9ff); 5.492 - background: -ms-linear-gradient(#f7faff, #e0e9ff); 5.493 - background: -o-linear-gradient(#f7faff, #e0e9ff); 5.494 - background: linear-gradient(#f7faff, #e0e9ff); 5.495 - background-color: #e0e9ff; 5.496 -} 5.497 - 5.498 -.unit_link, .area_link { 5.499 - float: left; 5.500 - margin-top: 5px; 5.501 - padding: 0px 5px; 5.502 - border-radius: 5px; 5.503 - line-height: 170%; 5.504 - margin-right: 8px; 5.505 -} 5.506 - 5.507 -table .unit_link, 5.508 -table .area_link { 5.509 - margin-top: 1px; 5.510 -} 5.511 - 5.512 -.unit_link { 5.513 - background-color: #44a; 5.514 - color: #fff; 5.515 -} 5.516 - 5.517 -.area_link { 5.518 - background-color: #abf; 5.519 - color: #000; 5.520 -} 5.521 - 5.522 -.delegation_info { 5.523 - float: right; 5.524 - text-decoration: none; 5.525 - padding: 5px; 5.526 - border-radius: 0px 5px 0px 5px; 5.527 -} 5.528 - 5.529 -.delegation_arrow { 5.530 - vertical-align: middle; 5.531 -} 5.532 - 5.533 -.delegation_info .link { 5.534 - text-decoration: underline; 5.535 - color: #aaa; 5.536 -} 5.537 - 5.538 -a.delegation_info:hover, 5.539 -a.delegation_info:focus { 5.540 - background-color: #ddd; 5.541 -} 5.542 - 5.543 -.delegation_info .micro_avatar { 5.544 - border: none; 5.545 - margin: 2px; 5.546 - box-shadow: 1px 1px 2px #000; 5.547 -} 5.548 - 5.549 -.delegation_info .micro_avatar.highlighted { 5.550 - margin: 0; 5.551 - border: 2px solid #f90; 5.552 -} 5.553 - 5.554 - 5.555 -.member_list .member_image_avatar { 5.556 - float: left; 5.557 - margin-right: 0.5em; 5.558 -} 5.559 - 5.560 -.micro_avatar { 5.561 - height: 24px; 5.562 - border-radius: 4px; 5.563 - vertical-align: middle; 5.564 -} 5.565 - 5.566 -.logo { 5.567 - float: right; 5.568 - margin-right: 1%; 5.569 -} 5.570 - 5.571 - 5.572 -.member_image_photo { 5.573 - border-radius: 8px; 5.574 -} 5.575 - 5.576 -/************************************************************************* 5.577 - * Main content 5.578 - */ 5.579 - 5.580 -.main { 5.581 - margin-left: 1%; 5.582 - margin-right: 1%; 5.583 -} 5.584 - 5.585 -/************************************************************************* 5.586 - * ui.tab 5.587 - */ 5.588 -.ui_tabs_links { 5.589 - margin: 20px 0px 10px -2px; 5.590 - line-height: 300%; 5.591 -} 5.592 - 5.593 -.ui_tabs_links a { 5.594 - padding: 7px 10px; 5.595 - background: -webkit-linear-gradient(top, #777, #000); 5.596 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000)); 5.597 - background: -moz-linear-gradient(#777, #000); 5.598 - background: -ms-linear-gradient(#777, #000); 5.599 - background: -o-linear-gradient(#777, #000); 5.600 - background: linear-gradient(#777, #000); 5.601 - background-color: #444; 5.602 - color: #f7f7f7; 5.603 - white-space: nowrap; 5.604 - border-radius: 8px; 5.605 - font-size: 115%; 5.606 - font-weight: bold; 5.607 - margin: 2px; 5.608 - margin-right: 4px; 5.609 -} 5.610 - 5.611 -.ui_tabs_links a:hover, 5.612 -.ui_tabs_links a:focus, 5.613 -.ui_tabs_links a.selected { 5.614 - margin: 0; 5.615 - margin-right: 2px; 5.616 - border: 2px solid #f90; 5.617 - box-shadow: 0px 0px 3px 1px #f90; 5.618 -} 5.619 - 5.620 -.ui_tabs_links a.selected { 5.621 - text-decoration: none; 5.622 -} 5.623 - 5.624 - 5.625 -/************************************************************************* 5.626 - * ui.filters 5.627 - */ 5.628 - 5.629 -.ui_filter { 5.630 - overflow: auto; 5.631 - margin-top: 15px; 5.632 -} 5.633 - 5.634 -.ui_filter_head { 5.635 - color: #777; 5.636 - line-height: 200%; 5.637 - padding-bottom: 8px; 5.638 - margin-bottom: 6px; 5.639 - border-bottom: 1px solid #888; 5.640 -} 5.641 - 5.642 -.ui_filter_head:last-child { 5.643 - border-bottom: none; 5.644 -} 5.645 - 5.646 -.ui_filter a { 5.647 - font-weight: bold; 5.648 - margin-right: 0; 5.649 - background-color: #fff; 5.650 - padding: 0.5ex 0.5em; 5.651 - border-radius: 5px; 5.652 - border: 1px solid #bbb; 5.653 -} 5.654 - 5.655 -.ui_filter_head a.active { 5.656 - border: 1px solid #666; 5.657 - text-decoration: none; 5.658 - background: -webkit-linear-gradient(top, #666, #222); 5.659 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%,#222)); 5.660 - background: -moz-linear-gradient(#666, #222); 5.661 - background: -ms-linear-gradient(#666, #222); 5.662 - background: -o-linear-gradient(#666, #222); 5.663 - background: linear-gradient(#666, #222); 5.664 - background-color: #444; 5.665 - color: #fff; 5.666 -} 5.667 - 5.668 -/************************************************************************* 5.669 - * ui.paginate 5.670 - */ 5.671 - 5.672 -.ui_paginate_head { 5.673 - display: none; 5.674 - margin-bottom: 1ex; 5.675 -} 5.676 - 5.677 -.ui_paginate_foot { 5.678 - margin-top: 1ex; 5.679 - margin-bottom: 4ex; 5.680 -} 5.681 - 5.682 -.initiative_head .ui_paginate_foot { 5.683 - margin-bottom: 1ex; 5.684 -} 5.685 - 5.686 -.ui_paginate_select a { 5.687 - padding: 0.5em; 5.688 - border-radius: 4px; 5.689 - line-height: 250%; 5.690 - background: #eee; 5.691 -} 5.692 - 5.693 -.ui_paginate_select a.active { 5.694 - background: #444; 5.695 -} 5.696 - 5.697 - 5.698 -/************************************************************************* 5.699 - * ui.bargraph 5.700 - */ 5.701 - 5.702 -.bargraph { 5.703 - width: 103px; 5.704 -} 5.705 - 5.706 -.bargraph50 { 5.707 - width: 52px; 5.708 -} 5.709 - 5.710 -.bargraph div { 5.711 - float: left; 5.712 - margin-top: 0.5ex; 5.713 - height: 1.3ex; 5.714 -} 5.715 - 5.716 -.bargraph .quorum { 5.717 - margin-top: 0.2ex; 5.718 - height: 1.9ex; 5.719 -} 5.720 - 5.721 -/************************************************************************* 5.722 - * notifications 5.723 - */ 5.724 - 5.725 -div.notifications { 5.726 - margin-top: 20px; 5.727 - background: -webkit-linear-gradient(top, #fec, #fc9); 5.728 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec), color-stop(100%,#fc9)); 5.729 - background: -moz-linear-gradient(#fec, #fc9); 5.730 - background: -ms-linear-gradient(#fec, #fc9); 5.731 - background: -o-linear-gradient(#fec, #fc9); 5.732 - background: linear-gradient(#fec, #fc9); 5.733 - background-color: #fda; 5.734 - padding: 0.5ex; 5.735 - border: 1px solid #777; 5.736 -} 5.737 - 5.738 -.notifications ul { 5.739 - margin: 0; 5.740 - padding: 0; 5.741 - margin-left: 2em; 5.742 -} 5.743 - 5.744 -.notifications li { 5.745 - margin: 0; 5.746 - padding: 0; 5.747 - margin-top: 0.5ex; 5.748 -} 5.749 - 5.750 -/************************************************************************* 5.751 - * vertical ui.form 5.752 - */ 5.753 - 5.754 -.vertical { 5.755 - margin-top: 2ex; 5.756 -} 5.757 - 5.758 -.login input[type=text], 5.759 -.vertical input[type=text], 5.760 -.login input[type=password], 5.761 -.vertical input[type=password], 5.762 -.vertical textarea, 5.763 -#voting_form textarea, 5.764 -.vertical select { 5.765 - font-family: sans-serif; 5.766 - font-size: 100%; 5.767 - width: 68%; 5.768 - border: 1px solid #444; 5.769 - padding: 0.2ex 0.2em 0.2ex 0.2em; 5.770 - margin-bottom: 1ex; 5.771 -} 5.772 - 5.773 -.login input[type=password], 5.774 -.vertical input[type=password] { 5.775 - width: 16em; 5.776 -} 5.777 - 5.778 -.vertical select { 5.779 - padding-right: 0; 5.780 -} 5.781 - 5.782 -#voting_form .ui_field_label, 5.783 -.login .ui_field_label, 5.784 -.vertical .ui_field_label { 5.785 - line-height: 180%; 5.786 - font-weight: bold; 5.787 - color: #777; 5.788 - width: 29%; 5.789 - display: block; 5.790 - float: left; 5.791 - clear: left; 5.792 - text-align: right; 5.793 - padding-right: 0.5em; 5.794 -} 5.795 - 5.796 -.ui_field_label.label_right { 5.797 - text-align: left; 5.798 - width: auto; 5.799 -} 5.800 - 5.801 -.login input[type=text], 5.802 -.login input[type=password] { 5.803 - width: 10em; 5.804 -} 5.805 - 5.806 -.login div, 5.807 -.vertical div { 5.808 - clear: left; 5.809 -} 5.810 - 5.811 -.vertical span { 5.812 - line-height: 180%; 5.813 - display: block; 5.814 - margin-bottom: 0.5ex; 5.815 -} 5.816 - 5.817 -.vertical span:after { 5.818 - content: "Â "; 5.819 -} 5.820 - 5.821 -.vertical span span { 5.822 - display: inline; 5.823 - margin-bottom: 0; 5.824 -} 5.825 - 5.826 -.vertical .actions { 5.827 - margin-left: 33%; 5.828 -} 5.829 - 5.830 - 5.831 -#voting_form input[type=submit], 5.832 -.login input[type=submit], 5.833 -.vertical input[type=submit] { 5.834 - font-size: 100%; 5.835 - margin-left: 29%; 5.836 - background-color: #444444; 5.837 - color: #fff; 5.838 - border: none; 5.839 - padding: 0.75ex; 5.840 -} 5.841 - 5.842 -#voting_form input[type=submit] { 5.843 - margin-left: 0; 5.844 -} 5.845 - 5.846 - 5.847 -.login input[type=submit]:hover, 5.848 -.vertical input[type=submit]:hover, 5.849 -.login input[type=submit]:focus, 5.850 -.vertical input[type=submit]:focus { 5.851 - background-color: #444444; 5.852 -} 5.853 - 5.854 -@media screen and (max-width: 480px) { 5.855 - .login input[type=text], 5.856 - .vertical input[type=text], 5.857 - .login input[type=password], 5.858 - .vertical input[type=password], 5.859 - .vertical textarea, 5.860 - .vertical select, 5.861 - .vertical input[type=submit], 5.862 - .login input[type=submit] { 5.863 - width: 98%; 5.864 - } 5.865 - .login .ui_field_label, 5.866 - .vertical .ui_field_label { 5.867 - text-align: left; 5.868 - width: 98%; 5.869 - } 5.870 - .login input[type=text], 5.871 - .login input[type=password] { 5.872 - width: 98%; 5.873 - } 5.874 - .login input[type=submit], 5.875 - .vertical input[type=submit] { 5.876 - margin-left: 0; 5.877 - } 5.878 -} 5.879 - 5.880 - 5.881 -/************************************************************************* 5.882 - * Positive / Negtive votes 5.883 - */ 5.884 - 5.885 - 5.886 -.positive_votes span { 5.887 - display: inline; 5.888 -} 5.889 - 5.890 -.positive_votes { 5.891 - display: inline; 5.892 - background-color: #cfc; 5.893 - padding: 0.3ex 0.5em 0.3ex 0.5em; 5.894 -} 5.895 - 5.896 -.negative_votes span { 5.897 - display: inline; 5.898 -} 5.899 - 5.900 -.negative_votes { 5.901 - display: inline; 5.902 - background-color: #fcc; 5.903 - padding: 0.3ex 0.5em 0.3ex 0.5em; 5.904 -} 5.905 - 5.906 -.suggestion_my_opinion a, 5.907 -.suggestion_my_opinion span { 5.908 - white-space: nowrap; 5.909 - padding-left: 0.2ex !important; 5.910 - padding-right: 0.2ex !important; 5.911 -} 5.912 - 5.913 -.active { 5.914 - background-color: #444; 5.915 - color: #fff; 5.916 -} 5.917 - 5.918 -.active_red2 { background-color: #a00; color: #fff !important; } 5.919 -.active_red1 { background-color: #f88; color: #000 !important; } 5.920 -.active_green1 { background-color: #8f8; color: #000 !important; } 5.921 -.active_green2 { background-color: #0a0; color: #000 !important; } 5.922 - 5.923 - 5.924 - 5.925 -/************************************************************************* 5.926 - * Unit list 5.927 - */ 5.928 - 5.929 -.unit_list a { 5.930 - font-weight: bold; 5.931 -} 5.932 - 5.933 -/************************************************************************* 5.934 - * Area list 5.935 - */ 5.936 -.area_list { 5.937 - border: 1px solid #444; 5.938 - border-radius: 10px; 5.939 - margin-top: 2ex; 5.940 -} 5.941 - 5.942 -.area_list .area { 5.943 - border-top: 1px solid #777; 5.944 -} 5.945 - 5.946 -.area_list .area:first-child { 5.947 - border-top: none; 5.948 -} 5.949 - 5.950 -.area_list .unit_head { 5.951 - border-radius: 8px 8px 0 0; 5.952 -} 5.953 - 5.954 -.area_list .unit_head:last-child { 5.955 - border-radius: 8px; 5.956 -} 5.957 - 5.958 -.area_list .area:last-child .content:last-child{ 5.959 - border-radius: 0 0 8px 8px; 5.960 -} 5.961 - 5.962 -.area_list .area:first-child .area_head { 5.963 - border-radius: 8px 8px 0 0; 5.964 -} 5.965 - 5.966 -/************************************************************************* 5.967 - * Issues 5.968 - */ 5.969 - 5.970 -.issues { 5.971 - clear: left; 5.972 - margin-top: 2ex; 5.973 -} 5.974 - 5.975 -.issues .issue { 5.976 - overflow: hidden; 5.977 - border: 1px solid #777; 5.978 - border-radius: 8px; 5.979 - margin-bottom: 4ex; 5.980 -} 5.981 - 5.982 -.issue.interested, 5.983 -.issue.interest_by_delegation { 5.984 - border: 1px solid #b2cdff; 5.985 -} 5.986 - 5.987 -.issue .suggestion { 5.988 - margin-bottom: 1ex; 5.989 - font-weight: bold; 5.990 -} 5.991 - 5.992 -.event_info { 5.993 - margin-top: 8px; 5.994 - clear: left; 5.995 - float: left; 5.996 - line-height: 125%; 5.997 - width: 240px; 5.998 - display: inline; 5.999 - padding: 5px 8px; 5.1000 - background: -webkit-linear-gradient(top, #888, #222); 5.1001 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222)); 5.1002 - background: -moz-linear-gradient(#888, #222); 5.1003 - background: -ms-linear-gradient(#888, #222); 5.1004 - background: -o-linear-gradient(#888, #222); 5.1005 - background: linear-gradient(#888, #222); 5.1006 - background-color: #444; 5.1007 - color: #fff; 5.1008 - font-style: italic; 5.1009 - border-radius: 8px 0 0 8px; 5.1010 -} 5.1011 - 5.1012 -.event_info a { 5.1013 - color: #fff; 5.1014 -} 5.1015 - 5.1016 -.events .issue { 5.1017 - min-height: 15ex; 5.1018 - border: 1px solid #777; 5.1019 -} 5.1020 - 5.1021 -.event_info .event_name, 5.1022 -.issue_policy_info .event_name { 5.1023 - font-weight: bold; 5.1024 -} 5.1025 - 5.1026 -.more_events_links { 5.1027 - margin-left: 255px; 5.1028 - padding: 1ex; 5.1029 - background: -webkit-linear-gradient(top, #888, #222); 5.1030 - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222)); 5.1031 - background: -moz-linear-gradient(#888, #222); 5.1032 - background: -ms-linear-gradient(#888, #222); 5.1033 - background: -o-linear-gradient(#888, #222); 5.1034 - background: linear-gradient(#888, #222); 5.1035 - background-color: #444; 5.1036 - color: #fff; 5.1037 - border-radius: 8px; 5.1038 - font-weight: bold; 5.1039 -} 5.1040 - 5.1041 -@media screen and (max-width: 720px) { 5.1042 - .event_info { 5.1043 - width: auto; 5.1044 - margin-left: 8px; 5.1045 - margin-right: 8px; 5.1046 - border-radius: 8px 8px 0 0; 5.1047 - } 5.1048 - .events .issue { 5.1049 - clear: left; 5.1050 - } 5.1051 - .more_events_links { 5.1052 - margin-left: 0px; 5.1053 - } 5.1054 - 5.1055 -} 5.1056 - 5.1057 -@media screen and (max-width: 480px) { 5.1058 - .events .initiative .name { 5.1059 - clear: left; 5.1060 - margin-left: 0px; 5.1061 - } 5.1062 -} 5.1063 - 5.1064 - 5.1065 - 5.1066 -.issue_policy_info img { 5.1067 - vertical-align: middle; 5.1068 -} 5.1069 - 5.1070 -.issue .interest_by_delegation { 5.1071 - float: right; 5.1072 -} 5.1073 - 5.1074 -.issue .initiative_list a.highlighted { 5.1075 - font-weight: bold; 5.1076 -} 5.1077 - 5.1078 -.initiative { 5.1079 - margin-left: 1ex; 5.1080 - margin-bottom: 1ex; 5.1081 - line-height: 50%; 5.1082 -} 5.1083 - 5.1084 -.initiative .bar { 5.1085 - margin-right: 0.3em; 5.1086 -} 5.1087 - 5.1088 -.initiative .rank, 5.1089 -.initiative .bar, 5.1090 -.initiative .interest { 5.1091 - float: left; 5.1092 - margin-right: 0.3em; 5.1093 -} 5.1094 - 5.1095 -.initiative .rank { 5.1096 - width: 2.5em; 5.1097 -} 5.1098 - 5.1099 - 5.1100 -.initiative .interest { 5.1101 - width: 20px; 5.1102 - height: 16px; 5.1103 - line-height: 100%; 5.1104 -} 5.1105 - 5.1106 -.initiative .name { 5.1107 - line-height: 130%; 5.1108 - margin-left: 168px; 5.1109 - font-size: 115%; 5.1110 -} 5.1111 - 5.1112 -.initiative.selected .name { 5.1113 - font-weight: bold; 5.1114 - xfont-style: italic; 5.1115 -} 5.1116 - 5.1117 -.initiative.polling .name, 5.1118 -.initiative_head.polling .title { 5.1119 - font-style: italic; 5.1120 -} 5.1121 - 5.1122 -@media screen and (max-width: 480px) { 5.1123 - .initiative .name { 5.1124 - clear: left; 5.1125 - margin-left: 0px; 5.1126 - } 5.1127 -} 5.1128 - 5.1129 - 5.1130 -.issue_initiative_list a { 5.1131 - font-weight: bold; 5.1132 -} 5.1133 - 5.1134 -.more_initiatives_link { 5.1135 - display: block; 5.1136 - margin-left: 166px; 5.1137 - font-style: italic; 5.1138 - margin-bottom: 1ex; 5.1139 -} 5.1140 - 5.1141 -.issue tr tr { 5.1142 - border: none; 5.1143 - background: none; 5.1144 -} 5.1145 - 5.1146 -.initiative_link.selected { 5.1147 - font-weight: bold; 5.1148 -} 5.1149 - 5.1150 -x.initiative_link.supported { 5.1151 - background-color: #cdf; 5.1152 - border-radius: 5px; 5.1153 -} 5.1154 - 5.1155 -x.initiative_link.potentially_supported { 5.1156 - background-color: #cdf; 5.1157 - border-radius: 5px; 5.1158 -} 5.1159 - 5.1160 -.lang_chooser { 5.1161 - float: right; 5.1162 - margin-right: 0.5em; 5.1163 -} 5.1164 - 5.1165 -.delegation_list_entry { 5.1166 - margin-right: 2em; 5.1167 - margin-bottom: 2ex; 5.1168 - float: left; 5.1169 - clear: left; 5.1170 -} 5.1171 - 5.1172 -.delegation_list_entry .delegation_arrow { 5.1173 - float: left; 5.1174 -} 5.1175 - 5.1176 -.delegation_list_entry .delegation_scope { 5.1177 - float: left; 5.1178 - width: 25em; 5.1179 -} 5.1180 - 5.1181 -.delegation_list_entry .delegation_scope a { 5.1182 - display: block; 5.1183 -} 5.1184 - 5.1185 -.member_list .member_thumb { 5.1186 - float: left; 5.1187 - margin-right: 10px; 5.1188 - margin-bottom: 10px; 5.1189 -} 5.1190 - 5.1191 -.member_thumb { 5.1192 - text-decoration: none; 5.1193 - width: 205px; 5.1194 - height: 48px; 5.1195 - display: block; 5.1196 - float: left; 5.1197 - background-color: #fff; 5.1198 - overflow: hidden; 5.1199 - position: relative; 5.1200 - border-radius: 8px; 5.1201 - padding: 2px; 5.1202 - border: 1px solid #aaa; 5.1203 -} 5.1204 - 5.1205 -.member_thumb a:hover div { 5.1206 - background-color: #444; 5.1207 - color: #fff; 5.1208 -} 5.1209 - 5.1210 -.member_thumb img { 5.1211 - padding: 0; 5.1212 - margin: 0; 5.1213 - vertical-align: bottom; 5.1214 - border-radius: 7px; 5.1215 -} 5.1216 - 5.1217 -.member_thumb .member_name { 5.1218 - position: absolute; 5.1219 - left: 56px; 5.1220 - top: 2ex; 5.1221 - font-size: 100%; 5.1222 - width: 14em; 5.1223 -} 5.1224 - 5.1225 -.member_thumb .flags { 5.1226 - float: right; 5.1227 -} 5.1228 - 5.1229 -.member_thumb .flags a, 5.1230 -.member_thumb .flags img { 5.1231 - position: static; 5.1232 - float: right; 5.1233 - margin-left: 0.5em; 5.1234 -} 5.1235 - 5.1236 -.member_thumb .flags .in_delegation_chain { 5.1237 - font-weight: bold; 5.1238 -} 5.1239 - 5.1240 -.member .right { 5.1241 - float: right; 5.1242 -} 5.1243 - 5.1244 -.member_thumb.not_accepted, 5.1245 -.member_thumb.not_informed { 5.1246 - border: 1px solid #ccc; 5.1247 - color: #777; 5.1248 -} 5.1249 - 5.1250 -.member_thumb.not_accepted .member_image, 5.1251 -.member_thumb.not_accepted .member_name, 5.1252 -.member_thumb.not_informed .member_image, 5.1253 -.member_thumb.not_informed .member_name { 5.1254 - opacity: 0.4; 5.1255 -} 5.1256 - 5.1257 -.member_thumb.in_delegation_chain { 5.1258 - background-color: #fda; 5.1259 -} 5.1260 - 5.1261 - 5.1262 -#suggestion_description { 5.1263 - height: 15ex; 5.1264 -} 5.1265 - 5.1266 -.diff { 5.1267 - background-color: #f2f2f2; 5.1268 - border: 1px solid #ccc; 5.1269 - padding: 1ex; 5.1270 -} 5.1271 - 5.1272 -.diff_added { 5.1273 - background-color: #cfc; 5.1274 - text-decoration: underline; 5.1275 -} 5.1276 - 5.1277 -.diff_removed { 5.1278 - background-color: #fcc; 5.1279 - text-decoration: line-through; 5.1280 -} 5.1281 - 5.1282 -.admitted_info, 5.1283 -.not_admitted_info, 5.1284 -.revoked_info, 5.1285 -.draft_updated_info, 5.1286 -.initiator_invite_info { 5.1287 - padding: 1ex; 5.1288 -} 5.1289 - 5.1290 -.admitted_info { 5.1291 - background-color: #afc; 5.1292 -} 5.1293 - 5.1294 -.not_admitted_info, 5.1295 -.revoked_info { 5.1296 - background-color: #fbb; 5.1297 -} 5.1298 - 5.1299 -.draft_updated_info, 5.1300 -.initiator_invite_info { 5.1301 - background-color: #fda; 5.1302 -} 5.1303 - 5.1304 -.motd, 5.1305 -.public_access_issue_head { 5.1306 - background-color: #fda; 5.1307 - padding: 1ex; 5.1308 - margin-top: 1ex; 5.1309 - margin-bottom: 2ex; 5.1310 -} 5.1311 - 5.1312 -.suggestion_fulfilled { 5.1313 - width: 15em; 5.1314 -} 5.1315 -.suggestion_fulfilled a.action { 5.1316 - padding-left: 0; 5.1317 - line-height: 120%; 5.1318 -} 5.1319 - 5.1320 -.help, 5.1321 -.use_terms { 5.1322 - border-radius: 8px; 5.1323 - border: 1px solid #ffe900; 5.1324 - background-color: #fffbce; 5.1325 - color: #000; 5.1326 - padding: 1ex; 5.1327 -} 5.1328 - 5.1329 -.help_visible { 5.1330 - margin-top: 2ex; 5.1331 - margin-bottom: 1ex; 5.1332 -} 5.1333 - 5.1334 -.help_visible .help_icon { 5.1335 - float: right; 5.1336 -} 5.1337 - 5.1338 -.slot_help_hidden { 5.1339 - float: left; 5.1340 - margin-top: 1ex; 5.1341 -} 5.1342 - 5.1343 -.help_actions { 5.1344 - float: right; 5.1345 -} 5.1346 - 5.1347 -.help_actions a { 5.1348 - margin-right: 1em; 5.1349 - color: #468; 5.1350 -} 5.1351 - 5.1352 -.wiki { 5.1353 - line-height: 150%; 5.1354 -} 5.1355 - 5.1356 -.wiki h1, 5.1357 -.wiki h2, 5.1358 -.wiki h3, 5.1359 -.wiki h4 { 5.1360 - margin-top: 1ex; 5.1361 - margin-bottom: 1ex; 5.1362 -} 5.1363 - 5.1364 -.wiki h1 { 5.1365 - font-size: 133%; 5.1366 - font-weight: bold; 5.1367 -} 5.1368 - 5.1369 -.wiki h2 { 5.1370 - font-size: 115%; 5.1371 - font-weight: bold; 5.1372 -} 5.1373 - 5.1374 -.wiki h3 { 5.1375 - font-size: 115%; 5.1376 -} 5.1377 - 5.1378 -.wiki h4 { 5.1379 - font-size: 100%; 5.1380 - font-weight: bold; 5.1381 -} 5.1382 - 5.1383 -.wiki p { 5.1384 - margin-top: 1ex; 5.1385 - margin-bottom: 1ex; 5.1386 -} 5.1387 - 5.1388 -form .warning { 5.1389 - background-color: #ffd; 5.1390 - color: #000; 5.1391 - border: 1px solid #dda; 5.1392 - margin: 1ex; 5.1393 - margin-bottom: 2ex; 5.1394 - padding: 1ex; 5.1395 -} 5.1396 - 5.1397 -a.not_voted { 5.1398 - display: block; 5.1399 - background-color: #fec; 5.1400 - color: #000; 5.1401 -} 5.1402 - 5.1403 -.action_active { 5.1404 - background-color: #fec; 5.1405 -} 5.1406 - 5.1407 -.heading { 5.1408 - display: block; 5.1409 - font-size: 115%; 5.1410 - font-weight: bold; 5.1411 - margin-bottom: 10px; 5.1412 - text-decoration: none; 5.1413 -} 5.1414 - 5.1415 -.heading.first { 5.1416 - margin-top: 0; 5.1417 -} 5.1418 - 5.1419 -.menu_list li { 5.1420 - padding-top: 1ex; 5.1421 - padding-bottom: 1ex; 5.1422 -} 5.1423 - 5.1424 -.deactivated_member_info { 5.1425 - background-color: #a00; 5.1426 - color: #fff; 5.1427 -} 5.1428 - 5.1429 -/************************************************************************* 5.1430 - * Voting 5.1431 - */ 5.1432 - 5.1433 -#voting_form { 5.1434 - margin-top: 20px; 5.1435 -} 5.1436 - 5.1437 -#voting { 5.1438 - position: relative; 5.1439 -} 5.1440 - 5.1441 -#voting .approval, .abstention, .disapproval { 5.1442 - border: 2px black solid; 5.1443 - margin-top: 2ex; 5.1444 - margin-bottom: 5ex; 5.1445 - padding: 1ex; 5.1446 - padding-bottom: 2ex; 5.1447 - border-radius: 8px; 5.1448 -} 5.1449 -#voting .approval { 5.1450 - background-color: #9f9; 5.1451 -} 5.1452 -#voting .approval .movable { 5.1453 - background-color: #dfd; 5.1454 -} 5.1455 -#voting .abstention { 5.1456 - background-color: #ccc; 5.1457 -} 5.1458 -#voting .abstention .movable { 5.1459 - background-color: #f2f2f2; 5.1460 -} 5.1461 -#voting .disapproval { 5.1462 - background-color: #f88; 5.1463 -} 5.1464 -#voting .disapproval .movable { 5.1465 - background-color: #fbb; 5.1466 -} 5.1467 -#voting .cathead { 5.1468 - font-weight: bold; 5.1469 -} 5.1470 -#voting .movable { 5.1471 - position: relative; 5.1472 - border: 1px black solid; 5.1473 - margin-top: 1ex; 5.1474 - padding: 0.5ex; 5.1475 - border-radius: 8px; 5.1476 -} 5.1477 -#voting .voting_form_active .movable { 5.1478 - cursor: pointer; 5.1479 -} 5.1480 -#voting .voting_form_active .clickable { 5.1481 - cursor: auto; 5.1482 -} 5.1483 -#voting .voting_form_active a.clickable { 5.1484 - cursor: pointer; 5.1485 -} 5.1486 - 5.1487 -#voting .movable { 5.1488 - vertical-align: middle; 5.1489 - cursor: move; 5.1490 -} 5.1491 - 5.1492 -/* shadows */ 5.1493 - 5.1494 -.member_statement, 5.1495 -.suggestion_content, 5.1496 -.initiative_head, 5.1497 -.box, 5.1498 -div.notifications { 5.1499 - border-radius: 8px; 5.1500 -} 5.1501 - 5.1502 -.member_statement, 5.1503 -.suggestion_content, 5.1504 -.initiative_head, 5.1505 -.box { 5.1506 - border: 1px solid #777; 5.1507 -} 5.1508 - 5.1509 -.member_statement, 5.1510 -.draft_content, 5.1511 -.suggestion_content, 5.1512 -.box { 5.1513 - padding: 0 12px; 5.1514 -} 5.1515 - 5.1516 -.suggestion_content, 5.1517 -.member_statement, 5.1518 -.draft_content { 5.1519 - border-left: 12px solid #777; 5.1520 -} 5.1521 - 5.1522 -.slot_footer { 5.1523 - margin: 0 1%; 5.1524 - border-top: 1px solid #ccc; 5.1525 - padding: 1ex; 5.1526 - text-align: center; 5.1527 -} 5.1528 -.slot_footer, 5.1529 -.slot_footer a { 5.1530 - color: #666; 5.1531 -} 5.1532 - 5.1533 -.footer { 5.1534 - margin: 0 auto; 5.1535 - max-width: 1130px; 5.1536 -}