liquid_feedback_frontend

annotate static/lf4.css @ 1619:62856200414d

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

Impressum / About Us