liquid_feedback_frontend

annotate static/lf4.css @ 1658:c08690678b2d

Do not show authors as avatar, improved suggestion rating info
author bsw
date Sun Feb 14 13:27:21 2021 +0100 (2021-02-14)
parents 036703d1b400
children fcf0bc8706f4
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@1652 17 src: url("font/MaterialIcons-Regular.ttf");
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@1631 176 .mdl-card__actions {
bsw@1646 177 min-height: 52px;
bsw@1631 178 }
bsw@1604 179 .mdl-card__actions.mdl-card--action-border,
bsw@1604 180 .mdl-card__content.mdl-card--border {
bsw@1604 181 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
bsw@1604 182 }
bsw@1604 183 .mdl-card__actions.mdl-card--notice,
bsw@1604 184 .mdl-card__content.mdl-card--notice {
bsw@1604 185 background: #fff9c4;
bsw@1604 186 }
bsw@1604 187 .mdl-card--has-fab {
bsw@1604 188 position: relative;
bsw@1604 189 }
bsw@1604 190 .mdl-special-card {
bsw@1604 191 background: #fff;
bsw@1604 192 margin-bottom: 16px;
bsw@1604 193 border-radius: 5px;
bsw@1604 194 }
bsw@1604 195
bsw@1604 196 .mdl-navigation__head {
bsw@1604 197 font-family: "Roboto Bold";
bsw@1604 198 }
bsw@1604 199 .mdl-list__item--three-line {
bsw@1604 200 height: auto;
bsw@1604 201 min-height: 88px;
bsw@1604 202 }
bsw@1604 203 .mdl-list__item--three-line .mdl-list__item-primary-content {
bsw@1604 204 height: auto;
bsw@1604 205 min-height: 52px;
bsw@1604 206 }
bsw@1604 207 .mdl-chip {
bsw@1604 208 vertical-align: middle;
bsw@1604 209 }
bsw@1604 210 .mdl-chip.clickable {
bsw@1604 211 cursor: pointer;
bsw@1604 212 }
bsw@1604 213 .mdl-menu {
bsw@1604 214 z-index: -9999;
bsw@1604 215 }
bsw@1604 216 .mdl-card {
bsw@1604 217 z-index: auto !important;
bsw@1604 218 }
bsw@1604 219 .mdl-menu__item {
bsw@1604 220 padding: 0;
bsw@1604 221 }
bsw@1604 222 .mdl-menu__link {
bsw@1604 223 display: block;
bsw@1604 224 padding: 0 16px;
bsw@1604 225 min-height: 48px;
bsw@1604 226 text-decoration: none;
bsw@1604 227 color: #444;
bsw@1604 228 }
bsw@1604 229 .mdl-tabs__tab-bar {
bsw@1604 230 justify-content: flex-start;
bsw@1604 231 }
bsw@1604 232 .mdl-tabs__tab.is-active {
bsw@1604 233 color: rgba(0,0,0, 0.87);
bsw@1604 234 }
bsw@1604 235 .mdl-data-table--condensed tbody tr {
bsw@1604 236 height: 24px;
bsw@1604 237 }
bsw@1604 238 .mdl-data-table--condensed td {
bsw@1604 239 padding-top: 0;
bsw@1604 240 padding-bottom: 0;
bsw@1604 241 height: 24px;
bsw@1604 242 }
bsw@1619 243
bsw@1619 244 .mdl-button--feature-off i {
bsw@1619 245 color: #777;
bsw@1619 246 }
bsw@1619 247
bsw@1619 248 @keyframes feature-on {
bsw@1619 249 0% {
bsw@1619 250 transform: scale(0);
bsw@1619 251 }
bsw@1619 252 40% {
bsw@1619 253 transform: scale(3);
bsw@1619 254 }
bsw@1619 255 100% {
bsw@1619 256 transform: scale(1);
bsw@1619 257 }}
bsw@1619 258
bsw@1619 259 .mdl-button--feature-on {
bsw@1619 260 animation: feature-on 0.5s;
bsw@1619 261 }
bsw@1619 262
bsw@1604 263 .mdl-button--underlined {
bsw@1604 264 text-decoration: underline;
bsw@1604 265 }
bsw@1604 266 .right {
bsw@1604 267 text-align: right;
bsw@1604 268 }
bsw@1604 269 .mdl-tabs__left {
bsw@1604 270 display: inline-block;
bsw@1604 271 width: auto;
bsw@1604 272 }
bsw@1604 273 .float-left {
bsw@1604 274 float: left;
bsw@1604 275 }
bsw@1604 276 .float-right {
bsw@1604 277 float: right;
bsw@1604 278 }
bsw@1604 279 .clear-left {
bsw@1604 280 clear: left;
bsw@1604 281 }
bsw@1604 282 .clear-right {
bsw@1604 283 clear: right;
bsw@1604 284 }
bsw@1604 285 .float-right .mdl-menu__container {
bsw@1604 286 margin-right: 20px;
bsw@1604 287 }
bsw@1604 288 .inline {
bsw@1604 289 display: inline-block;
bsw@1604 290 }
bsw@1604 291 .warning {
bsw@1604 292 background-color: #fff9c4;
bsw@1604 293 color: #212121;
bsw@1604 294 padding: 16px;
bsw@1604 295 border-radius: 2px;
bsw@1604 296 }
bsw@1604 297 .toolbar a {
bsw@1604 298 color: #000;
bsw@1604 299 display: inline-block;
bsw@1604 300 border: 1px solid #ccc;
bsw@1604 301 position: relative;
bsw@1604 302 }
bsw@1604 303
bsw@1604 304 .toolbar a.wysihtml-command-active {
bsw@1604 305 background: #000;
bsw@1604 306 color: #fff;
bsw@1604 307
bsw@1604 308 }
bsw@1604 309
bsw@1604 310 .toolbar a span.crossed {
bsw@1604 311 position: absolute;
bsw@1604 312 top: 0;
bsw@1604 313 left: 8px;
bsw@1604 314 font-weight: bold;
bsw@1604 315 font-size: 200%;
bsw@1604 316 line-height: 80%;
bsw@1604 317 }
bsw@1604 318 .toolbar a span.head_level {
bsw@1604 319 position: absolute;
bsw@1604 320 right: 0;
bsw@1604 321 bottom: 0;
bsw@1604 322 }
bsw@1604 323
bsw@1604 324 textarea {
bsw@1604 325 font-family: sans-serif;
bsw@1604 326 font-weight: normal !important;
bsw@1604 327 width: 100%;
bsw@1604 328 height: 40ex;
bsw@1604 329 }
bsw@1604 330 .bargraph {
bsw@1604 331 display: inline-block;
bsw@1604 332 vertical-align: top;
bsw@1604 333 height: 9px;
bsw@1604 334 }
bsw@1604 335
bsw@1604 336 .bargraph div {
bsw@1604 337 margin: 0;
bsw@1604 338 padding: 0;
bsw@1604 339 display: inline-block;
bsw@1604 340 height: 9px;
bsw@1604 341 }
bsw@1604 342 .draft {
bsw@1604 343 font-family: 'Roboto Slab';
bsw@1604 344 font-weight: 300;
bsw@1604 345 overflow: auto;
bsw@1604 346 clear: left;
bsw@1604 347 }
bsw@1604 348 .draft img {
bsw@1604 349 float: right;
bsw@1604 350 margin-left: 1em;
bsw@1604 351 }
bsw@1604 352
bsw@1604 353 .draft .landscape img {
bsw@1604 354 width: 50%;
bsw@1604 355 }
bsw@1604 356
bsw@1604 357 .draft .portrait img {
bsw@1604 358 width: 33.333%;
bsw@1604 359 }
bsw@1604 360 .member_weight {
bsw@1604 361 background: #070;
bsw@1604 362 color: #fff;
bsw@1604 363 border-radius: 8px;
bsw@1604 364 padding: 0 3px;
bsw@1604 365 }
bsw@1604 366 .card-issue {
bsw@1604 367 background: rgb(76,175,80);
bsw@1604 368 }
bsw@1604 369 .card-issue a {
bsw@1604 370 color: #fff;
bsw@1604 371 }
bsw@1604 372 @media (max-width: 960px) {
bsw@1604 373 .draft img {
bsw@1604 374 float: none;
bsw@1604 375 margin-left: 0;
bsw@1604 376 }
bsw@1604 377 .draft a.portrait,
bsw@1604 378 .draft a.landscape {
bsw@1604 379 width: 100%;
bsw@1604 380 display: block;
bsw@1604 381 text-align: center;
bsw@1604 382 margin-bottom: 2ex;
bsw@1604 383 }
bsw@1604 384 .draft .landscape img {
bsw@1604 385 width: 100%;
bsw@1604 386 }
bsw@1604 387 .draft .portrait img {
bsw@1604 388 width: 66.666%;
bsw@1604 389 }
bsw@1604 390 }
bsw@1604 391
bsw@1604 392 .draft h1 {
bsw@1604 393 font-size: 150%;
bsw@1604 394 margin-bottom: 0;
bsw@1604 395 }
bsw@1604 396 .draft h2 {
bsw@1604 397 font-size: 133%;
bsw@1604 398 margin-bottom: 0;
bsw@1604 399 }
bsw@1604 400 .draft h3 {
bsw@1604 401 font-size: 125%;
bsw@1604 402 margin-bottom: 0;
bsw@1604 403 }
bsw@1604 404 .draft > a:first-child + h1,
bsw@1604 405 .draft > h1:first-child,
bsw@1604 406 .draft > h2:first-child,
bsw@1604 407 .draft > h3:first-child {
bsw@1604 408 margin-top: 0;
bsw@1604 409 }
bsw@1604 410 @media (max-width: 960px) {
bsw@1604 411 .draft > a:first-child + h1 {
bsw@1604 412 margin-top: 20px;
bsw@1604 413 }
bsw@1604 414 }
bsw@1604 415
bsw@1649 416
bsw@1649 417 .suggestion-content {
bsw@1649 418 position: relative;
bsw@1649 419 }
bsw@1649 420
bsw@1604 421 .folded {
bsw@1604 422 position: relative;
bsw@1604 423 }
bsw@1604 424 .folded .suggestion-content {
bsw@1649 425 max-height: 250px;
bsw@1604 426 overflow: hidden;
bsw@1604 427 }
bsw@1604 428 .folded .suggestion-content:before {
bsw@1604 429 content: "";
bsw@1604 430 width: 100%;
bsw@1604 431 height: 25%;
bsw@1604 432 position: absolute;
bsw@1604 433 left: 0;
bsw@1604 434 bottom: 0;
bsw@1604 435 background: linear-gradient(rgba(0,0,0,0), #fff);
bsw@1604 436 }
bsw@1604 437 .suggestion-less,
bsw@1604 438 .suggestion-more {
bsw@1604 439 display: none;
bsw@1649 440 position: absolute;
bsw@1649 441 bottom: 5px;
bsw@1649 442 right: 5px;
bsw@1604 443 }
bsw@1604 444 .folded .suggestion-more,
bsw@1604 445 .unfolded .suggestion-less {
bsw@1604 446 display: inline-block;
bsw@1604 447 }
bsw@1604 448
bsw@1658 449 .suggestion_rating_info {
bsw@1658 450 float: right;
bsw@1658 451 line-height: 200%;
bsw@1658 452 }
bsw@1658 453
bsw@1604 454 .diff .diff_removed {
bsw@1604 455 text-decoration: line-through;
bsw@1604 456 background: #f00;
bsw@1604 457 }
bsw@1604 458
bsw@1604 459 .diff .diff_added {
bsw@1604 460 text-decoration: underline;
bsw@1604 461 background: #0f0;
bsw@1604 462 }
bsw@1604 463
bsw@1604 464 .material-icons {
bsw@1604 465 vertical-align: middle;
bsw@1604 466 }
bsw@1604 467 .material-icons-small {
bsw@1604 468 font-size: 18px;
bsw@1604 469 }
bsw@1604 470
bsw@1604 471 a.mdl-layout-title {
bsw@1604 472 color: #fff;
bsw@1604 473 text-decoration: none;
bsw@1604 474 }
bsw@1604 475
bsw@1604 476 .what-can-i-do-here .mdl-card__content {
bsw@1604 477 font-size: 18px;
bsw@1604 478 }
bsw@1604 479
bsw@1604 480 .what-can-i-do-here .mdl-card__content ul {
bsw@1604 481 font-size: 1rem;
bsw@1604 482 }
bsw@1604 483
bsw@1604 484 .what-can-i-do-here ul {
bsw@1604 485 margin-top: 0.5em;
bsw@1604 486 margin-bottom: 0;
bsw@1604 487 padding-left: 1.5em
bsw@1604 488 }
bsw@1604 489
bsw@1604 490
bsw@1604 491
bsw@1604 492 .lf-filter .mdl-button {
bsw@1604 493 padding-right: 4px;
bsw@1604 494 }
bsw@1604 495
bsw@1604 496 .phase-current {
bsw@1604 497 font-family: "Roboto Bold";
bsw@1604 498 }
bsw@1604 499
bsw@1604 500 .phase-info {
bsw@1604 501 padding-left: 27px;
bsw@1604 502 margin-bottom: 1ex;
bsw@1604 503 }
bsw@1604 504
bsw@1604 505 .clickable {
bsw@1604 506 cursor: pointer;
bsw@1604 507 }
bsw@1604 508
bsw@1604 509 .slot_title {
bsw@1604 510 margin-left: 16px;
bsw@1604 511 margin-top: 16px;
bsw@1604 512 font-size: 18px;
bsw@1604 513 }
bsw@1604 514
bsw@1604 515 .slot_title > a,
bsw@1604 516 .slot_title > span {
bsw@1604 517 display: inline-block;
bsw@1604 518 padding: 0 4px 0 0;
bsw@1604 519
bsw@1604 520 }
bsw@1604 521
bsw@1604 522 .slot_title a.home {
bsw@1604 523 margin: 0;
bsw@1604 524 }
bsw@1604 525
bsw@1604 526 .home i {
bsw@1604 527 font-size: 32px;
bsw@1604 528 }
bsw@1604 529
bsw@1604 530 /* fix missing contrast */
bsw@1604 531 .mdl-list__item--three-line .mdl-list__item-text-body,
bsw@1604 532 .mdl-card__supporting-text,
bsw@1604 533 .mdl-card__subtitle-text {
bsw@1604 534 color: rgba(0,0,0, 0.75);
bsw@1604 535 }
bsw@1604 536
bsw@1604 537 .mdl-textfield__label {
bsw@1604 538 color: rgba(0,0,0, 0.5);
bsw@1604 539 }
bsw@1604 540
bsw@1604 541 .mdl-list__item--three-line .mdl-list__item-text-body {
bsw@1604 542 height: auto;
bsw@1604 543 padding-bottom: 10px;
bsw@1604 544 }
bsw@1604 545
bsw@1604 546 select {
bsw@1604 547 font-family: 'Roboto','Helvetica','Arial',sans-serif;
bsw@1604 548 background-color: transparent;
bsw@1604 549 padding: 5px 0;
bsw@1604 550 border: none;
bsw@1604 551 border-bottom: 1px solid rgba(0,0,0, 0.12);
bsw@1604 552 font-size: 1rem;
bsw@1604 553 }
bsw@1604 554
bsw@1604 555
bsw@1604 556 .initiative_list .mdl-list__item {
bsw@1604 557 display: block;
bsw@1604 558 }
bsw@1604 559 .initiative_list .mdl-list__item-avatar {
bsw@1604 560 float: left;
bsw@1604 561 margin-right: 8px;
bsw@1604 562 }
bsw@1604 563 .initiative_list .mdl-list__item-avatar i {
bsw@1604 564 padding-left: 8px;
bsw@1604 565 }
bsw@1604 566 .initiative_list .mdl-list__item-avatar.positive {
bsw@1604 567 background: #4caf50;
bsw@1604 568 }
bsw@1604 569 .initiative_list .mdl-list__item-avatar.positive i {
bsw@1604 570 padding-top: 8px;
bsw@1604 571 vertical-align: top;
bsw@1604 572 }
bsw@1604 573 .initiative_list .mdl-list__item-avatar.negative {
bsw@1604 574 background: #f44336;
bsw@1604 575 }
bsw@1604 576 .initiative_list .mdl-list__item-avatar.negative i {
bsw@1604 577 padding-top: 10px;
bsw@1604 578 vertical-align: top;
bsw@1604 579 }
bsw@1604 580
bsw@1604 581 .initiative_pie {
bsw@1604 582 float: left;
bsw@1604 583 margin-right: 15px;
bsw@1604 584 margin-bottom: 15px;
bsw@1604 585 }
bsw@1604 586
bsw@1604 587 .initiative .result {
bsw@1604 588 font-family: "Roboto Bold";
bsw@1604 589 }
bsw@1604 590
bsw@1614 591 .admitted_info h1,
bsw@1614 592 .not_admitted_info h1 {
bsw@1614 593 margin-top: 0;
bsw@1614 594 }
bsw@1614 595
bsw@1604 596 .admitted_info table th,
bsw@1604 597 .not_admitted_info table th {
bsw@1604 598 text-align: left;
bsw@1604 599 padding-right: 10px;
bsw@1604 600 }
bsw@1604 601
bsw@1604 602 .admitted_info table td,
bsw@1604 603 .not_admitted_info table td {
bsw@1604 604 text-align: right;
bsw@1604 605 padding-right: 5px;
bsw@1604 606 }
bsw@1604 607
bsw@1604 608 .ui_list_row label.mdl-radio {
bsw@1604 609 display: inline;
bsw@1604 610 }
bsw@1604 611
bsw@1604 612 .member_image_photo {
bsw@1604 613 margin-top: 2ex;
bsw@1604 614 margin-bottom: 2ex;
bsw@1604 615 }
bsw@1604 616
bsw@1604 617 .contextlinks {
bsw@1604 618 color: #fff;
bsw@1604 619 }
bsw@1652 620
bsw@1604 621 /*************************************************************************
bsw@1604 622 * Voting
bsw@1604 623 */
bsw@1604 624 .main .section #voting_form .sectionRow:last-child {
bsw@1604 625 border-radius: 0;
bsw@1604 626 margin-bottom: 0;
bsw@1604 627 }
bsw@1604 628 #voting {
bsw@1604 629 margin-top: 3ex;
bsw@1604 630 position: relative;
bsw@1604 631 margin-bottom: 2ex;
bsw@1604 632 }
bsw@1604 633 #voting .approval,
bsw@1604 634 #voting .abstention,
bsw@1604 635 #voting .disapproval {
bsw@1604 636 border: 1px #ccc solid;
bsw@1604 637 margin-bottom: 3ex;
bsw@1604 638 padding: 1ex;
bsw@1604 639 padding-bottom: 1ex;
bsw@1604 640 border-radius: 2px;
bsw@1604 641 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 642 }
bsw@1604 643 #voting .movable {
bsw@1604 644 cursor: pointer;
bsw@1604 645 }
bsw@1604 646 #voting .disapproval {
bsw@1604 647 margin-bottom: 2ex;
bsw@1604 648 }
bsw@1604 649 #voting .approval {
bsw@1604 650 background-color: #9f9;
bsw@1604 651 }
bsw@1604 652 #voting .approval .movable {
bsw@1604 653 background-color: #dfd;
bsw@1604 654 }
bsw@1604 655 #voting .abstention {
bsw@1604 656 background-color: #eee;
bsw@1604 657 }
bsw@1604 658 #voting .abstention .movable {
bsw@1604 659 background-color: #fff;
bsw@1604 660 }
bsw@1604 661 #voting .disapproval {
bsw@1604 662 background-color: #f88;
bsw@1604 663 }
bsw@1604 664 #voting .disapproval .movable {
bsw@1604 665 background-color: #fbb;
bsw@1604 666 }
bsw@1604 667 #voting .movable {
bsw@1604 668 position: relative;
bsw@1604 669 border: 1px black solid;
bsw@1604 670 margin-top: 1ex;
bsw@1604 671 padding: 0;
bsw@1604 672 border-radius: 2px;
bsw@1604 673 min-height: 64px;
bsw@1604 674 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 675 }
bsw@1604 676 #voting .initiative_name {
bsw@1604 677 display: inline-block;
bsw@1604 678 margin: 5px;
bsw@1604 679 font-family: "Roboto Bold";
bsw@1604 680 }
bsw@1604 681
bsw@1604 682 #voting .voting_form_active .movable {
bsw@1604 683 cursor: pointer;
bsw@1604 684 vertical-align: middle;
bsw@1604 685 cursor: move;
bsw@1604 686 }
bsw@1604 687 #voting .voting_form_active .clickable {
bsw@1604 688 cursor: auto;
bsw@1604 689 }
bsw@1604 690 #voting .voting_form_active a.clickable {
bsw@1604 691 cursor: pointer;
bsw@1604 692 }
bsw@1604 693
bsw@1604 694 div.form .ui_field_label {
bsw@1604 695 text-transform: uppercase;
bsw@1604 696 font-size: 80%;
bsw@1604 697 }
bsw@1604 698 div.form .member_photo .member_image.member_image_photo {
bsw@1604 699 margin-top: 0;
bsw@1604 700 }
bsw@1604 701
bsw@1604 702 .trace_list {
bsw@1604 703 margin-left: 10px;
bsw@1604 704 list-style-type: none;
bsw@1604 705 padding: 0;
bsw@1604 706 line-height: 120%;
bsw@1604 707 }
bsw@1604 708
bsw@1604 709 .trace_list .trace_list {
bsw@1604 710 padding-left: 10px;
bsw@1604 711 border-left: 1px solid #999;
bsw@1604 712 }
bsw@1604 713
bsw@1604 714 .trace_list .trace_head {
bsw@1604 715 margin-top: 10px;
bsw@1604 716 padding: 3px 5px 3px 5px;
bsw@1604 717 font-weight: 700;
bsw@1604 718 }
bsw@1604 719
bsw@1604 720 .trace_list li {
bsw@1604 721 margin-top: 5px;
bsw@1604 722 margin-bottom: 5px;
bsw@1604 723 }
bsw@1604 724
bsw@1604 725 .trace_list .trace_filter .trace_head {
bsw@1604 726 background: #acf;
bsw@1604 727 color: #000;
bsw@1604 728 }
bsw@1604 729
bsw@1604 730 .trace_list .trace_request .trace_head,
bsw@1604 731 .trace_list .trace_view .trace_head {
bsw@1604 732 background: #000;
bsw@1604 733 color: #fff;
bsw@1604 734 }
bsw@1604 735
bsw@1604 736 .trace_list .trace_config .trace_head,
bsw@1604 737 .trace_list .trace_view .trace_view .trace_head {
bsw@1604 738 background: #ccc;
bsw@1604 739 color: #000;
bsw@1604 740 }
bsw@1604 741
bsw@1604 742 .trace_list .trace_head .time {
bsw@1604 743 float: right;
bsw@1604 744 font-weight: 500;
bsw@1604 745 font-size: 90%;
bsw@1604 746 line-height: 100%;
bsw@1604 747 margin-top: 5px;
bsw@1604 748 }
bsw@1604 749
bsw@1604 750 .trace_list .trace_sql {
bsw@1604 751 color: #050;
bsw@1604 752 }
bsw@1604 753
bsw@1604 754 .trace_list .trace_sql_time {
bsw@1604 755 background: #070;
bsw@1604 756 color: #fff;
bsw@1604 757 padding: 0px 3px;
bsw@1604 758 border-radius: 5px;
bsw@1604 759 }
bsw@1604 760
bsw@1604 761

Impressum / About Us