liquid_feedback_frontend

annotate static/style.css @ 500:03c205fc17f0

find changesets by author, revision, files, or words in the commit message
Show blue quorum bar in bargraph more clear, fixed too big quorum in ie
author bsw
date Wed Mar 21 19:43:44 2012 +0100 (2012-03-21)
parents 01cf3c50cbee
children e26b04ef230a
rev   line source
bsw@373 1
bsw@325 2 /* Style reset */
bsw@325 3 html,
bsw@325 4 body,
bsw@325 5 div,
bsw@325 6 span,
bsw@325 7 applet,
bsw@325 8 object,
bsw@325 9 iframe,
bsw@325 10 h1, h2, h3, h4, h5, h6,
bsw@329 11 p, a, img,
bsw@325 12 form, label, legend,
bsw@325 13 table, tbody, tfoot, thead, tr, th,td {
bsw@325 14 margin: 0;
bsw@325 15 padding: 0;
bsw@325 16 border: 0;
bsw@325 17 outline: 0;
bsw@325 18 font-weight: inherit;
bsw@325 19 font-style: inherit;
bsw@325 20 font-size: 100%;
bsw@325 21 font-family: inherit;
bsw@325 22 vertical-align: baseline;
bsw@325 23 }
bsw@325 24 body {
bsw@325 25 line-height: 1;
bsw@325 26 color: black;
bsw@325 27 background: white;
bsw@325 28 }
bsw@371 29 li {
bsw@371 30 line-height: 133%;
bsw@371 31 }
bsw@366 32 p {
bsw@366 33 margin-top: 2ex;
bsw@366 34 margin-bottom: 2ex;
bsw@366 35 }
bsw@366 36
bsw@325 37 table {
bsw@325 38 border-collapse: separate;
bsw@325 39 border-spacing: 0;
bsw@325 40 }
bsw@325 41 caption, th, td {
bsw@325 42 text-align: left;
bsw@325 43 font-weight: normal;
bsw@325 44 }
bsw@325 45
bsw/jbe@0 46 /*************************************************************************
bsw/jbe@0 47 * Some global definitions
bsw/jbe@0 48 */
bsw/jbe@0 49
poelzi@147 50 body {
poelzi@147 51 background: #fff;
bsw@371 52 line-height: 120%:
poelzi@147 53 }
poelzi@147 54
bsw/jbe@0 55 body, th, td {
bsw/jbe@0 56 font-family: sans-serif;
bsw/jbe@19 57 font-size: 15px;
bsw/jbe@0 58 font-size: 14px;
bsw/jbe@0 59 padding: 0;
bsw/jbe@0 60 margin: 0;
bsw/jbe@0 61 }
bsw/jbe@0 62
bsw@432 63 .page,
bsw@432 64 .topbar_content {
bsw@431 65 max-width: 1130px;
bsw@431 66 margin: 0 auto;
bsw@431 67 }
bsw@431 68
bsw@371 69 table {
bsw@371 70 margin-top: 1ex;
bsw@371 71 }
bsw@371 72
bsw/jbe@0 73 body, a {
bsw/jbe@0 74 color: #000;
bsw/jbe@0 75 }
bsw/jbe@0 76
bsw/jbe@0 77 img {
bsw/jbe@0 78 border: none;
bsw/jbe@0 79 }
bsw/jbe@0 80
bsw/jbe@0 81 table {
bsw/jbe@0 82 border-collapse: collapse;
bsw/jbe@0 83 border: none;
bsw/jbe@0 84 }
bsw/jbe@0 85
bsw/jbe@0 86 td, th {
bsw@278 87 padding: 0.5ex 0.5em 0.5ex 0em;
bsw@2 88 }
bsw@2 89
bsw@2 90 td {
bsw/jbe@0 91 vertical-align: top;
bsw@2 92 }
bsw@2 93
bsw@2 94 th {
bsw@2 95 vertical-align: bottom;
bsw@2 96 font-weight: bold;
bsw/jbe@0 97 }
bsw/jbe@0 98
bsw/jbe@0 99 a.active {
bsw/jbe@0 100 color: #fff;
bsw/jbe@0 101 }
bsw/jbe@0 102
bsw@10 103 .revoked {
bsw@10 104 text-decoration: line-through;
bsw@10 105 }
bsw@10 106
bsw/jbe@0 107 .highlighted {
bsw/jbe@0 108 background-color: #fa7;
bsw/jbe@0 109 color: #000;
bsw/jbe@0 110 }
bsw/jbe@0 111
bsw/jbe@0 112 .admin_only {
bsw/jbe@0 113 font-style: italic;
bsw/jbe@0 114 }
bsw/jbe@0 115
bsw@9 116 h1 {
bsw@9 117 font-size: 150%;
bsw@9 118 }
bsw@9 119
bsw@9 120 h2 {
bsw@9 121 font-size: 125%;
bsw@9 122 }
bsw@9 123
poelzi@145 124 .inline {
poelzi@145 125 display: inline;
poelzi@145 126 }
bsw@9 127
bsw/jbe@0 128 /*************************************************************************
bsw/jbe@0 129 * Notices, warnings and errors
bsw/jbe@0 130 */
bsw/jbe@0 131
bsw/jbe@0 132 .layout_notice, .layout_error, .layout_warning {
bsw@325 133 background: #fff;
bsw@325 134 font-weight: bold;
bsw@325 135 line-height: 1.7em;
bsw@325 136 -moz-opacity:0.7;
bsw/jbe@0 137 }
bsw/jbe@0 138
bsw/jbe@0 139 .slot_notice, .slot_warning, .slot_error {
bsw@325 140 padding-left: 1em;
bsw/jbe@0 141 }
bsw/jbe@0 142
bsw/jbe@0 143 .slot_notice {
bsw@325 144 background-color: #cfc;
bsw@325 145 color: #040;
bsw/jbe@0 146 }
bsw/jbe@0 147
bsw/jbe@0 148 .slot_warning {
bsw@325 149 background-color: #fec;
bsw@325 150 color: #420;
bsw/jbe@0 151 }
bsw/jbe@0 152
bsw/jbe@0 153 .slot_error {
bsw@325 154 background-color: #fcc;
bsw@325 155 color: #400;
bsw/jbe@0 156 }
bsw/jbe@0 157
bsw/jbe@0 158 /*************************************************************************
bsw/jbe@0 159 * Navigation, search and language chooser bar
bsw/jbe@0 160 */
bsw/jbe@0 161
bsw/jbe@0 162 .topbar {
bsw@318 163 background-color: #333;
bsw@319 164 background-image: -webkit-gradient(linear, left top, left bottom,
bsw@278 165 color-stop(0%, #888), color-stop(25%,#333)
bsw@278 166 );
bsw@273 167 font-size: 90%;
bsw@373 168 box-shadow: #aaa 0 0 5px;
bsw@277 169 overflow: hidden;
bsw@318 170 -mox-box-shadow: #aaa 0 0 5px;
bsw@318 171 -webkit-box-shadow: #aaa 0 0 5px;
bsw@467 172 border-top: 1px solid #333;
bsw@467 173 line-height: 30px;
bsw@467 174
bsw@273 175 }
bsw@273 176
bsw@273 177 .topbar .logolf {
bsw@431 178 margin-left: 1%;
bsw@273 179 font-weight: bold;
bsw/jbe@0 180 }
bsw/jbe@0 181
bsw/jbe@0 182 .topbar a {
bsw@318 183 color: #eee;
bsw@414 184 line-height: 30px;
bsw/jbe@0 185 }
bsw/jbe@0 186
bsw/jbe@0 187 .topbar a:hover {
bsw@318 188 background-color: #eee;
bsw/jbe@0 189 color: #000;
bsw/jbe@0 190 }
bsw/jbe@0 191
bsw@373 192 .navigation {
bsw@467 193 background-color: #333;
bsw@274 194 line-height: 200%;
bsw/jbe@0 195 }
bsw/jbe@0 196
bsw@373 197 .navigation img {
bsw/jbe@0 198 margin-right: 0.5em;
bsw/jbe@0 199 vertical-align: middle;
bsw/jbe@0 200 }
bsw/jbe@0 201
bsw@373 202 .navigation a {
bsw@373 203 padding: 0 0.5em;
bsw@373 204 float: left;
bsw@373 205 display: block;
bsw@467 206 white-space: nowrap;
bsw/jbe@0 207 }
bsw/jbe@0 208
bsw@250 209 form.unit_selector {
bsw@250 210 display: inline;
bsw@250 211 }
bsw@250 212
bsw@414 213 .topbar .member_info {
bsw@414 214 float: right;
bsw@467 215 padding-right: 1%;
bsw/jbe@0 216 }
bsw/jbe@0 217
bsw/jbe@0 218 /*************************************************************************
bsw/jbe@0 219 * Title of current page including path and actions
bsw/jbe@0 220 */
bsw/jbe@0 221
bsw@313 222 .title,
bsw@313 223 .title2,
bsw@313 224 .actions {
bsw@317 225 background-color: #f2f2f2;
bsw@373 226 margin-left: 1%;
bsw@373 227 margin-right: 1%;
bsw@412 228 border-left: 1px solid #bbb;
bsw@412 229 border-right: 1px solid #bbb;
bsw@412 230 }
bsw@412 231
bsw@412 232 .actions {
bsw@412 233 border-bottom: 1px solid #bbb;
bsw@313 234 }
bsw@313 235
bsw@317 236 .initiative_head .actions {
bsw@412 237 border: none;
bsw@317 238 box-shadow: none;
bsw@318 239 -moz-box-shadow: none;
bsw@318 240 -webkit-box-shadow: none;
bsw@317 241 }
bsw@317 242
bsw@313 243
bsw@325 244 .slot_initiatives_list {
bsw@313 245 margin-top: 1ex;
bsw@373 246 margin-left: 1%;
bsw@373 247 margin-right: 1%;
bsw@325 248 background-color: #fcfcfc;
bsw@313 249 border-radius: 8px;
bsw@325 250 clear: left;
bsw@385 251 border: 1px solid #aaa;
bsw@340 252 padding-top: 1ex;
bsw@340 253 padding-bottom: 1ex;
bsw@313 254 }
bsw@313 255
bsw@277 256 .title {
bsw@313 257 box-shadow: inset #888 0px 5px 6px -5px;
bsw@318 258 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
bsw@318 259 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
bsw@313 260 }
bsw@313 261
bsw@313 262 .title {
bsw/jbe@0 263 color: #000;
bsw@373 264 padding: 1.5ex 1ex 0 1ex;
bsw/jbe@0 265 }
bsw/jbe@0 266
bsw/jbe@0 267 .title div {
bsw@271 268 font-size: 125%;
bsw/jbe@0 269 line-height: 110%;
bsw/jbe@0 270 }
bsw/jbe@0 271
bsw/jbe@0 272 .title a {
bsw/jbe@5 273 color: #000;
bsw/jbe@0 274 }
bsw/jbe@0 275
bsw@280 276 .title .member_image {
bsw@280 277 margin-right: 0.7em;
bsw@280 278 vertical-align: middle;
bsw@280 279 border-radius: 7px;
bsw@280 280 }
bsw@280 281
bsw@277 282 .slot_title2 {
bsw@373 283 padding: 1ex 1ex 0 1ex;
bsw@277 284 }
bsw@277 285
bsw@280 286 .member_list .member_image_avatar {
bsw/jbe@0 287 float: left;
bsw/jbe@0 288 margin-right: 0.5em;
bsw/jbe@0 289 }
bsw/jbe@0 290
bsw@274 291 .micro_avatar {
bsw@274 292 width: 24px;
bsw@274 293 height: 24px;
bsw@274 294 border-radius: 4px;
bsw@280 295 vertical-align: middle;
bsw@274 296 }
bsw@274 297
bsw/jbe@0 298 .actions {
bsw/jbe@0 299 font-size: 75%;
bsw/jbe@4 300 line-height: 220%;
bsw@313 301 padding-top: 2ex;
bsw@313 302 padding-bottom: 1ex;
bsw/jbe@0 303 }
bsw/jbe@0 304
bsw@373 305 .actions {
bsw@373 306 border-radius: 0 0 8px 8px;
bsw@277 307 }
bsw@277 308
bsw@373 309 .actions .interest,
bsw@373 310 .actions .delegation,
bsw@373 311 .actions a {
bsw@373 312 margin-left: 1ex;
bsw/jbe@0 313 }
bsw/jbe@0 314
bsw/jbe@0 315 .actions a {
bsw@373 316 margin-top: 1px;
bsw@373 317 margin-bottom: 1px;
bsw@373 318 }
bsw@373 319
bsw@373 320 .actions .interest a,
bsw@373 321 .actions .delegation a {
bsw@373 322 margin: 0;
bsw@373 323 }
bsw@373 324
bsw@373 325 .initiative_head .actions {
bsw@373 326 background-color: #fff;
bsw@373 327 margin: 0px;
bsw@373 328 }
bsw@373 329
bsw@373 330 .actions a {
bsw@277 331 padding-right: 0.3em;
bsw/jbe@0 332 }
bsw/jbe@0 333
bsw@272 334 .slot_initiative_head {
bsw@479 335 margin-left: 1%;
bsw@479 336 margin-right: 1%;
bsw@479 337 margin-top: 2ex;
bsw@272 338 }
bsw@272 339
bsw@272 340 .initiative_name {
bsw@272 341 font-weight: bold;
bsw@272 342 font-size: 125%;
bsw@272 343 }
bsw@277 344 .actions a {
bsw@277 345 float: left;
bsw@277 346 }
bsw@277 347
bsw/jbe@0 348 .actions a:hover {
bsw/jbe@0 349 background-color: #d7d7d7;
bsw/jbe@0 350 }
bsw/jbe@0 351
bsw/jbe@0 352 .actions img {
bsw/jbe@0 353 padding-left: 0.2em;
bsw/jbe@0 354 padding-right: 0.2em;
bsw/jbe@4 355 vertical-align: middle;
bsw/jbe@4 356 }
bsw/jbe@4 357
bsw/jbe@4 358 .logo {
bsw/jbe@4 359 float: right;
bsw@431 360 margin-right: 1%;
bsw/jbe@0 361 }
bsw/jbe@0 362
poelzi@127 363
bsw@286 364 .member_image_photo {
bsw@286 365 border-radius: 8px;
bsw@286 366 }
poelzi@127 367
bsw/jbe@0 368 /*************************************************************************
bsw@2 369 * vote info / delegation
bsw@2 370 */
bsw@2 371
bsw/jbe@4 372 .interest,
bsw@2 373 .slot_support,
bsw@242 374 .delegation {
bsw@2 375 float: left;
bsw/jbe@4 376 position: relative;
bsw/jbe@19 377 z-index: 1;
bsw/jbe@4 378 }
bsw/jbe@4 379
bsw/jbe@4 380 .interest img,
bsw/jbe@4 381 .slot_support img,
bsw@242 382 .delegation img {
bsw/jbe@4 383 padding-left: 0.2em;
bsw/jbe@4 384 padding-right: 0.2em;
bsw/jbe@4 385 }
bsw@277 386 .actions .supporter,
bsw@278 387 .actions .potential_supporter,
bsw/jbe@4 388 .vote_info .head {
bsw/jbe@4 389 float: left;
bsw@2 390 }
bsw@2 391
bsw@277 392 .actions .supporter,
bsw@278 393 .actions .potential_supporter,
bsw@277 394 .actions .interest .head {
bsw@277 395 padding-right: 0.3em;
bsw@277 396 }
bsw@277 397
bsw@280 398 .delegation .head_active,
bsw/jbe@5 399 .interest .head_active,
bsw@280 400 .actions .supporter,
bsw@277 401 .actions .potential_supporter {
bsw@289 402 border-radius: 5px;
bsw@317 403 border: 1px solid #5f6675;
bsw@289 404 }
bsw@289 405
bsw@289 406 .delegation .head_active,
bsw@292 407 .interest .head_active {
bsw@280 408 background-color: #cdf;
bsw@289 409 }
bsw@289 410
bsw@289 411 .actions .supporter {
bsw@292 412 background-color: #cdf;
bsw@289 413 }
bsw@289 414
bsw@289 415 .actions .potential_supporter {
bsw@292 416 background-color: #cdf;
bsw/jbe@4 417 }
bsw/jbe@4 418
bsw@10 419 .slot_support .head_initiator {
bsw@317 420 background-color: #f2f2f2;
bsw@273 421 border-radius: 5px;
bsw@2 422 }
bsw@2 423
bsw/jbe@19 424 .delegation .change_delegation {
bsw/jbe@19 425 margin-bottom: 2ex;
bsw/jbe@19 426 }
bsw/jbe@19 427
bsw/jbe@19 428 .delegation .change_delegation a {
bsw/jbe@19 429 display: inline;
bsw/jbe@19 430 float: none;
bsw/jbe@19 431 padding: 1ex;
bsw/jbe@19 432 }
bsw/jbe@19 433
bsw/jbe@19 434 .delegation .delegation_participation {
bsw/jbe@19 435 margin-left: 20.5em;
bsw/jbe@19 436 margin-top: 3ex;
bsw/jbe@19 437 font-style: italic;
bsw/jbe@19 438 font-size: 80%;
bsw/jbe@19 439 }
bsw/jbe@19 440
bsw@275 441 .slot_actions .change_delegation {
bsw@275 442 float: left;
bsw@275 443 }
bsw@275 444
bsw@2 445 .vote_info .close {
bsw/jbe@4 446 position: absolute;
bsw/jbe@4 447 top: 0;
bsw/jbe@4 448 right: 0;
bsw@2 449 padding: 1ex;
bsw/jbe@4 450 display: block;
bsw@2 451 }
bsw@2 452
bsw@2 453 .vote_info .content {
bsw/jbe@4 454 font-size: 133%;
bsw/jbe@4 455 line-height: 100%;
bsw@277 456 top: 2.8ex;
bsw@2 457 display: none;
bsw@2 458 position: absolute;
bsw@2 459 z-index: 10;
bsw@280 460 background-color: #cdf;
bsw@277 461 border-radius: 0 5px 5px 5px;
bsw@2 462 padding: 1em;
bsw/jbe@19 463 width: 35em;
bsw@341 464 border: 1px solid #5f6675;
bsw@313 465 border-top: none;
bsw@2 466 }
bsw@2 467
bsw@344 468 .delegation_arrow {
bsw@344 469 vertical-align: middle;
bsw@344 470 }
bsw@344 471
bsw@2 472 .vote_info .delegation_arrow {
bsw@2 473 margin-top: 1ex;
bsw@2 474 margin-bottom: 1ex;
bsw@2 475 }
bsw@2 476
bsw/jbe@4 477 .vote_info .delegation_arrow_overridden {
bsw/jbe@4 478 opacity: 0.4;
bsw/jbe@4 479 }
bsw/jbe@4 480
bsw/jbe@4 481 .vote_info .delegation_scope_overridden {
bsw/jbe@4 482 color: #777;
bsw/jbe@4 483 }
bsw/jbe@4 484
bsw@2 485 .vote_info .delegation_scope {
bsw@2 486 display: inline;
bsw@2 487 }
bsw@2 488
bsw@2 489 .vote_info .delegation_info {
bsw@2 490 }
bsw@2 491
bsw@280 492 .vote_info a {
bsw@280 493 padding-right: 0;
bsw@280 494 }
bsw@280 495
bsw@2 496 .vote_info .member_thumb {
bsw@2 497 clear: left;
bsw@277 498 background: #fff;
bsw@2 499 }
bsw@2 500
bsw/jbe@4 501 .delegation_overridden .member_thumb {
bsw/jbe@4 502 opacity: 0.4;
bsw/jbe@4 503 }
bsw/jbe@4 504
bsw@2 505 .delegation .revoke {
bsw@2 506 margin: 0.5ex;
bsw/jbe@4 507 float: right;
bsw@2 508 }
bsw@2 509
bsw@2 510 .delegation .revoke img {
bsw@2 511 vertical-align: middle;
bsw@2 512 }
bsw@2 513
bsw/jbe@4 514
bsw@2 515 /*************************************************************************
bsw/jbe@0 516 * Main content
bsw/jbe@0 517 */
bsw/jbe@0 518
bsw/jbe@0 519 .main {
bsw@373 520 margin-left: 1%;
bsw@373 521 margin-right: 1%;
bsw/jbe@0 522 }
bsw/jbe@0 523
bsw/jbe@0 524 /*************************************************************************
bsw/jbe@0 525 * ui.tab
bsw/jbe@0 526 */
bsw/jbe@0 527
bsw/jbe@0 528 .ui_tabs_links {
bsw@414 529 margin-top: 2ex;
bsw@277 530 margin-bottom: 1ex;
bsw/jbe@0 531 }
bsw/jbe@0 532
bsw/jbe@0 533 .ui_tabs_links a {
bsw/jbe@0 534 padding: 1ex;
bsw@271 535 line-height: 300%;
bsw@317 536 background-color: #f2f2f2;
bsw/jbe@4 537 white-space: nowrap;
bsw@271 538 border-radius: 5px;
bsw@271 539 margin-right: 5px;
bsw@271 540 font-weight: bold;
bsw/jbe@0 541 }
bsw/jbe@0 542
bsw/jbe@0 543 .ui_tabs_links a:hover {
bsw/jbe@0 544 background-color: #d7d7d7;
bsw/jbe@0 545 }
bsw/jbe@0 546
bsw/jbe@0 547 .ui_tabs_links a.selected {
bsw/jbe@0 548 background-color: #444;
bsw/jbe@0 549 color: #fff;
bsw/jbe@0 550 text-decoration: none;
bsw/jbe@0 551 }
bsw/jbe@0 552
bsw@57 553 .ui_tabs_links a.yellow {
bsw@280 554 background-color: #fcc;
bsw@57 555 color: #000;
bsw@57 556 }
bsw/jbe@19 557
bsw@57 558 .ui_tabs_links a.yellow:hover {
bsw@280 559 background-color: #faa;
bsw@57 560 }
bsw@57 561
bsw@57 562 .ui_tabs_links a.yellow.selected {
bsw@280 563 background-color: #a44;
bsw@57 564 color: #fff;
bsw@57 565 text-decoration: none;
bsw@57 566 padding: 1ex;
bsw@57 567 }
bsw@57 568
poelzi@151 569 .ui_tabs_links a.red {
poelzi@151 570 background-color: #c33;
poelzi@151 571 color: #000;
poelzi@151 572 }
poelzi@151 573
poelzi@151 574 .ui_tabs_links a.red:hover {
poelzi@151 575 background-color: #ebb;
poelzi@151 576 }
poelzi@151 577
poelzi@151 578 .ui_tabs_links a.red.selected {
poelzi@151 579 background-color: #644;
poelzi@151 580 color: #fff;
poelzi@151 581 text-decoration: none;
poelzi@151 582 padding: 1ex;
poelzi@151 583 }
poelzi@151 584
poelzi@151 585
bsw/jbe@0 586 /*************************************************************************
bsw/jbe@19 587 * ui.filters
bsw/jbe@0 588 */
bsw/jbe@0 589
bsw@275 590 .ui_filter {
bsw@275 591 overflow: hidden;
bsw@276 592 margin-bottom: 1ex;
bsw@373 593 margin-right: 1em;
bsw@275 594 }
bsw@275 595
bsw@275 596 .ui_filter_head {
bsw@373 597 color: #777;
bsw@373 598 margin-top: 0.5ex;
bsw@373 599 margin-bottom: 0.5ex;
bsw@414 600 font-size: 90%;
bsw@414 601 font-weight: bold;
bsw@373 602 float: left;
bsw@373 603 line-height: 200%;
bsw@275 604 margin-right: 2em;
bsw@2 605 }
bsw@2 606
bsw/jbe@19 607 .ui_filter_head a {
bsw/jbe@0 608 color: #777;
bsw/jbe@0 609 padding: 0.5ex;
bsw/jbe@0 610 }
bsw/jbe@0 611
bsw/jbe@19 612 .ui_filter_head a.active {
bsw/jbe@0 613 color: #fff;
bsw/jbe@0 614 background-color: #777;
bsw/jbe@0 615 padding: 0.5ex;
bsw@275 616 border-radius: 5px;
bsw/jbe@0 617 }
bsw/jbe@0 618
bsw/jbe@0 619 /*************************************************************************
bsw/jbe@0 620 * ui.paginate
bsw/jbe@0 621 */
bsw/jbe@0 622
bsw@11 623 .ui_paginate_head {
bsw@275 624 display: none;
bsw@11 625 margin-bottom: 1ex;
bsw@11 626 }
bsw@11 627
bsw@11 628 .ui_paginate_foot {
bsw@11 629 margin-top: 1ex;
bsw@11 630 }
bsw@11 631
bsw/jbe@0 632 .ui_paginate_select a {
bsw@275 633 padding: 0.5em;
bsw/jbe@0 634 }
bsw/jbe@0 635
bsw/jbe@0 636 /*************************************************************************
bsw/jbe@0 637 * ui.bargraph
bsw/jbe@0 638 */
bsw/jbe@0 639
bsw/jbe@0 640 .bargraph {
bsw/jbe@19 641 width: 103px;
bsw/jbe@19 642 }
bsw/jbe@19 643
bsw/jbe@19 644 .bargraph50 {
bsw/jbe@19 645 width: 52px;
bsw/jbe@0 646 }
bsw/jbe@0 647
bsw/jbe@0 648 .bargraph div {
bsw/jbe@0 649 float: left;
bsw/jbe@0 650 margin-top: 0.5ex;
bsw@2 651 height: 1.3ex;
bsw/jbe@0 652 }
bsw/jbe@0 653
bsw@500 654 .bargraph .quorum {
bsw@500 655 margin-top: 0.2ex;
bsw@500 656 height: 1.9ex;
bsw@500 657 }
bsw@500 658
bsw/jbe@0 659 /*************************************************************************
bsw/jbe@0 660 * vertical ui.form
bsw/jbe@0 661 */
bsw/jbe@0 662
bsw@371 663 .vertical {
bsw@371 664 margin-top: 2ex;
bsw@371 665 }
bsw@371 666
bsw/jbe@0 667 .login input[type=text],
bsw/jbe@0 668 .vertical input[type=text],
bsw/jbe@0 669 .login input[type=password],
bsw/jbe@0 670 .vertical input[type=password],
bsw/jbe@0 671 .vertical textarea,
bsw/jbe@0 672 .vertical select {
bsw/jbe@0 673 font-family: sans-serif;
bsw/jbe@0 674 font-size: 100%;
bsw@435 675 width: 69%;
bsw/jbe@0 676 border: 1px solid #444;
bsw/jbe@0 677 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 678 margin-bottom: 1ex;
bsw/jbe@0 679 }
bsw/jbe@0 680
bsw@435 681
bsw@435 682
bsw/jbe@0 683 .login input[type=password],
bsw/jbe@0 684 .vertical input[type=password] {
bsw/jbe@0 685 width: 16em;
bsw/jbe@0 686 }
bsw/jbe@0 687
bsw/jbe@0 688 .vertical select {
bsw/jbe@0 689 padding-right: 0;
bsw/jbe@0 690 }
bsw/jbe@0 691
bsw/jbe@0 692 .login .ui_field_label,
bsw/jbe@0 693 .vertical .ui_field_label {
bsw/jbe@0 694 text-transform: uppercase;
bsw/jbe@0 695 font-size: 70%;
bsw/jbe@4 696 line-height: 120%;
bsw/jbe@0 697 font-weight: bold;
bsw/jbe@0 698 color: #777;
bsw@435 699 width: 29%;
bsw/jbe@0 700 display: block;
bsw/jbe@0 701 float: left;
bsw/jbe@0 702 clear: left;
bsw/jbe@0 703 text-align: right;
bsw/jbe@0 704 padding-right: 0.5em;
bsw/jbe@0 705 }
bsw/jbe@0 706
bsw@11 707 .ui_field_label.label_right {
bsw@11 708 text-align: left;
bsw@11 709 width: auto;
bsw@11 710 }
bsw@11 711
bsw/jbe@0 712 .login input[type=text],
bsw/jbe@0 713 .login input[type=password] {
bsw/jbe@0 714 width: 10em;
bsw/jbe@0 715 }
bsw/jbe@0 716
bsw/jbe@0 717 .login div,
bsw/jbe@0 718 .vertical div {
bsw/jbe@0 719 clear: left;
bsw/jbe@0 720 }
bsw/jbe@0 721
bsw/jbe@0 722 .vertical span {
bsw/jbe@0 723 display: block;
bsw/jbe@0 724 margin-bottom: 0.5ex;
bsw/jbe@0 725 }
bsw/jbe@0 726
bsw/jbe@0 727 .vertical span:after {
bsw/jbe@0 728 content: " ";
bsw/jbe@0 729 }
bsw/jbe@0 730
bsw/jbe@0 731 .vertical span span {
bsw/jbe@0 732 display: inline;
bsw/jbe@0 733 margin-bottom: 0;
bsw/jbe@0 734 }
bsw/jbe@0 735
bsw/jbe@0 736 .login input[type=submit],
bsw/jbe@0 737 .vertical input[type=submit] {
bsw/jbe@0 738 font-size: 100%;
bsw@440 739 margin-left: 29%;
bsw/jbe@0 740 background-color: #444444;
bsw/jbe@0 741 color: #fff;
bsw/jbe@0 742 border: none;
bsw/jbe@0 743 padding: 0.75ex;
bsw/jbe@0 744 }
bsw/jbe@0 745
bsw/jbe@0 746 .login input[type=submit]:hover,
bsw/jbe@0 747 .vertical input[type=submit]:hover {
bsw/jbe@0 748 background-color: #444444;
bsw/jbe@0 749 }
bsw/jbe@0 750
bsw@435 751 @media screen and (max-width: 480px) {
bsw@435 752 .login input[type=text],
bsw@435 753 .vertical input[type=text],
bsw@435 754 .login input[type=password],
bsw@435 755 .vertical input[type=password],
bsw@435 756 .vertical textarea,
bsw@435 757 .vertical select,
bsw@435 758 .vertical input[type=submit],
bsw@435 759 .login input[type=submit] {
bsw@435 760 width: 98%;
bsw@435 761 }
bsw@435 762 .login .ui_field_label,
bsw@435 763 .vertical .ui_field_label {
bsw@435 764 text-align: left;
bsw@435 765 width: 98%;
bsw@435 766 }
bsw@435 767 .login input[type=text],
bsw@435 768 .login input[type=password] {
bsw@435 769 width: 98%;
bsw@435 770 }
bsw@435 771 .login input[type=submit],
bsw@435 772 .vertical input[type=submit] {
bsw@435 773 margin-left: 0;
bsw@435 774 }
bsw@435 775 }
bsw@435 776
bsw@435 777
bsw@435 778
bsw/jbe@0 779 /*************************************************************************
bsw/jbe@0 780 * Tables
bsw/jbe@0 781 */
bsw/jbe@0 782
bsw/jbe@0 783
bsw/jbe@0 784 table a.action {
bsw/jbe@0 785 font-size: 70%;
bsw/jbe@0 786 line-height: 190%;
bsw/jbe@0 787 padding: 0.5ex;
bsw/jbe@0 788 color: #777;
bsw/jbe@0 789 }
bsw/jbe@0 790
bsw/jbe@0 791 table a.active {
bsw/jbe@0 792 color: #fff;
bsw/jbe@0 793 }
bsw/jbe@0 794
bsw/jbe@0 795 th {
bsw/jbe@0 796 text-align: left;
bsw/jbe@0 797 }
bsw/jbe@0 798
bsw/jbe@0 799 tr:hover td {
bsw@317 800 background-color: #f2f2f2;
bsw/jbe@0 801 }
bsw/jbe@0 802
bsw@11 803 .nohover tr:hover td {
bsw@11 804 background-color: #fff;
bsw@11 805 }
bsw@11 806
bsw@313 807 .initiatives_list .nohover tr:hover td {
bsw@317 808 background-color: #f2f2f2;
bsw@313 809 }
bsw@313 810
bsw@11 811 .nohover table tr:hover td {
bsw@317 812 background-color: #f2f2f2;
bsw@11 813 }
bsw@11 814
bsw/jbe@0 815
bsw/jbe@0 816 tr table tr:hover td {
bsw/jbe@0 817 background-color: #fff;
bsw/jbe@0 818 }
bsw/jbe@0 819
bsw/jbe@0 820
bsw/jbe@0 821 /*************************************************************************
bsw/jbe@0 822 * Positive / Negtive votes
bsw/jbe@0 823 */
bsw/jbe@0 824
bsw/jbe@0 825
bsw/jbe@0 826 .positive_votes span {
bsw/jbe@0 827 display: inline;
bsw/jbe@0 828 }
bsw/jbe@0 829
bsw/jbe@0 830 .positive_votes {
bsw/jbe@0 831 display: inline;
bsw/jbe@0 832 background-color: #cfc;
bsw/jbe@0 833 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 834 }
bsw/jbe@0 835
bsw/jbe@0 836 .negative_votes span {
bsw/jbe@0 837 display: inline;
bsw/jbe@0 838 }
bsw/jbe@0 839
bsw/jbe@0 840 .negative_votes {
bsw/jbe@0 841 display: inline;
bsw/jbe@0 842 background-color: #fcc;
bsw/jbe@0 843 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 844 }
bsw/jbe@0 845
bsw/jbe@19 846 .suggestion_my_opinion a,
bsw/jbe@19 847 .suggestion_my_opinion span {
bsw/jbe@5 848 white-space: nowrap;
bsw/jbe@5 849 padding-left: 0.2ex !important;
bsw/jbe@5 850 padding-right: 0.2ex !important;
bsw/jbe@5 851 }
bsw/jbe@0 852
bsw/jbe@0 853 .active {
bsw/jbe@0 854 background-color: #444;
bsw/jbe@0 855 color: #fff;
bsw/jbe@0 856 }
bsw/jbe@0 857
bsw/jbe@0 858 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 859 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 860 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 861 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 862
bsw/jbe@0 863
bsw/jbe@0 864
bsw@373 865 /*************************************************************************
bsw@462 866 * Unit list
bsw@462 867 */
bsw@462 868
bsw@462 869 .unit_list a {
bsw@462 870 font-weight: bold;
bsw@462 871 }
bsw@462 872
bsw@462 873 /*************************************************************************
bsw@373 874 * Area list
bsw@373 875 */
bsw@373 876
bsw@375 877 .member_area_list {
bsw@378 878 margin-bottom: 0ex;
bsw@382 879 border-radius: 8px;
bsw@382 880 border: 1px solid #aaa;
bsw@382 881 padding: 1ex;
bsw@382 882 margin-bottom: 2ex;
bsw@375 883 }
bsw@375 884
bsw@375 885 .member_area_list .unit_head {
bsw@375 886 font-size: 120%;
bsw@375 887 font-weight: bold;
bsw@378 888 float: left;
bsw@378 889 clear: both;
bsw@375 890 }
bsw@375 891
bsw@375 892 .member_area_list .unit_delegatee {
bsw@375 893 float: left;
bsw@373 894 }
bsw@373 895
bsw@383 896 .member_area_list .voting_priv_info {
bsw@383 897 clear: left;
bsw@383 898 margin-top: 4ex;
bsw@383 899 }
bsw@383 900
bsw@447 901 .member_area_list .more_areas {
bsw@447 902 font-style: italic;
bsw@447 903 }
bsw@447 904
bsw@378 905 .area_list {
bsw@378 906 margin-bottom: 4ex;
bsw@378 907 }
bsw@382 908
bsw@382 909 .member_area_list .area_list {
bsw@382 910 margin-bottom: 0;
bsw@382 911 }
bsw@382 912
bsw@373 913 .area_list .area {
bsw@381 914 line-height: 32px;
bsw@375 915 clear: both;
bsw@373 916 }
bsw@373 917
bsw@468 918 .area_list .bargraph {
bsw@468 919 line-height: 10px;
bsw@468 920 }
bsw@468 921
bsw@468 922 .area_list .area .delegatee {
bsw@468 923 white-space: nowrap;
bsw@378 924 }
bsw@378 925
bsw@378 926 .area_list .area.head .phases {
bsw@382 927 xmargin-top: 2ex;
bsw@378 928 }
bsw@378 929
bsw@373 930 .area_list .area img {
bsw@373 931 vertical-align: middle;
bsw@373 932 }
bsw@373 933
bsw@373 934 .area_list .area .bar {
bsw@373 935 float: left;
bsw@373 936 padding-top: 6px
bsw@373 937 }
bsw@373 938
bsw@373 939 .area_list .area .membership,
bsw@373 940 .area_list .area .delegatee {
bsw@373 941 display: inline;
bsw@373 942 width: 24px
bsw@373 943 }
bsw@373 944
bsw@373 945 .area_list .area .name {
bsw@373 946 display: inline;
bsw@373 947 font-weight: bold;
bsw@373 948 }
bsw@373 949
bsw@373 950 .area_list .area .phases {
bsw@373 951 float: right;
bsw@373 952 }
bsw@373 953
bsw@373 954 .area_list .area .phases div {
bsw@373 955 float: left;
bsw@373 956 width: 3em;
bsw@373 957 text-align: right;
bsw@373 958 }
bsw/jbe@0 959
bsw@375 960 @media screen and (max-width: 480px) {
bsw@375 961 .area_list .area .name {
bsw@381 962 display: block;
bsw@384 963 line-height: 100%;
bsw@375 964 }
bsw@381 965
bsw@381 966 .area_list .area .delegatee,
bsw@381 967 .area_list .area .membership {
bsw@381 968 float: left;
bsw@381 969 white-space: nowrap;
bsw@381 970 }
bsw@381 971 .area_list .area .bar {
bsw@375 972 display: none;
bsw@375 973 }
bsw@375 974 }
bsw@375 975
bsw/jbe@0 976 /*************************************************************************
bsw@414 977 * Events
bsw@414 978 */
bsw@414 979
bsw@414 980 .events .date {
bsw@414 981 font-size: 150%;
bsw@414 982 font-weight: bold;
bsw@414 983 margin-top: 2ex;
bsw@414 984 line-height: 150%;
bsw@414 985 }
bsw@414 986
bsw@414 987 .event_list .event div {
bsw@414 988 }
bsw@414 989
bsw@414 990 .event_list .event .member_id {
bsw@414 991 float: right;
bsw@414 992 }
bsw@414 993
bsw@414 994
bsw@414 995 /*************************************************************************
bsw/jbe@0 996 * Issues
bsw/jbe@0 997 */
bsw/jbe@0 998
bsw@320 999 .issues {
bsw@320 1000 clear: left;
bsw@320 1001 }
bsw@320 1002
bsw@273 1003 .issues .issue {
bsw@325 1004 background-color: #fcfcfc;
bsw@273 1005 overflow: hidden;
bsw@273 1006 margin-bottom: 2ex;
bsw@385 1007 border: 1px solid #aaa;
bsw@273 1008 border-radius: 8px;
bsw@273 1009 }
bsw@273 1010
bsw@325 1011 .issues .issue.interested,
bsw@325 1012 .issues .issue.interest_by_delegation {
bsw@331 1013 border: 1px solid #b2cdff;
bsw@325 1014 }
bsw@325 1015
bsw@273 1016 .issues .issue .issue_info {
bsw@373 1017 padding: 1ex 1ex 0.3ex 1ex;
bsw@273 1018 line-height: 140%;
bsw@331 1019 margin-bottom: 1ex;
bsw@274 1020 }
bsw@274 1021
bsw@289 1022 .issues .issue.interested .issue_info,
bsw@289 1023 .issues .issue.interested_by_delegation .issue_info {
bsw@330 1024 background-color: #dfeaff;
bsw@332 1025 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1026 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1027 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1028 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
bsw@332 1029 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@273 1030 }
bsw@273 1031
bsw@414 1032 .event_list .event .issue_id,
bsw@273 1033 .issues .issue .issue_info .issue_id {
bsw@273 1034 font-size: 125%;
bsw@273 1035 }
bsw@273 1036
bsw@414 1037 .issues .issue .suggestion {
bsw@414 1038 margin-left: 1ex;
bsw@414 1039 margin-bottom: 1ex;
bsw@414 1040 font-weight: bold;
bsw@414 1041 }
bsw@414 1042
bsw@317 1043 .issue_policy_info {
bsw@286 1044 font-style: italic;
bsw@286 1045 }
bsw@286 1046
bsw@414 1047 .issue_policy_info .event_name {
bsw@414 1048 font-weight: bold;
bsw@414 1049 }
bsw@414 1050
bsw@414 1051 .issue_policy_info img {
bsw@414 1052 vertical-align: middle;
bsw@414 1053 }
bsw@414 1054
bsw@285 1055 .issues .issue .interest_by_delegation {
bsw@285 1056 float: right;
bsw@285 1057 }
bsw@285 1058
bsw@273 1059 .issues .issue .initiative_list a {
bsw@273 1060 font-weight: bold;
bsw@273 1061 }
bsw@273 1062
bsw@373 1063 .initiative {
bsw@373 1064 margin-left: 1ex;
bsw@373 1065 margin-bottom: 1ex;
bsw@373 1066 line-height: 50%;
bsw@373 1067 }
bsw@373 1068
bsw@373 1069 .initiative .bar {
bsw@373 1070 margin-right: 0.3em;
bsw@373 1071 }
bsw@373 1072
bsw@373 1073 .initiative .rank,
bsw@373 1074 .initiative .bar,
bsw@373 1075 .initiative .interest {
bsw@373 1076 float: left;
bsw@373 1077 margin-right: 0.3em;
bsw@373 1078 }
bsw@373 1079
bsw@373 1080 .initiative .interest {
bsw@373 1081 width: 16px;
bsw@373 1082 height: 16px;
bsw@373 1083 line-height: 100%;
bsw@373 1084 }
bsw@373 1085
bsw@373 1086 .initiative .name {
bsw@373 1087 line-height: 130%;
bsw@373 1088 margin-left: 160px;
bsw@373 1089 }
bsw@373 1090
bsw@373 1091 @media screen and (max-width: 480px) {
bsw@373 1092 .initiative .name {
bsw@373 1093 clear: left;
bsw@373 1094 margin-left: 0px;
bsw@373 1095 }
bsw@373 1096 }
bsw@373 1097
bsw@373 1098
bsw@273 1099 .issue_initiative_list a {
bsw@273 1100 font-weight: bold;
bsw/jbe@0 1101 }
bsw/jbe@0 1102
bsw@274 1103 .more_initiatives_link {
bsw@331 1104 display: block;
bsw@280 1105 margin-left: 166px;
bsw@274 1106 font-style: italic;
bsw@331 1107 margin-bottom: 1ex;
bsw@274 1108 }
bsw@274 1109
bsw/jbe@0 1110 .issues tr tr {
bsw@2 1111 border: none;
bsw@273 1112 background: none;
bsw/jbe@0 1113 }
bsw/jbe@0 1114
bsw@274 1115 .initiative_link.selected {
bsw@274 1116 font-weight: bold;
bsw@274 1117 }
bsw@274 1118
bsw@312 1119 x.initiative_link.supported {
bsw@292 1120 background-color: #cdf;
bsw@289 1121 border-radius: 5px;
bsw@289 1122 }
bsw@289 1123
bsw@312 1124 x.initiative_link.potentially_supported {
bsw@292 1125 background-color: #cdf;
bsw@274 1126 border-radius: 5px;
bsw@274 1127 }
bsw@274 1128
bsw/jbe@0 1129 .lang_chooser {
bsw/jbe@0 1130 float: right;
bsw/jbe@0 1131 margin-right: 0.5em;
bsw/jbe@0 1132 }
bsw@2 1133
bsw@2 1134 .delegation_list_entry {
bsw@2 1135 margin-right: 2em;
bsw@2 1136 margin-bottom: 2ex;
bsw@2 1137 float: left;
bsw@2 1138 clear: left;
bsw@2 1139 }
bsw@2 1140
bsw@2 1141 .delegation_list_entry .delegation_arrow {
bsw@2 1142 float: left;
bsw@2 1143 }
bsw@2 1144
bsw@2 1145 .delegation_list_entry .delegation_scope {
bsw@2 1146 float: left;
bsw@2 1147 width: 25em;
bsw@2 1148 }
bsw@2 1149
bsw@2 1150 .delegation_list_entry .delegation_scope a {
bsw@2 1151 display: block;
bsw@2 1152 }
bsw@2 1153
bsw@2 1154 .member_list .member_thumb {
bsw@2 1155 float: left;
bsw@2 1156 margin-right: 1em;
bsw@2 1157 margin-bottom: 2ex;
bsw@2 1158 }
bsw@2 1159
bsw@2 1160 .member_thumb {
bsw@2 1161 text-decoration: none;
bsw@32 1162 width: 14.5em;
bsw/jbe@4 1163 height: 48px;
bsw@2 1164 display: block;
bsw@2 1165 float: left;
bsw@317 1166 background-color: #f2f2f2;
bsw/jbe@4 1167 overflow: hidden;
bsw/jbe@4 1168 position: relative;
bsw@273 1169 border-radius: 7px;
bsw@280 1170 padding: 2px;
bsw/jbe@4 1171 }
bsw/jbe@4 1172
bsw@280 1173 .xmember_thumb a {
bsw/jbe@4 1174 position: absolute;
bsw/jbe@4 1175 top: 0;
bsw/jbe@4 1176 left: 0;
bsw/jbe@4 1177 padding: 0;
bsw/jbe@4 1178 margin: 0;
bsw@2 1179 }
bsw@2 1180
bsw@3 1181 .member_thumb a:hover div {
bsw@3 1182 background-color: #444;
bsw@3 1183 color: #fff;
bsw@3 1184 }
bsw@3 1185
bsw@2 1186 .member_thumb img {
bsw/jbe@4 1187 padding: 0;
bsw/jbe@4 1188 margin: 0;
bsw@2 1189 vertical-align: bottom;
bsw@280 1190 border-radius: 7px;
bsw@2 1191 }
bsw@2 1192
bsw@3 1193 .member_thumb .member_name {
bsw/jbe@4 1194 position: absolute;
bsw@280 1195 left: 56px;
bsw/jbe@4 1196 top: 2ex;
bsw/jbe@4 1197 font-size: 100%;
bsw/jbe@4 1198 width: 14em;
bsw@2 1199 }
bsw@2 1200
bsw@3 1201 .member_thumb .flags {
bsw/jbe@19 1202 text-align: right;
bsw@3 1203 font-size: 75%;
bsw@3 1204 }
bsw@3 1205
bsw/jbe@19 1206 .member_thumb .flags a,
bsw/jbe@19 1207 .member_thumb .flags img {
bsw/jbe@4 1208 position: static;
bsw/jbe@4 1209 float: right;
bsw/jbe@19 1210 margin-left: 0.5em;
bsw/jbe@4 1211 }
bsw/jbe@4 1212
bsw@177 1213 .member_thumb .flags .in_delegation_chain {
bsw@177 1214 font-weight: bold;
bsw@177 1215 }
bsw@177 1216
bsw/jbe@4 1217 .member .right {
bsw/jbe@4 1218 float: right;
bsw/jbe@4 1219 }
bsw/jbe@4 1220
bsw/jbe@19 1221 .member_thumb.not_accepted,
bsw/jbe@19 1222 .member_thumb.not_informed {
bsw@294 1223 background: #fff;
bsw@294 1224 }
bsw@294 1225
bsw@294 1226 .member_thumb.not_accepted .member_image,
bsw@294 1227 .member_thumb.not_accepted .member_name,
bsw@294 1228 .member_thumb.not_informed .member_image,
bsw@294 1229 .member_thumb.not_informed .member_name {
bsw@294 1230 opacity: 0.4;
bsw@10 1231 }
bsw@10 1232
bsw@177 1233 .member_thumb.in_delegation_chain {
bsw@280 1234 background-color: #cdf;
bsw@177 1235 }
bsw@177 1236
bsw/jbe@19 1237 .member_statement,
bsw/jbe@4 1238 .draft_content,
bsw/jbe@19 1239 .suggestion_content {
bsw@317 1240 background-color: #f2f2f2;
bsw@272 1241 padding: 1ex;
bsw@272 1242 border-radius: 8px;
bsw@2 1243 }
bsw@2 1244
bsw@286 1245 .member_statement {
bsw@286 1246 margin-right: 250px;
bsw@286 1247 }
poelzi@141 1248
poelzi@141 1249 #suggestion_description {
bsw@181 1250 height: 15ex;
poelzi@141 1251 }
poelzi@141 1252
bsw@2 1253 .diff {
bsw@317 1254 background-color: #f2f2f2;
bsw@2 1255 border: 1px solid #ccc;
bsw@2 1256 padding: 1ex;
bsw@2 1257 }
bsw@2 1258
bsw@95 1259 .diff_added {
bsw@2 1260 background-color: #cfc;
bsw@95 1261 text-decoration: underline;
bsw@2 1262 }
bsw@2 1263
bsw@95 1264 .diff_removed {
bsw@2 1265 background-color: #fcc;
bsw@95 1266 text-decoration: line-through;
bsw@2 1267 }
bsw@2 1268
bsw@2 1269 .slot_issue_info {
bsw@317 1270 background-color: #f2f2f2;
bsw@2 1271 border: 1px solid #ccc;
bsw@2 1272 float: right;
bsw@2 1273 padding: 0.5ex;
bsw@2 1274 line-height: 130%;
bsw@2 1275 margin-right: 1em;
bsw@2 1276 }
bsw@2 1277
bsw@2 1278 .issue_info label {
bsw@2 1279 float: left;
bsw@2 1280 width: 8em;
bsw@2 1281 text-transform: uppercase;
bsw@2 1282 font-size: 70%;
bsw@2 1283 color: #777;
bsw@2 1284 font-weight: bold;
bsw@2 1285 clear: left;
bsw@2 1286 text-align: right;
bsw@2 1287 margin-right: 0.7em;
bsw@2 1288 }
bsw@2 1289
bsw/jbe@19 1290 .admitted_info {
bsw/jbe@19 1291 background-color: #dfd;
bsw/jbe@19 1292 padding: 1ex;
bsw@286 1293 border-radius: 8px;
bsw/jbe@19 1294 }
bsw/jbe@19 1295
bsw/jbe@19 1296 .not_admitted_info,
bsw/jbe@19 1297 .revoked_info {
bsw/jbe@19 1298 background-color: #fdd;
bsw/jbe@19 1299 padding: 1ex;
bsw@312 1300 border-radius: 8px;
bsw/jbe@19 1301 }
bsw/jbe@19 1302
bsw/jbe@6 1303 .draft_updated_info,
bsw@10 1304 .voting_active_info,
bsw@11 1305 .initiator_invite_info,
bsw@60 1306 .motd,
bsw@60 1307 .public_access_issue_head {
bsw@387 1308 background-color: #fffbce;
bsw@2 1309 padding: 1ex;
bsw@280 1310 margin-top: 2ex;
bsw/jbe@19 1311 margin-bottom: 2ex;
bsw@273 1312 border-radius: 8px;
bsw@387 1313 border: 1px solid #ffe900;
bsw@3 1314 }
bsw@3 1315
bsw/jbe@4 1316 .suggestion_fulfilled {
bsw/jbe@4 1317 width: 15em;
bsw/jbe@4 1318 }
bsw/jbe@4 1319 .suggestion_fulfilled a.action {
bsw/jbe@4 1320 padding-left: 0;
bsw/jbe@4 1321 line-height: 120%;
bsw/jbe@4 1322 }
bsw/jbe@4 1323
bsw/jbe@6 1324 .help,
bsw/jbe@6 1325 .use_terms {
bsw@301 1326 border-radius: 8px;
bsw@330 1327 border: 1px solid #ffe900;
bsw@317 1328 background-color: #fffbce;
bsw/jbe@4 1329 color: #000;
bsw/jbe@4 1330 padding: 1ex;
bsw/jbe@4 1331 }
bsw/jbe@4 1332
bsw/jbe@4 1333 .help_visible {
bsw@329 1334 margin-top: 2ex;
bsw/jbe@4 1335 margin-bottom: 1ex;
bsw/jbe@4 1336 }
bsw/jbe@4 1337
bsw/jbe@4 1338 .help_visible .help_icon {
bsw/jbe@4 1339 float: right;
bsw/jbe@4 1340 }
bsw/jbe@4 1341
bsw/jbe@4 1342 .slot_help_hidden {
bsw/jbe@4 1343 float: right;
bsw/jbe@4 1344 margin-right: 1em;
bsw@277 1345 margin-top: 1ex;
bsw/jbe@4 1346 }
bsw/jbe@4 1347
bsw/jbe@4 1348 .help_actions {
bsw/jbe@4 1349 font-size: 75%;
bsw/jbe@4 1350 float: right;
bsw/jbe@4 1351 }
bsw/jbe@4 1352
bsw/jbe@4 1353 .help_actions a {
bsw/jbe@4 1354 margin-right: 1em;
bsw/jbe@4 1355 color: #468;
bsw/jbe@4 1356 }
bsw/jbe@4 1357
bsw/jbe@4 1358 .wiki {
bsw@329 1359 line-height: 133%;
bsw/jbe@4 1360 }
bsw/jbe@4 1361
bsw/jbe@4 1362 .wiki h1,
bsw/jbe@4 1363 .wiki h2,
bsw/jbe@4 1364 .wiki h3,
bsw/jbe@4 1365 .wiki h4 {
bsw/jbe@4 1366 margin-top: 1ex;
bsw/jbe@4 1367 margin-bottom: 1ex;
bsw/jbe@4 1368 }
bsw/jbe@4 1369
bsw/jbe@4 1370 .wiki h1 {
bsw/jbe@4 1371 font-size: 150%;
bsw@329 1372 font-weight: bold;
bsw/jbe@4 1373 }
bsw/jbe@4 1374
bsw/jbe@4 1375 .wiki h2 {
bsw/jbe@4 1376 font-size: 125%;
bsw@329 1377 font-weight: bold;
bsw@329 1378 }
bsw@329 1379
bsw@329 1380 .wiki h3 {
bsw@329 1381 font-size: 125%;
bsw@329 1382 }
bsw@329 1383
bsw@329 1384 .wiki h4 {
bsw@329 1385 font-size: 100%;
bsw@329 1386 font-weight: bold;
bsw/jbe@4 1387 }
bsw/jbe@4 1388
bsw/jbe@4 1389 .wiki p {
bsw/jbe@4 1390 margin-top: 1ex;
bsw/jbe@4 1391 margin-bottom: 1ex;
bsw/jbe@4 1392 }
bsw/jbe@4 1393
bsw/jbe@4 1394 form .warning {
bsw/jbe@4 1395 background-color: #ffd;
bsw/jbe@4 1396 color: #000;
bsw/jbe@4 1397 border: 1px solid #dda;
bsw/jbe@4 1398 margin: 1ex;
bsw/jbe@4 1399 margin-bottom: 2ex;
bsw/jbe@4 1400 padding: 1ex;
bsw/jbe@4 1401 }
bsw/jbe@5 1402
bsw@9 1403 a.not_voted {
bsw@9 1404 display: block;
bsw@9 1405 background-color: #fec;
bsw@9 1406 color: #000;
bsw@9 1407 }
bsw/jbe@5 1408
bsw@11 1409 .action_active {
bsw@11 1410 background-color: #fec;
bsw@11 1411 }
bsw@11 1412
bsw/jbe@19 1413 .heading {
bsw@274 1414 display: block;
bsw/jbe@19 1415 font-size: 120%;
bsw/jbe@19 1416 font-weight: bold;
bsw/jbe@19 1417 }
bsw/jbe@19 1418
bsw/jbe@19 1419 .heading.first {
bsw/jbe@19 1420 margin-top: 0;
bsw/jbe@19 1421 }
bsw/jbe@19 1422
bsw@75 1423 .menu_list li {
bsw@75 1424 padding-top: 1ex;
bsw@75 1425 padding-bottom: 1ex;
bsw@75 1426 }
bsw@75 1427
bsw@75 1428 .deactivated_member_info {
bsw@75 1429 background-color: #a00;
bsw@75 1430 color: #fff;
bsw@75 1431 }
bsw@75 1432
bsw/jbe@5 1433 /*************************************************************************
bsw/jbe@5 1434 * Voting
bsw/jbe@5 1435 */
bsw/jbe@5 1436
bsw@286 1437 #voting_form {
bsw@286 1438 margin-top: 20px;
bsw@286 1439 }
bsw@286 1440
bsw/jbe@5 1441 #voting {
bsw/jbe@5 1442 position: relative;
bsw/jbe@5 1443 }
bsw@286 1444
bsw/jbe@5 1445 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1446 border: 2px black solid;
bsw@286 1447 margin-top: 2ex;
bsw/jbe@5 1448 margin-bottom: 5ex;
bsw/jbe@5 1449 padding: 1ex;
bsw/jbe@5 1450 padding-bottom: 2ex;
bsw@286 1451 border-radius: 8px;
bsw/jbe@5 1452 }
bsw/jbe@5 1453 #voting .approval {
bsw/jbe@5 1454 background-color: #9f9;
bsw/jbe@5 1455 }
bsw/jbe@5 1456 #voting .approval .movable {
bsw/jbe@5 1457 background-color: #dfd;
bsw/jbe@5 1458 }
bsw/jbe@5 1459 #voting .abstention {
bsw/jbe@5 1460 background-color: #ccc;
bsw/jbe@5 1461 }
bsw/jbe@5 1462 #voting .abstention .movable {
bsw@317 1463 background-color: #f2f2f2;
bsw/jbe@5 1464 }
bsw/jbe@5 1465 #voting .disapproval {
bsw/jbe@5 1466 background-color: #f88;
bsw/jbe@5 1467 }
bsw/jbe@5 1468 #voting .disapproval .movable {
bsw/jbe@5 1469 background-color: #fbb;
bsw/jbe@5 1470 }
bsw/jbe@5 1471 #voting .cathead {
bsw/jbe@5 1472 font-weight: bold;
bsw/jbe@5 1473 }
bsw/jbe@5 1474 #voting .movable {
bsw/jbe@5 1475 position: relative;
bsw/jbe@5 1476 border: 1px black solid;
bsw@286 1477 margin-top: 1ex;
bsw/jbe@5 1478 padding: 0.5ex;
bsw@286 1479 border-radius: 8px;
bsw/jbe@19 1480 }
bsw/jbe@19 1481 #voting .voting_form_active .movable {
bsw/jbe@5 1482 cursor: pointer;
bsw/jbe@5 1483 }
bsw/jbe@19 1484 #voting .voting_form_active .clickable {
bsw/jbe@5 1485 cursor: auto;
bsw/jbe@5 1486 }
bsw/jbe@19 1487 #voting .voting_form_active a.clickable {
bsw/jbe@5 1488 cursor: pointer;
bsw/jbe@5 1489 }
bsw/jbe@6 1490
bsw/jbe@6 1491 #voting .grabber {
bsw/jbe@6 1492 vertical-align: middle;
bsw/jbe@6 1493 cursor: move;
bsw/jbe@19 1494 }
bsw/jbe@19 1495
poelzi@145 1496 /*************************************************************************
poelzi@145 1497 * timeline
poelzi@145 1498 */
poelzi@145 1499 div.ignore_area_list {
poelzi@145 1500 float: left;
poelzi@145 1501 width: 90%;
poelzi@169 1502 margin: 0 0 1em 0;
poelzi@145 1503 }
bsw/jbe@19 1504
poelzi@145 1505 div.ignore_area_list >
poelzi@145 1506 label.ui_field_label {
poelzi@145 1507 text-align: left ;
poelzi@145 1508 width: 100%;
poelzi@145 1509 border-bottom:1px solid #000000;
poelzi@145 1510 color: #000000;
poelzi@145 1511 font-size:75%;
poelzi@145 1512 font-weight:bold;
poelzi@145 1513 vertical-align:bottom;
poelzi@145 1514 text-transform:none;
poelzi@145 1515 padding:0.5ex 0.5em
poelzi@145 1516 }
poelzi@145 1517
poelzi@145 1518 div.ignore_area_item {
poelzi@145 1519 clear: none;
poelzi@145 1520 float: left;
poelzi@169 1521 min-width: 10em;
poelzi@145 1522 margin: 0.1ex 0.5em;
poelzi@169 1523 margin-right: 0.5em;
poelzi@145 1524 }
poelzi@145 1525
poelzi@145 1526 div.ignore_area_item > input {
poelzi@145 1527 float: none;
poelzi@145 1528 clear: none;
poelzi@145 1529 display: inline;
poelzi@145 1530 }
poelzi@145 1531
poelzi@145 1532 div.ignore_area_item >
poelzi@145 1533 label.ui_field_label {
poelzi@145 1534 float: none;
poelzi@145 1535 clear: none;
poelzi@145 1536 text-align: left;
poelzi@145 1537 display: inline;
poelzi@145 1538 }
poelzi@145 1539
poelzi@145 1540 div.timeline_results {
poelzi@145 1541 clear: both;
poelzi@145 1542 }
bsw@325 1543
bsw@325 1544 /* shadows */
bsw@325 1545
bsw@479 1546 .box,
bsw@479 1547 .slot_initiative_head {
bsw@418 1548 border: 1px solid #aaa;
bsw@418 1549 border-radius: 8px;
bsw@418 1550 padding: 1ex;
bsw@418 1551 }
bsw@418 1552
bsw@418 1553 .member_area_list .box {
bsw@418 1554 border: none;
bsw@418 1555 padding: 0;
bsw@418 1556 }
bsw@418 1557
bsw@325 1558 .slot_initiatives_list,
bsw@325 1559 .actions,
bsw@325 1560 .issues .issue,
bsw@325 1561 .ui_tabs_links a,
bsw@325 1562 .draft_content,
bsw@325 1563 .help,
bsw@325 1564 .use_terms,
bsw@325 1565 .motd,
bsw@341 1566 .ui_filter a.active,
bsw@382 1567 .vote_info .content,
bsw@418 1568 .member_area_list,
bsw@479 1569 .box,
bsw@479 1570 .slot_initiative_head {
bsw@325 1571 box-shadow: #777 0px 5px 5px -5px;
bsw@325 1572 -mox-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1573 -webkit-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1574 }
bsw@325 1575
bsw@418 1576 .member_area_list .box {
bsw@418 1577 box-shadow: none;
bsw@418 1578 -mox-box-shadow: none;
bsw@418 1579 -webkit-box-shadow: none;
bsw@418 1580 }
bsw@325 1581
bsw@433 1582 .slot_footer {
bsw@433 1583 margin: 0 1%;
bsw@433 1584 border-top: 1px solid #ccc;
bsw@433 1585 padding: 1ex;
bsw@433 1586 font-size: 80%;
bsw@433 1587 text-align: center;
bsw@433 1588 }
bsw@433 1589 .slot_footer,
bsw@433 1590 .slot_footer a {
bsw@433 1591 color: #666;
bsw@433 1592 }
bsw@418 1593
bsw@433 1594 .footer {
bsw@433 1595 margin: 0 auto;
bsw@433 1596 max-width: 1130px;
bsw@435 1597 }

Impressum / About Us