liquid_feedback_frontend

annotate static/lf4.css @ 1859:02c34183b6df

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

Impressum / About Us