liquid_feedback_frontend

annotate app/main/_layout/default.html @ 1489:3ab878ba277e

find changesets by author, revision, files, or words in the commit message
Accessibility improvements part 1
author bsw
date Mon Feb 18 19:46:36 2019 +0100 (2019-02-18)
parents e1a565a051d8
children 64229f002a47
rev   line source
bsw/jbe@1309 1 <!DOCTYPE html>
bsw/jbe@1309 2 <html>
bsw/jbe@1309 3 <head>
bsw/jbe@1309 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
bsw/jbe@1309 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
bsw/jbe@1309 6 <title><!-- WEBMCP SLOTNODIV html_title --></title>
bsw/jbe@1309 7 <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/style/style.css" />
bsw/jbe@1309 8 <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/gregor.js/gregor.css" />
bsw/jbe@1309 9 <!-- WEBMCP SLOTNODIV html_head -->
bsw/jbe@1309 10 <script type="text/javascript">jsFail = true;</script>
bsw/jbe@1309 11 <![if !IE]>
bsw/jbe@1309 12 <script type="text/javascript">jsFail = false;</script>
bsw/jbe@1309 13 <![endif]-->
bsw/jbe@1309 14 <script type="text/javascript" src="__BASEURL__/static/mdl/material.js"></script>
bsw/jbe@1309 15 <script type="text/javascript" src="__BASEURL__/static/js/jsprotect.js"></script>
bsw/jbe@1309 16 <script type="text/javascript" src="__BASEURL__/static/js/partialload.js"></script>
bsw/jbe@1309 17 <style>
bsw/jbe@1309 18 @font-face {
bsw/jbe@1309 19 font-family: "Roboto";
bsw/jbe@1309 20 src: url("__BASEURL__/static/font/Roboto-Regular.ttf");
bsw/jbe@1309 21 }
bsw/jbe@1309 22 @font-face {
bsw/jbe@1309 23 font-family: "Roboto Bold";
bsw/jbe@1309 24 src: url("__BASEURL__/static/font/Roboto-Bold.ttf");
bsw/jbe@1309 25 }
bsw/jbe@1309 26 @font-face {
bsw/jbe@1309 27 font-family: "Roboto Slab";
bsw/jbe@1309 28 src: url("__BASEURL__/static/font/RobotoSlab-Regular.ttf");
bsw/jbe@1309 29 }
bsw/jbe@1309 30 @font-face {
bsw/jbe@1309 31 font-family: 'Material Icons';
bsw/jbe@1309 32 font-style: normal;
bsw/jbe@1309 33 font-weight: 400;
bsw/jbe@1309 34 src: url("__BASEURL__/static/font/material.woff2") format('woff2');
bsw/jbe@1309 35 }
bsw/jbe@1309 36
bsw/jbe@1309 37 .material-icons {
bsw/jbe@1309 38 font-family: 'Material Icons';
bsw/jbe@1309 39 font-weight: normal;
bsw/jbe@1309 40 font-style: normal;
bsw/jbe@1309 41 font-size: 24px;
bsw/jbe@1309 42 line-height: 1;
bsw/jbe@1309 43 letter-spacing: normal;
bsw/jbe@1309 44 text-transform: none;
bsw/jbe@1309 45 display: inline-block;
bsw/jbe@1309 46 white-space: nowrap;
bsw/jbe@1309 47 word-wrap: normal;
bsw/jbe@1309 48 direction: ltr;
bsw/jbe@1309 49 -webkit-font-feature-settings: 'liga';
bsw/jbe@1309 50 -webkit-font-smoothing: antialiased;
bsw/jbe@1309 51 }
bsw/jbe@1309 52 .material-icons.icon-green {
bsw/jbe@1309 53 color: #4CAF50;
bsw/jbe@1309 54 }
bsw/jbe@1309 55 .material-icons.icon-yellow {
bsw/jbe@1309 56 color: #FFEB3B;
bsw/jbe@1309 57 }
bsw/jbe@1309 58 .material-icons.icon-red {
bsw/jbe@1309 59 color: #F44336;
bsw/jbe@1309 60 }
bsw/jbe@1309 61 .mapboxgl-popup-content {
bsw/jbe@1309 62 max-width: 200px;
bsw/jbe@1309 63 }
bsw/jbe@1309 64 body {
bsw/jbe@1309 65 font-family: "Roboto";
bsw/jbe@1309 66 background: #fff;
bsw/jbe@1309 67 }
bsw/jbe@1309 68 strong {
bsw/jbe@1309 69 font-family: "Roboto Bold";
bsw/jbe@1309 70 }
bsw/jbe@1309 71 .slot_error {
bsw/jbe@1309 72 margin: 20px 20px 0 20px;
bsw/jbe@1309 73 background: #fed;
bsw/jbe@1309 74 padding: 20px;
bsw/jbe@1309 75 }
bsw/jbe@1309 76 .slot_notice {
bsw/jbe@1309 77 margin: 20px 20px 0 20px;
bsw/jbe@1309 78 background: #efd;
bsw/jbe@1309 79 padding: 20px;
bsw/jbe@1309 80 }
bsw/jbe@1309 81 h1 {
bsw/jbe@1309 82 font-size: 24px;
bsw/jbe@1309 83 margin-bottom: 0px;
bsw/jbe@1309 84 }
bsw/jbe@1309 85
bsw/jbe@1309 86 .mdl-layout__container {
bsw/jbe@1309 87 max-width: 1600px;
bsw/jbe@1309 88 height: auto;
bsw/jbe@1309 89 background: #f7f7f7;
bsw/jbe@1309 90 }
bsw/jbe@1309 91 .mdl-layout__header-row {
bsw/jbe@1309 92 padding-left: 20px !important;
bsw/jbe@1309 93 padding-right: 10px !important;
bsw/jbe@1309 94 }
bsw/jbe@1309 95 .mdl-layout__content {
bsw/jbe@1309 96 flex-shrink: 0;
bsw/jbe@1309 97 width: 100%;
bsw/jbe@1309 98 }
bsw/jbe@1309 99 #lf-member-menu {
bsw/jbe@1309 100 cursor: pointer;
bsw/jbe@1309 101 }
bsw/jbe@1309 102 .notifications {
bsw/jbe@1309 103 display: block;
bsw/jbe@1309 104 text-align: center;
bsw/jbe@1309 105 }
bsw/jbe@1309 106 .page-content {
bsw/jbe@1309 107 xdisplay: flex;
bsw/jbe@1309 108 width: 100%;
bsw/jbe@1309 109 }
bsw/jbe@1309 110 .map, .ui_field_location {
bsw/jbe@1309 111 border: none;
bsw/jbe@1309 112 width: 100%;
bsw/jbe@1309 113 height: auto;
bsw/jbe@1309 114 max-height: 80vh;
bsw/jbe@1309 115 position: relative;
bsw/jbe@1309 116 border-radius: 2px;
bsw/jbe@1309 117 }
bsw/jbe@1309 118 .map:before {
bsw/jbe@1309 119 content: "";
bsw/jbe@1309 120 display: block;
bsw/jbe@1309 121 padding-top: 100%;
bsw/jbe@1309 122 }
bsw/jbe@1309 123 .map iframe {
bsw/jbe@1309 124 position: absolute;
bsw/jbe@1309 125 top: 0;
bsw/jbe@1309 126 left: 0;
bsw/jbe@1309 127 right: 0;
bsw/jbe@1309 128 bottom: 0;
bsw/jbe@1309 129 height: 100%;
bsw/jbe@1309 130 }
bsw/jbe@1309 131 .axto-logo {
bsw/jbe@1309 132 width: 100%;
bsw/jbe@1309 133 }
bsw/jbe@1309 134 .mdl-card__title-text a.issue {
bsw/jbe@1309 135 font-size: 18px;
bsw/jbe@1309 136 line-height: 20px;
bsw/jbe@1309 137 }
bsw/jbe@1309 138 .mdl-list__item .initiative_name {
bsw/jbe@1309 139 font-size: 18px;
bsw/jbe@1309 140 line-height: normal;
bsw/jbe@1309 141 }
bsw/jbe@1309 142 .initiatives.mdl-list {
bsw/jbe@1309 143 margin-top: 10px;
bsw/jbe@1309 144 margin-bottom: 0px;
bsw/jbe@1309 145 padding-bottom: 0px;
bsw/jbe@1309 146 }
bsw/jbe@1309 147 .initiatives .mdl-list__item--three-line {
bsw/jbe@1309 148 min-height: 0;
bsw/jbe@1309 149 padding-top: 0;
bsw/jbe@1309 150 padding-bottom: 0;
bsw/jbe@1309 151 }
bsw/jbe@1309 152 .mdl-data-table__fullwidth {
bsw/jbe@1309 153 width: 100%;
bsw/jbe@1309 154 }
bsw/jbe@1309 155 .mdl-textfield__fullwidth {
bsw/jbe@1309 156 width: 100%;
bsw/jbe@1309 157 }
bsw/jbe@1309 158
bsw/jbe@1309 159 .mdl-card {
bsw/jbe@1309 160 min-height: 20px;
bsw/jbe@1309 161 overflow: visible;
bsw/jbe@1309 162 display: block;
bsw/jbe@1309 163 margin-bottom: 16px;
bsw/jbe@1309 164 }
bsw/jbe@1309 165
bsw/jbe@1309 166 .mdl-card__fullwidth {
bsw/jbe@1309 167 width: 100%;
bsw/jbe@1309 168 }
bsw/jbe@1309 169 .mdl-card__title {
bsw/jbe@1309 170 display: block;
bsw/jbe@1309 171 }
bsw/jbe@1309 172 .mdl-card__title > h2,
bsw/jbe@1309 173 .mdl-card__title > a {
bsw/jbe@1309 174 display: inline-block;
bsw/jbe@1309 175 vertical-align: top;
bsw/jbe@1309 176 }
bsw/jbe@1309 177 .mdl-card__subtitle-text {
bsw/jbe@1309 178 display: block;
bsw/jbe@1309 179 }
bsw/jbe@1309 180 .mdl-card__content {
bsw/jbe@1309 181 font-size: 1rem;
bsw/jbe@1309 182 padding: 16px;
bsw/jbe@1309 183 }
bsw/jbe@1309 184 .mdl-card__content.mdl-card--no-bottom-pad {
bsw/jbe@1309 185 padding-bottom: 0;
bsw/jbe@1309 186 }
bsw/jbe@1309 187 .mdl-card__actions.mdl-card--action-border,
bsw/jbe@1309 188 .mdl-card__content.mdl-card--border {
bsw/jbe@1309 189 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
bsw/jbe@1309 190 }
bsw/jbe@1309 191 .mdl-card__actions.mdl-card--notice,
bsw/jbe@1309 192 .mdl-card__content.mdl-card--notice {
bsw/jbe@1309 193 background: #fff9c4;
bsw/jbe@1309 194 }
bsw/jbe@1309 195 .mdl-card--has-fab {
bsw/jbe@1309 196 position: relative;
bsw/jbe@1309 197 }
bsw/jbe@1309 198 .mdl-special-card {
bsw/jbe@1309 199 background: #fff;
bsw/jbe@1309 200 margin-bottom: 16px;
bsw/jbe@1309 201 border-radius: 2px;
bsw/jbe@1309 202 }
bsw/jbe@1309 203
bsw/jbe@1309 204 .mdl-navigation__head {
bsw/jbe@1309 205 font-family: "Roboto Bold";
bsw/jbe@1309 206 }
bsw/jbe@1309 207 .mdl-list__item--three-line {
bsw/jbe@1309 208 height: auto;
bsw/jbe@1309 209 min-height: 88px;
bsw/jbe@1309 210 }
bsw/jbe@1309 211 .mdl-list__item--three-line .mdl-list__item-primary-content {
bsw/jbe@1309 212 height: auto;
bsw/jbe@1309 213 min-height: 52px;
bsw/jbe@1309 214 }
bsw/jbe@1309 215 .mdl-chip.clickable {
bsw/jbe@1309 216 cursor: pointer;
bsw/jbe@1309 217 }
bsw/jbe@1309 218 .mdl-chip.unit,
bsw/jbe@1309 219 .mdl-chip.area,
bsw/jbe@1309 220 .mdl-chip.issue {
bsw/jbe@1309 221 padding: 1px 6px;
bsw/jbe@1309 222 line-height: 24px;
bsw/jbe@1309 223 height: 24px;
bsw/jbe@1309 224 vertical-align: bottom;
bsw/jbe@1309 225 margin-right: 4px;
bsw/jbe@1309 226 margin-bottom: 8px;
bsw/jbe@1309 227 }
bsw/jbe@1309 228 .mdl-chip.unit i,
bsw/jbe@1309 229 .mdl-chip.area i,
bsw/jbe@1309 230 .mdl-chip.issue i {
bsw/jbe@1309 231 font-size: 18px;
bsw/jbe@1309 232 color: #444;
bsw/jbe@1309 233 }
bsw/jbe@1309 234 .mdl-chip.unit {
bsw/jbe@1309 235 xbackground: rgba(76,175,80,0.2);
bsw/jbe@1309 236 }
bsw/jbe@1309 237 .mdl-chip.area {
bsw/jbe@1309 238 xbackground: rgba(76,175,80,0.2);
bsw/jbe@1309 239 }
bsw/jbe@1309 240 .mdl-chip.issue {
bsw/jbe@1309 241 xbackground: rgba(76,175,80,0.2);
bsw/jbe@1309 242 }
bsw/jbe@1309 243 .mdl-menu {
bsw/jbe@1309 244 z-index: -9999;
bsw/jbe@1309 245 }
bsw/jbe@1309 246 .mdl-menu__item {
bsw/jbe@1309 247 padding: 0;
bsw/jbe@1309 248 }
bsw/jbe@1309 249 .mdl-menu__link {
bsw/jbe@1309 250 display: block;
bsw/jbe@1309 251 padding: 0 16px;
bsw/jbe@1309 252 min-height: 48px;
bsw/jbe@1309 253 text-decoration: none;
bsw/jbe@1309 254 color: #444;
bsw/jbe@1309 255 }
bsw/jbe@1309 256 .mdl-tabs__tab-bar {
bsw/jbe@1309 257 justify-content: flex-start;
bsw/jbe@1309 258 }
bsw/jbe@1309 259 .mdl-tabs__tab.is-active {
bsw/jbe@1309 260 color: rgba(0,0,0, 0.87);
bsw/jbe@1309 261 }
bsw/jbe@1309 262 .mdl-data-table--condensed tbody tr {
bsw/jbe@1309 263 height: 24px;
bsw/jbe@1309 264 }
bsw/jbe@1309 265 .mdl-data-table--condensed td {
bsw/jbe@1309 266 padding-top: 0;
bsw/jbe@1309 267 padding-bottom: 0;
bsw/jbe@1309 268 height: 24px;
bsw/jbe@1309 269 }
bsw/jbe@1309 270 .mdl-button--underlined {
bsw/jbe@1309 271 text-decoration: underline;
bsw/jbe@1309 272 }
bsw/jbe@1309 273 .right {
bsw/jbe@1309 274 text-align: right;
bsw/jbe@1309 275 }
bsw/jbe@1309 276 .mdl-tabs__left {
bsw/jbe@1309 277 display: inline-block;
bsw/jbe@1309 278 width: auto;
bsw/jbe@1309 279 }
bsw/jbe@1309 280 .float-left {
bsw/jbe@1309 281 float: left;
bsw/jbe@1309 282 }
bsw/jbe@1309 283 .float-right {
bsw/jbe@1309 284 float: right;
bsw/jbe@1309 285 }
bsw/jbe@1309 286 .clear-left {
bsw/jbe@1309 287 clear: left;
bsw/jbe@1309 288 }
bsw/jbe@1309 289 .clear-right {
bsw/jbe@1309 290 clear: right;
bsw/jbe@1309 291 }
bsw/jbe@1309 292 .float-right .mdl-menu__container {
bsw/jbe@1309 293 margin-right: 20px;
bsw/jbe@1309 294 }
bsw/jbe@1309 295 .inline {
bsw/jbe@1309 296 display: inline-block;
bsw/jbe@1309 297 }
bsw/jbe@1309 298 .warning {
bsw/jbe@1309 299 background-color: #fff9c4;
bsw/jbe@1309 300 color: #212121;
bsw/jbe@1309 301 padding: 16px;
bsw/jbe@1309 302 border-radius: 2px;
bsw/jbe@1309 303 }
bsw/jbe@1309 304 .toolbar a {
bsw/jbe@1309 305 color: #000;
bsw/jbe@1309 306 display: inline-block;
bsw/jbe@1309 307 border: 1px solid #ccc;
bsw/jbe@1309 308 position: relative;
bsw/jbe@1309 309 }
bsw/jbe@1309 310
bsw/jbe@1309 311 .toolbar a.wysihtml-command-active {
bsw/jbe@1309 312 background: #000;
bsw/jbe@1309 313 color: #fff;
bsw/jbe@1309 314
bsw/jbe@1309 315 }
bsw/jbe@1309 316
bsw/jbe@1309 317 .toolbar a span.crossed {
bsw/jbe@1309 318 position: absolute;
bsw/jbe@1309 319 top: 0;
bsw/jbe@1309 320 left: 8px;
bsw/jbe@1309 321 font-weight: bold;
bsw/jbe@1309 322 font-size: 200%;
bsw/jbe@1309 323 line-height: 80%;
bsw/jbe@1309 324 }
bsw/jbe@1309 325 .toolbar a span.head_level {
bsw/jbe@1309 326 position: absolute;
bsw/jbe@1309 327 right: 0;
bsw/jbe@1309 328 bottom: 0;
bsw/jbe@1309 329 }
bsw/jbe@1309 330
bsw/jbe@1309 331 textarea {
bsw/jbe@1309 332 font-family: sans-serif;
bsw/jbe@1309 333 font-weight: normal !important;
bsw/jbe@1309 334 width: 100%;
bsw/jbe@1309 335 height: 40ex;
bsw/jbe@1309 336 }
bsw/jbe@1309 337 .bargraph {
bsw/jbe@1309 338 display: inline-block;
bsw/jbe@1309 339 vertical-align: top;
bsw/jbe@1309 340 height: 9px;
bsw/jbe@1309 341 }
bsw/jbe@1309 342
bsw/jbe@1309 343 .bargraph div {
bsw/jbe@1309 344 margin: 0;
bsw/jbe@1309 345 padding: 0;
bsw/jbe@1309 346 display: inline-block;
bsw/jbe@1309 347 height: 9px;
bsw/jbe@1309 348 }
bsw/jbe@1309 349 .draft {
bsw/jbe@1309 350 font-family: 'Roboto Slab';
bsw/jbe@1309 351 font-weight: 300;
bsw/jbe@1309 352 overflow: auto;
bsw/jbe@1309 353 clear: left;
bsw/jbe@1309 354 }
bsw/jbe@1309 355 .draft img {
bsw/jbe@1309 356 float: right;
bsw/jbe@1309 357 margin-left: 1em;
bsw/jbe@1309 358 }
bsw/jbe@1309 359
bsw/jbe@1309 360 .draft .landscape img {
bsw/jbe@1309 361 width: 50%;
bsw/jbe@1309 362 }
bsw/jbe@1309 363
bsw/jbe@1309 364 .draft .portrait img {
bsw/jbe@1309 365 width: 33.333%;
bsw/jbe@1309 366 }
bsw/jbe@1309 367
bsw/jbe@1309 368 @media (max-width: 960px) {
bsw/jbe@1309 369 .draft img {
bsw/jbe@1309 370 float: none;
bsw/jbe@1309 371 margin-left: 0;
bsw/jbe@1309 372 }
bsw/jbe@1309 373 .draft a.portrait,
bsw/jbe@1309 374 .draft a.landscape {
bsw/jbe@1309 375 width: 100%;
bsw/jbe@1309 376 display: block;
bsw/jbe@1309 377 text-align: center;
bsw/jbe@1309 378 margin-bottom: 2ex;
bsw/jbe@1309 379 }
bsw/jbe@1309 380 .draft .landscape img {
bsw/jbe@1309 381 width: 100%;
bsw/jbe@1309 382 }
bsw/jbe@1309 383 .draft .portrait img {
bsw/jbe@1309 384 width: 66.666%;
bsw/jbe@1309 385 }
bsw/jbe@1309 386 }
bsw/jbe@1309 387
bsw/jbe@1309 388 .draft h1 {
bsw/jbe@1309 389 font-size: 150%;
bsw/jbe@1309 390 margin-bottom: 0;
bsw/jbe@1309 391 }
bsw/jbe@1309 392 .draft h2 {
bsw/jbe@1309 393 font-size: 133%;
bsw/jbe@1309 394 margin-bottom: 0;
bsw/jbe@1309 395 }
bsw/jbe@1309 396 .draft h3 {
bsw/jbe@1309 397 font-size: 125%;
bsw/jbe@1309 398 margin-bottom: 0;
bsw/jbe@1309 399 }
bsw/jbe@1309 400 .draft > a:first-child + h1,
bsw/jbe@1309 401 .draft > h1:first-child,
bsw/jbe@1309 402 .draft > h2:first-child,
bsw/jbe@1309 403 .draft > h3:first-child {
bsw/jbe@1309 404 margin-top: 0;
bsw/jbe@1309 405 }
bsw/jbe@1309 406 @media (max-width: 960px) {
bsw/jbe@1309 407 .draft > a:first-child + h1 {
bsw/jbe@1309 408 margin-top: 20px;
bsw/jbe@1309 409 }
bsw/jbe@1309 410 }
bsw/jbe@1309 411
bsw/jbe@1309 412 .folded {
bsw/jbe@1309 413 position: relative;
bsw/jbe@1309 414 }
bsw/jbe@1309 415 .folded .suggestion-content {
bsw/jbe@1309 416 max-height: 180px;
bsw/jbe@1309 417 overflow: hidden;
bsw/jbe@1309 418 position: relative;
bsw/jbe@1309 419 }
bsw/jbe@1309 420 .folded .suggestion-content:before {
bsw/jbe@1309 421 content: "";
bsw/jbe@1309 422 width: 100%;
bsw/jbe@1309 423 height: 25%;
bsw/jbe@1309 424 position: absolute;
bsw/jbe@1309 425 left: 0;
bsw/jbe@1309 426 bottom: 0;
bsw/jbe@1309 427 background: linear-gradient(rgba(0,0,0,0), #fff);
bsw/jbe@1309 428 }
bsw/jbe@1309 429 .suggestion-less,
bsw/jbe@1309 430 .suggestion-more {
bsw/jbe@1309 431 display: none;
bsw/jbe@1309 432 }
bsw/jbe@1309 433 .folded .suggestion-more,
bsw/jbe@1309 434 .unfolded .suggestion-less {
bsw/jbe@1309 435 display: inline-block;
bsw/jbe@1309 436 }
bsw/jbe@1309 437
bsw/jbe@1309 438 .diff .diff_removed {
bsw/jbe@1309 439 text-decoration: line-through;
bsw/jbe@1309 440 background: #f00;
bsw/jbe@1309 441 }
bsw/jbe@1309 442
bsw/jbe@1309 443 .diff .diff_added {
bsw/jbe@1309 444 text-decoration: underline;
bsw/jbe@1309 445 background: #0f0;
bsw/jbe@1309 446 }
bsw/jbe@1309 447
bsw/jbe@1309 448 .material-icons {
bsw/jbe@1309 449 vertical-align: middle;
bsw/jbe@1309 450 }
bsw/jbe@1309 451 .material-icons-small {
bsw/jbe@1309 452 font-size: 18px;
bsw/jbe@1309 453 }
bsw/jbe@1309 454
bsw/jbe@1309 455 a.mdl-layout-title {
bsw/jbe@1309 456 color: #fff;
bsw/jbe@1309 457 text-decoration: none;
bsw/jbe@1309 458 }
bsw/jbe@1309 459
bsw/jbe@1309 460 .what-can-i-do-here .mdl-card__content {
bsw/jbe@1309 461 font-size: 18px;
bsw/jbe@1309 462 }
bsw/jbe@1309 463
bsw/jbe@1309 464 .what-can-i-do-here .mdl-card__content ul {
bsw/jbe@1309 465 font-size: 1rem;
bsw/jbe@1309 466 }
bsw/jbe@1309 467
bsw/jbe@1309 468 .what-can-i-do-here ul {
bsw/jbe@1309 469 margin-top: 0.5em;
bsw/jbe@1309 470 margin-bottom: 0;
bsw/jbe@1309 471 padding-left: 1.5em
bsw/jbe@1309 472 }
bsw/jbe@1309 473
bsw/jbe@1309 474
bsw/jbe@1309 475
bsw/jbe@1309 476 .lf-filter .mdl-button {
bsw/jbe@1309 477 padding-right: 4px;
bsw/jbe@1309 478 }
bsw/jbe@1309 479
bsw/jbe@1309 480 .phase-current {
bsw/jbe@1309 481 font-family: "Roboto Bold";
bsw/jbe@1309 482 }
bsw/jbe@1309 483
bsw/jbe@1309 484 .phase-info {
bsw/jbe@1309 485 padding-left: 27px;
bsw/jbe@1309 486 margin-bottom: 1ex;
bsw/jbe@1309 487 }
bsw/jbe@1309 488
bsw/jbe@1309 489 .clickable {
bsw/jbe@1309 490 cursor: pointer;
bsw/jbe@1309 491 }
bsw/jbe@1309 492
bsw/jbe@1309 493 .slot_title {
bsw/jbe@1309 494 margin-left: 16px;
bsw/jbe@1309 495 margin-top: 16px;
bsw/jbe@1309 496 font-size: 18px;
bsw/jbe@1309 497 }
bsw/jbe@1309 498
bsw/jbe@1309 499 .slot_title > a,
bsw/jbe@1309 500 .slot_title > span {
bsw/jbe@1309 501 display: inline-block;
bsw/jbe@1309 502 padding: 0 4px 0 0;
bsw/jbe@1309 503
bsw/jbe@1309 504 }
bsw/jbe@1309 505
bsw/jbe@1309 506 .slot_title a.home {
bsw/jbe@1309 507 margin: 0;
bsw/jbe@1309 508 }
bsw/jbe@1309 509
bsw/jbe@1309 510 .home i {
bsw/jbe@1309 511 font-size: 32px;
bsw/jbe@1309 512 }
bsw/jbe@1309 513
bsw/jbe@1309 514 /* fix missing contrast */
bsw/jbe@1309 515 .mdl-list__item--three-line .mdl-list__item-text-body,
bsw/jbe@1309 516 .mdl-card__supporting-text,
bsw/jbe@1309 517 .mdl-card__subtitle-text {
bsw/jbe@1309 518 color: rgba(0,0,0, 0.75);
bsw/jbe@1309 519 }
bsw/jbe@1309 520
bsw/jbe@1309 521 .mdl-textfield__label {
bsw/jbe@1309 522 color: rgba(0,0,0, 0.5);
bsw/jbe@1309 523 }
bsw/jbe@1309 524
bsw/jbe@1309 525 .mdl-list__item--three-line .mdl-list__item-text-body {
bsw/jbe@1309 526 height: auto;
bsw/jbe@1309 527 padding-bottom: 10px;
bsw/jbe@1309 528 }
bsw/jbe@1309 529
bsw/jbe@1309 530 select {
bsw/jbe@1309 531 font-family: 'Roboto','Helvetica','Arial',sans-serif;
bsw/jbe@1309 532 background-color: transparent;
bsw/jbe@1309 533 padding: 5px 0;
bsw/jbe@1309 534 border: none;
bsw/jbe@1309 535 border-bottom: 1px solid rgba(0,0,0, 0.12);
bsw/jbe@1309 536 font-size: 1rem;
bsw/jbe@1309 537 }
bsw/jbe@1309 538
bsw/jbe@1309 539
bsw/jbe@1309 540 .initiative_list .mdl-list__item {
bsw/jbe@1309 541 display: block;
bsw/jbe@1309 542 }
bsw/jbe@1309 543 .initiative_list .mdl-list__item-avatar {
bsw/jbe@1309 544 float: left;
bsw/jbe@1309 545 margin-right: 8px;
bsw/jbe@1309 546 }
bsw/jbe@1309 547 .initiative_list .mdl-list__item-avatar i {
bsw/jbe@1309 548 padding-left: 8px;
bsw/jbe@1309 549 }
bsw/jbe@1309 550 .initiative_list .mdl-list__item-avatar.positive {
bsw/jbe@1309 551 background: #4caf50;
bsw/jbe@1309 552 }
bsw/jbe@1309 553 .initiative_list .mdl-list__item-avatar.positive i {
bsw/jbe@1309 554 padding-top: 8px;
bsw/jbe@1309 555 vertical-align: top;
bsw/jbe@1309 556 }
bsw/jbe@1309 557 .initiative_list .mdl-list__item-avatar.negative {
bsw/jbe@1309 558 background: #f44336;
bsw/jbe@1309 559 }
bsw/jbe@1309 560 .initiative_list .mdl-list__item-avatar.negative i {
bsw/jbe@1309 561 padding-top: 10px;
bsw/jbe@1309 562 vertical-align: top;
bsw/jbe@1309 563 }
bsw/jbe@1309 564
bsw/jbe@1309 565 .initiative_pie {
bsw/jbe@1309 566 float: left;
bsw/jbe@1309 567 margin-right: 15px;
bsw/jbe@1309 568 margin-bottom: 15px;
bsw/jbe@1309 569 }
bsw/jbe@1309 570
bsw/jbe@1309 571 .initiative .result {
bsw/jbe@1309 572 font-family: "Roboto Bold";
bsw/jbe@1309 573 }
bsw/jbe@1309 574
bsw/jbe@1309 575 .admitted_info, .not_admitted_info {
bsw/jbe@1309 576 margin-left: 15px;
bsw/jbe@1309 577 }
bsw/jbe@1309 578
bsw/jbe@1309 579 .admitted_info table th,
bsw/jbe@1309 580 .not_admitted_info table th {
bsw/jbe@1309 581 text-align: left;
bsw/jbe@1309 582 padding-right: 10px;
bsw/jbe@1309 583 }
bsw/jbe@1309 584
bsw/jbe@1309 585 .admitted_info table td,
bsw/jbe@1309 586 .not_admitted_info table td {
bsw/jbe@1309 587 text-align: right;
bsw/jbe@1309 588 padding-right: 5px;
bsw/jbe@1309 589 }
bsw/jbe@1309 590
bsw/jbe@1309 591 .admitted
bsw/jbe@1309 592
bsw/jbe@1309 593 .event_info i {
bsw/jbe@1309 594 font-size: 18px;
bsw/jbe@1309 595 color: #444;
bsw/jbe@1309 596 margin-right: 4px;
bsw/jbe@1309 597 }
bsw/jbe@1309 598
bsw/jbe@1309 599 .ui_list_row label.mdl-radio {
bsw/jbe@1309 600 display: inline;
bsw/jbe@1309 601 }
bsw/jbe@1309 602
bsw/jbe@1309 603 .member_image_photo {
bsw/jbe@1309 604 margin-top: 2ex;
bsw/jbe@1309 605 margin-bottom: 2ex;
bsw/jbe@1309 606 }
bsw/jbe@1309 607
bsw@1489 608 .contextlinks {
bsw@1489 609 font-size: 14px;
bsw@1489 610 margin-bottom: 5px;
bsw@1489 611 }
bsw/jbe@1309 612
bsw/jbe@1309 613 /*************************************************************************
bsw/jbe@1309 614 * Voting
bsw/jbe@1309 615 */
bsw/jbe@1309 616 .main .section #voting_form .sectionRow:last-child {
bsw/jbe@1309 617 border-radius: 0;
bsw/jbe@1309 618 margin-bottom: 0;
bsw/jbe@1309 619 }
bsw/jbe@1309 620 #voting {
bsw/jbe@1309 621 margin-top: 3ex;
bsw/jbe@1309 622 position: relative;
bsw/jbe@1309 623 margin-bottom: 2ex;
bsw/jbe@1309 624 }
bsw/jbe@1309 625 #voting .approval,
bsw/jbe@1309 626 #voting .abstention,
bsw/jbe@1309 627 #voting .disapproval {
bsw/jbe@1309 628 border: 1px #ccc solid;
bsw/jbe@1309 629 margin-bottom: 3ex;
bsw/jbe@1309 630 padding: 1ex;
bsw/jbe@1309 631 padding-bottom: 1ex;
bsw/jbe@1309 632 border-radius: 2px;
bsw/jbe@1309 633 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);
bsw/jbe@1309 634 }
bsw/jbe@1309 635 #voting .movable {
bsw/jbe@1309 636 cursor: pointer;
bsw/jbe@1309 637 }
bsw/jbe@1309 638 #voting .disapproval {
bsw/jbe@1309 639 margin-bottom: 2ex;
bsw/jbe@1309 640 }
bsw/jbe@1309 641 #voting .approval {
bsw/jbe@1309 642 background-color: #9f9;
bsw/jbe@1309 643 }
bsw/jbe@1309 644 #voting .approval .movable {
bsw/jbe@1309 645 background-color: #dfd;
bsw/jbe@1309 646 }
bsw/jbe@1309 647 #voting .abstention {
bsw/jbe@1309 648 background-color: #eee;
bsw/jbe@1309 649 }
bsw/jbe@1309 650 #voting .abstention .movable {
bsw/jbe@1309 651 background-color: #fff;
bsw/jbe@1309 652 }
bsw/jbe@1309 653 #voting .disapproval {
bsw/jbe@1309 654 background-color: #f88;
bsw/jbe@1309 655 }
bsw/jbe@1309 656 #voting .disapproval .movable {
bsw/jbe@1309 657 background-color: #fbb;
bsw/jbe@1309 658 }
bsw/jbe@1309 659 #voting .movable {
bsw/jbe@1309 660 position: relative;
bsw/jbe@1309 661 border: 1px black solid;
bsw/jbe@1309 662 margin-top: 1ex;
bsw/jbe@1309 663 padding: 0;
bsw/jbe@1309 664 border-radius: 2px;
bsw/jbe@1309 665 min-height: 64px;
bsw/jbe@1309 666 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);
bsw/jbe@1309 667 }
bsw/jbe@1309 668 #voting .initiative_name {
bsw/jbe@1309 669 display: inline-block;
bsw/jbe@1309 670 margin: 5px;
bsw/jbe@1309 671 font-family: "Roboto Bold";
bsw/jbe@1309 672 }
bsw/jbe@1309 673
bsw/jbe@1309 674 #voting .voting_form_active .movable {
bsw/jbe@1309 675 cursor: pointer;
bsw/jbe@1309 676 vertical-align: middle;
bsw/jbe@1309 677 cursor: move;
bsw/jbe@1309 678 }
bsw/jbe@1309 679 #voting .voting_form_active .clickable {
bsw/jbe@1309 680 cursor: auto;
bsw/jbe@1309 681 }
bsw/jbe@1309 682 #voting .voting_form_active a.clickable {
bsw/jbe@1309 683 cursor: pointer;
bsw/jbe@1309 684 }
bsw/jbe@1309 685
bsw@1418 686 div.form .ui_field_label {
bsw@1416 687 text-transform: uppercase;
bsw@1416 688 font-size: 80%;
bsw@1416 689 }
bsw@1419 690 div.form .member_photo .member_image.member_image_photo {
bsw@1419 691 margin-top: 0;
bsw@1419 692 }
bsw/jbe@1309 693 </style>
bsw/jbe@1309 694 <!-- WEBMCP SLOTNODIV meta_navigation_style -->
bsw/jbe@1309 695
bsw/jbe@1309 696 </head>
bsw/jbe@1309 697 <body style="">
bsw/jbe@1309 698 <!-- WEBMCP SLOTNODIV meta_navigation -->
bsw/jbe@1309 699
bsw/jbe@1309 700 <div class="mdl-layout mdl-js-layout mdl-shadow--2dp mdl-layout--fixed-header">
bsw/jbe@1309 701 <!-- WEBMCP SLOTNODIV header_bar -->
bsw/jbe@1309 702 <main class="mdl-layout__content">
bsw/jbe@1309 703 <!-- WEBMCP SLOTNODIV notificationx -->
bsw/jbe@1309 704 <!-- WEBMCP SLOT notice -->
bsw/jbe@1309 705 <!-- WEBMCP SLOT warning -->
bsw/jbe@1309 706 <!-- WEBMCP SLOT error -->
bsw/jbe@1309 707 <!-- WEBMCP SLOT motd -->
bsw/jbe@1309 708 <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1">
bsw/jbe@1309 709 <div class="page-content">
bsw/jbe@1309 710 <!-- WEBMCP SLOT title -->
bsw/jbe@1309 711 <!-- WEBMCP SLOT filter -->
bsw/jbe@1309 712 <!-- WEBMCP SLOTNODIV default -->
bsw/jbe@1309 713 <!-- WEBMCP SLOTNODIV extra -->
bsw/jbe@1309 714 <!-- WEBMCP SLOTNODIV sidebar -->
bsw/jbe@1309 715 </div>
bsw/jbe@1309 716 </section>
bsw/jbe@1309 717 <br />
bsw/jbe@1309 718 <br />
bsw/jbe@1309 719 <br />
bsw/jbe@1309 720 <br />
bsw/jbe@1309 721 <footer class="mdl-mini-footer">
bsw/jbe@1309 722 <div class="mdl-mini-footer__left-section">
bsw/jbe@1309 723 <ul class="mdl-mini-footer__link-list">
bsw/jbe@1309 724 <!-- WEBMCP SLOTNODIV footer -->
bsw/jbe@1309 725 </ul>
bsw/jbe@1309 726 </div>
bsw/jbe@1309 727 </footer>
bsw/jbe@1309 728 <br /><br />
bsw/jbe@1309 729 <div id="trace">
bsw/jbe@1309 730 <!-- WEBMCP SLOTNODIV trace_button -->
bsw/jbe@1309 731 <div id="trace_content" style="display: none;">
bsw/jbe@1309 732 <div id="system_error"><!-- WEBMCP SLOT system_error --></div>
bsw/jbe@1309 733 <h1>System trace (for computer programmers purposes)</h1>
bsw/jbe@1309 734 <br />
bsw/jbe@1309 735 <!-- WEBMCP SLOT trace -->
bsw/jbe@1309 736 <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';">
bsw/jbe@1309 737 close
bsw/jbe@1309 738 </div>
bsw/jbe@1309 739 </div>
bsw/jbe@1309 740 </div>
bsw/jbe@1309 741 </main>
bsw/jbe@1309 742 </div>
bsw/jbe@1309 743
bsw/jbe@1309 744 <div class="head_outer">
bsw/jbe@1309 745 <div class="head">
bsw/jbe@1309 746 <div class="nav">
bsw/jbe@1309 747 <!--WEBMCP SLOTNODIV navigation -->
bsw/jbe@1309 748 </div>
bsw/jbe@1309 749
bsw/jbe@1309 750 </div>
bsw/jbe@1309 751 </div>
bsw/jbe@1309 752
bsw/jbe@1309 753 <!-- WEBMCP SLOTNODIV dialog -->
bsw/jbe@1309 754
bsw/jbe@1309 755 <!-- WEBMCP SLOT tabs -->
bsw/jbe@1309 756
bsw/jbe@1309 757 <script>
bsw/jbe@1309 758 /*
bsw/jbe@1309 759 $(".trace_view > .trace_list").hide();
bsw/jbe@1309 760 $(".trace_head").click(function() {
bsw/jbe@1309 761 var el = this.nextSibling
bsw/jbe@1309 762 if (el) $(el).toggle();
bsw/jbe@1309 763 });
bsw/jbe@1309 764 */
bsw/jbe@1309 765 </script>
bsw/jbe@1309 766
bsw/jbe@1309 767 <!-- WEBMCP SLOTNODIV script -->
bsw/jbe@1309 768
bsw/jbe@1309 769 </body>
bsw/jbe@1309 770 </html>

Impressum / About Us