liquid_feedback_frontend

annotate static/style.css @ 493:01cf3c50cbee

find changesets by author, revision, files, or words in the commit message
Show (not)admitted notices in initiative head
author bsw
date Fri Mar 16 11:32:06 2012 +0100 (2012-03-16)
parents edcf827d7ac3
children 03c205fc17f0
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/jbe@0 654 /*************************************************************************
bsw/jbe@0 655 * vertical ui.form
bsw/jbe@0 656 */
bsw/jbe@0 657
bsw@371 658 .vertical {
bsw@371 659 margin-top: 2ex;
bsw@371 660 }
bsw@371 661
bsw/jbe@0 662 .login input[type=text],
bsw/jbe@0 663 .vertical input[type=text],
bsw/jbe@0 664 .login input[type=password],
bsw/jbe@0 665 .vertical input[type=password],
bsw/jbe@0 666 .vertical textarea,
bsw/jbe@0 667 .vertical select {
bsw/jbe@0 668 font-family: sans-serif;
bsw/jbe@0 669 font-size: 100%;
bsw@435 670 width: 69%;
bsw/jbe@0 671 border: 1px solid #444;
bsw/jbe@0 672 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 673 margin-bottom: 1ex;
bsw/jbe@0 674 }
bsw/jbe@0 675
bsw@435 676
bsw@435 677
bsw/jbe@0 678 .login input[type=password],
bsw/jbe@0 679 .vertical input[type=password] {
bsw/jbe@0 680 width: 16em;
bsw/jbe@0 681 }
bsw/jbe@0 682
bsw/jbe@0 683 .vertical select {
bsw/jbe@0 684 padding-right: 0;
bsw/jbe@0 685 }
bsw/jbe@0 686
bsw/jbe@0 687 .login .ui_field_label,
bsw/jbe@0 688 .vertical .ui_field_label {
bsw/jbe@0 689 text-transform: uppercase;
bsw/jbe@0 690 font-size: 70%;
bsw/jbe@4 691 line-height: 120%;
bsw/jbe@0 692 font-weight: bold;
bsw/jbe@0 693 color: #777;
bsw@435 694 width: 29%;
bsw/jbe@0 695 display: block;
bsw/jbe@0 696 float: left;
bsw/jbe@0 697 clear: left;
bsw/jbe@0 698 text-align: right;
bsw/jbe@0 699 padding-right: 0.5em;
bsw/jbe@0 700 }
bsw/jbe@0 701
bsw@11 702 .ui_field_label.label_right {
bsw@11 703 text-align: left;
bsw@11 704 width: auto;
bsw@11 705 }
bsw@11 706
bsw/jbe@0 707 .login input[type=text],
bsw/jbe@0 708 .login input[type=password] {
bsw/jbe@0 709 width: 10em;
bsw/jbe@0 710 }
bsw/jbe@0 711
bsw/jbe@0 712 .login div,
bsw/jbe@0 713 .vertical div {
bsw/jbe@0 714 clear: left;
bsw/jbe@0 715 }
bsw/jbe@0 716
bsw/jbe@0 717 .vertical span {
bsw/jbe@0 718 display: block;
bsw/jbe@0 719 margin-bottom: 0.5ex;
bsw/jbe@0 720 }
bsw/jbe@0 721
bsw/jbe@0 722 .vertical span:after {
bsw/jbe@0 723 content: " ";
bsw/jbe@0 724 }
bsw/jbe@0 725
bsw/jbe@0 726 .vertical span span {
bsw/jbe@0 727 display: inline;
bsw/jbe@0 728 margin-bottom: 0;
bsw/jbe@0 729 }
bsw/jbe@0 730
bsw/jbe@0 731 .login input[type=submit],
bsw/jbe@0 732 .vertical input[type=submit] {
bsw/jbe@0 733 font-size: 100%;
bsw@440 734 margin-left: 29%;
bsw/jbe@0 735 background-color: #444444;
bsw/jbe@0 736 color: #fff;
bsw/jbe@0 737 border: none;
bsw/jbe@0 738 padding: 0.75ex;
bsw/jbe@0 739 }
bsw/jbe@0 740
bsw/jbe@0 741 .login input[type=submit]:hover,
bsw/jbe@0 742 .vertical input[type=submit]:hover {
bsw/jbe@0 743 background-color: #444444;
bsw/jbe@0 744 }
bsw/jbe@0 745
bsw@435 746 @media screen and (max-width: 480px) {
bsw@435 747 .login input[type=text],
bsw@435 748 .vertical input[type=text],
bsw@435 749 .login input[type=password],
bsw@435 750 .vertical input[type=password],
bsw@435 751 .vertical textarea,
bsw@435 752 .vertical select,
bsw@435 753 .vertical input[type=submit],
bsw@435 754 .login input[type=submit] {
bsw@435 755 width: 98%;
bsw@435 756 }
bsw@435 757 .login .ui_field_label,
bsw@435 758 .vertical .ui_field_label {
bsw@435 759 text-align: left;
bsw@435 760 width: 98%;
bsw@435 761 }
bsw@435 762 .login input[type=text],
bsw@435 763 .login input[type=password] {
bsw@435 764 width: 98%;
bsw@435 765 }
bsw@435 766 .login input[type=submit],
bsw@435 767 .vertical input[type=submit] {
bsw@435 768 margin-left: 0;
bsw@435 769 }
bsw@435 770 }
bsw@435 771
bsw@435 772
bsw@435 773
bsw/jbe@0 774 /*************************************************************************
bsw/jbe@0 775 * Tables
bsw/jbe@0 776 */
bsw/jbe@0 777
bsw/jbe@0 778
bsw/jbe@0 779 table a.action {
bsw/jbe@0 780 font-size: 70%;
bsw/jbe@0 781 line-height: 190%;
bsw/jbe@0 782 padding: 0.5ex;
bsw/jbe@0 783 color: #777;
bsw/jbe@0 784 }
bsw/jbe@0 785
bsw/jbe@0 786 table a.active {
bsw/jbe@0 787 color: #fff;
bsw/jbe@0 788 }
bsw/jbe@0 789
bsw/jbe@0 790 th {
bsw/jbe@0 791 text-align: left;
bsw/jbe@0 792 }
bsw/jbe@0 793
bsw/jbe@0 794 tr:hover td {
bsw@317 795 background-color: #f2f2f2;
bsw/jbe@0 796 }
bsw/jbe@0 797
bsw@11 798 .nohover tr:hover td {
bsw@11 799 background-color: #fff;
bsw@11 800 }
bsw@11 801
bsw@313 802 .initiatives_list .nohover tr:hover td {
bsw@317 803 background-color: #f2f2f2;
bsw@313 804 }
bsw@313 805
bsw@11 806 .nohover table tr:hover td {
bsw@317 807 background-color: #f2f2f2;
bsw@11 808 }
bsw@11 809
bsw/jbe@0 810
bsw/jbe@0 811 tr table tr:hover td {
bsw/jbe@0 812 background-color: #fff;
bsw/jbe@0 813 }
bsw/jbe@0 814
bsw/jbe@0 815
bsw/jbe@0 816 /*************************************************************************
bsw/jbe@0 817 * Positive / Negtive votes
bsw/jbe@0 818 */
bsw/jbe@0 819
bsw/jbe@0 820
bsw/jbe@0 821 .positive_votes span {
bsw/jbe@0 822 display: inline;
bsw/jbe@0 823 }
bsw/jbe@0 824
bsw/jbe@0 825 .positive_votes {
bsw/jbe@0 826 display: inline;
bsw/jbe@0 827 background-color: #cfc;
bsw/jbe@0 828 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 829 }
bsw/jbe@0 830
bsw/jbe@0 831 .negative_votes span {
bsw/jbe@0 832 display: inline;
bsw/jbe@0 833 }
bsw/jbe@0 834
bsw/jbe@0 835 .negative_votes {
bsw/jbe@0 836 display: inline;
bsw/jbe@0 837 background-color: #fcc;
bsw/jbe@0 838 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 839 }
bsw/jbe@0 840
bsw/jbe@19 841 .suggestion_my_opinion a,
bsw/jbe@19 842 .suggestion_my_opinion span {
bsw/jbe@5 843 white-space: nowrap;
bsw/jbe@5 844 padding-left: 0.2ex !important;
bsw/jbe@5 845 padding-right: 0.2ex !important;
bsw/jbe@5 846 }
bsw/jbe@0 847
bsw/jbe@0 848 .active {
bsw/jbe@0 849 background-color: #444;
bsw/jbe@0 850 color: #fff;
bsw/jbe@0 851 }
bsw/jbe@0 852
bsw/jbe@0 853 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 854 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 855 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 856 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 857
bsw/jbe@0 858
bsw/jbe@0 859
bsw@373 860 /*************************************************************************
bsw@462 861 * Unit list
bsw@462 862 */
bsw@462 863
bsw@462 864 .unit_list a {
bsw@462 865 font-weight: bold;
bsw@462 866 }
bsw@462 867
bsw@462 868 /*************************************************************************
bsw@373 869 * Area list
bsw@373 870 */
bsw@373 871
bsw@375 872 .member_area_list {
bsw@378 873 margin-bottom: 0ex;
bsw@382 874 border-radius: 8px;
bsw@382 875 border: 1px solid #aaa;
bsw@382 876 padding: 1ex;
bsw@382 877 margin-bottom: 2ex;
bsw@375 878 }
bsw@375 879
bsw@375 880 .member_area_list .unit_head {
bsw@375 881 font-size: 120%;
bsw@375 882 font-weight: bold;
bsw@378 883 float: left;
bsw@378 884 clear: both;
bsw@375 885 }
bsw@375 886
bsw@375 887 .member_area_list .unit_delegatee {
bsw@375 888 float: left;
bsw@373 889 }
bsw@373 890
bsw@383 891 .member_area_list .voting_priv_info {
bsw@383 892 clear: left;
bsw@383 893 margin-top: 4ex;
bsw@383 894 }
bsw@383 895
bsw@447 896 .member_area_list .more_areas {
bsw@447 897 font-style: italic;
bsw@447 898 }
bsw@447 899
bsw@378 900 .area_list {
bsw@378 901 margin-bottom: 4ex;
bsw@378 902 }
bsw@382 903
bsw@382 904 .member_area_list .area_list {
bsw@382 905 margin-bottom: 0;
bsw@382 906 }
bsw@382 907
bsw@373 908 .area_list .area {
bsw@381 909 line-height: 32px;
bsw@375 910 clear: both;
bsw@373 911 }
bsw@373 912
bsw@468 913 .area_list .bargraph {
bsw@468 914 line-height: 10px;
bsw@468 915 }
bsw@468 916
bsw@468 917 .area_list .area .delegatee {
bsw@468 918 white-space: nowrap;
bsw@378 919 }
bsw@378 920
bsw@378 921 .area_list .area.head .phases {
bsw@382 922 xmargin-top: 2ex;
bsw@378 923 }
bsw@378 924
bsw@373 925 .area_list .area img {
bsw@373 926 vertical-align: middle;
bsw@373 927 }
bsw@373 928
bsw@373 929 .area_list .area .bar {
bsw@373 930 float: left;
bsw@373 931 padding-top: 6px
bsw@373 932 }
bsw@373 933
bsw@373 934 .area_list .area .membership,
bsw@373 935 .area_list .area .delegatee {
bsw@373 936 display: inline;
bsw@373 937 width: 24px
bsw@373 938 }
bsw@373 939
bsw@373 940 .area_list .area .name {
bsw@373 941 display: inline;
bsw@373 942 font-weight: bold;
bsw@373 943 }
bsw@373 944
bsw@373 945 .area_list .area .phases {
bsw@373 946 float: right;
bsw@373 947 }
bsw@373 948
bsw@373 949 .area_list .area .phases div {
bsw@373 950 float: left;
bsw@373 951 width: 3em;
bsw@373 952 text-align: right;
bsw@373 953 }
bsw/jbe@0 954
bsw@375 955 @media screen and (max-width: 480px) {
bsw@375 956 .area_list .area .name {
bsw@381 957 display: block;
bsw@384 958 line-height: 100%;
bsw@375 959 }
bsw@381 960
bsw@381 961 .area_list .area .delegatee,
bsw@381 962 .area_list .area .membership {
bsw@381 963 float: left;
bsw@381 964 white-space: nowrap;
bsw@381 965 }
bsw@381 966 .area_list .area .bar {
bsw@375 967 display: none;
bsw@375 968 }
bsw@375 969 }
bsw@375 970
bsw/jbe@0 971 /*************************************************************************
bsw@414 972 * Events
bsw@414 973 */
bsw@414 974
bsw@414 975 .events .date {
bsw@414 976 font-size: 150%;
bsw@414 977 font-weight: bold;
bsw@414 978 margin-top: 2ex;
bsw@414 979 line-height: 150%;
bsw@414 980 }
bsw@414 981
bsw@414 982 .event_list .event div {
bsw@414 983 }
bsw@414 984
bsw@414 985 .event_list .event .member_id {
bsw@414 986 float: right;
bsw@414 987 }
bsw@414 988
bsw@414 989
bsw@414 990 /*************************************************************************
bsw/jbe@0 991 * Issues
bsw/jbe@0 992 */
bsw/jbe@0 993
bsw@320 994 .issues {
bsw@320 995 clear: left;
bsw@320 996 }
bsw@320 997
bsw@273 998 .issues .issue {
bsw@325 999 background-color: #fcfcfc;
bsw@273 1000 overflow: hidden;
bsw@273 1001 margin-bottom: 2ex;
bsw@385 1002 border: 1px solid #aaa;
bsw@273 1003 border-radius: 8px;
bsw@273 1004 }
bsw@273 1005
bsw@325 1006 .issues .issue.interested,
bsw@325 1007 .issues .issue.interest_by_delegation {
bsw@331 1008 border: 1px solid #b2cdff;
bsw@325 1009 }
bsw@325 1010
bsw@273 1011 .issues .issue .issue_info {
bsw@373 1012 padding: 1ex 1ex 0.3ex 1ex;
bsw@273 1013 line-height: 140%;
bsw@331 1014 margin-bottom: 1ex;
bsw@274 1015 }
bsw@274 1016
bsw@289 1017 .issues .issue.interested .issue_info,
bsw@289 1018 .issues .issue.interested_by_delegation .issue_info {
bsw@330 1019 background-color: #dfeaff;
bsw@332 1020 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1021 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1022 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1023 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
bsw@332 1024 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@273 1025 }
bsw@273 1026
bsw@414 1027 .event_list .event .issue_id,
bsw@273 1028 .issues .issue .issue_info .issue_id {
bsw@273 1029 font-size: 125%;
bsw@273 1030 }
bsw@273 1031
bsw@414 1032 .issues .issue .suggestion {
bsw@414 1033 margin-left: 1ex;
bsw@414 1034 margin-bottom: 1ex;
bsw@414 1035 font-weight: bold;
bsw@414 1036 }
bsw@414 1037
bsw@317 1038 .issue_policy_info {
bsw@286 1039 font-style: italic;
bsw@286 1040 }
bsw@286 1041
bsw@414 1042 .issue_policy_info .event_name {
bsw@414 1043 font-weight: bold;
bsw@414 1044 }
bsw@414 1045
bsw@414 1046 .issue_policy_info img {
bsw@414 1047 vertical-align: middle;
bsw@414 1048 }
bsw@414 1049
bsw@285 1050 .issues .issue .interest_by_delegation {
bsw@285 1051 float: right;
bsw@285 1052 }
bsw@285 1053
bsw@273 1054 .issues .issue .initiative_list a {
bsw@273 1055 font-weight: bold;
bsw@273 1056 }
bsw@273 1057
bsw@373 1058 .initiative {
bsw@373 1059 margin-left: 1ex;
bsw@373 1060 margin-bottom: 1ex;
bsw@373 1061 line-height: 50%;
bsw@373 1062 }
bsw@373 1063
bsw@373 1064 .initiative .bar {
bsw@373 1065 margin-right: 0.3em;
bsw@373 1066 }
bsw@373 1067
bsw@373 1068 .initiative .rank,
bsw@373 1069 .initiative .bar,
bsw@373 1070 .initiative .interest {
bsw@373 1071 float: left;
bsw@373 1072 margin-right: 0.3em;
bsw@373 1073 }
bsw@373 1074
bsw@373 1075 .initiative .interest {
bsw@373 1076 width: 16px;
bsw@373 1077 height: 16px;
bsw@373 1078 line-height: 100%;
bsw@373 1079 }
bsw@373 1080
bsw@373 1081 .initiative .name {
bsw@373 1082 line-height: 130%;
bsw@373 1083 margin-left: 160px;
bsw@373 1084 }
bsw@373 1085
bsw@373 1086 @media screen and (max-width: 480px) {
bsw@373 1087 .initiative .name {
bsw@373 1088 clear: left;
bsw@373 1089 margin-left: 0px;
bsw@373 1090 }
bsw@373 1091 }
bsw@373 1092
bsw@373 1093
bsw@273 1094 .issue_initiative_list a {
bsw@273 1095 font-weight: bold;
bsw/jbe@0 1096 }
bsw/jbe@0 1097
bsw@274 1098 .more_initiatives_link {
bsw@331 1099 display: block;
bsw@280 1100 margin-left: 166px;
bsw@274 1101 font-style: italic;
bsw@331 1102 margin-bottom: 1ex;
bsw@274 1103 }
bsw@274 1104
bsw/jbe@0 1105 .issues tr tr {
bsw@2 1106 border: none;
bsw@273 1107 background: none;
bsw/jbe@0 1108 }
bsw/jbe@0 1109
bsw@274 1110 .initiative_link.selected {
bsw@274 1111 font-weight: bold;
bsw@274 1112 }
bsw@274 1113
bsw@312 1114 x.initiative_link.supported {
bsw@292 1115 background-color: #cdf;
bsw@289 1116 border-radius: 5px;
bsw@289 1117 }
bsw@289 1118
bsw@312 1119 x.initiative_link.potentially_supported {
bsw@292 1120 background-color: #cdf;
bsw@274 1121 border-radius: 5px;
bsw@274 1122 }
bsw@274 1123
bsw/jbe@0 1124 .lang_chooser {
bsw/jbe@0 1125 float: right;
bsw/jbe@0 1126 margin-right: 0.5em;
bsw/jbe@0 1127 }
bsw@2 1128
bsw@2 1129 .delegation_list_entry {
bsw@2 1130 margin-right: 2em;
bsw@2 1131 margin-bottom: 2ex;
bsw@2 1132 float: left;
bsw@2 1133 clear: left;
bsw@2 1134 }
bsw@2 1135
bsw@2 1136 .delegation_list_entry .delegation_arrow {
bsw@2 1137 float: left;
bsw@2 1138 }
bsw@2 1139
bsw@2 1140 .delegation_list_entry .delegation_scope {
bsw@2 1141 float: left;
bsw@2 1142 width: 25em;
bsw@2 1143 }
bsw@2 1144
bsw@2 1145 .delegation_list_entry .delegation_scope a {
bsw@2 1146 display: block;
bsw@2 1147 }
bsw@2 1148
bsw@2 1149 .member_list .member_thumb {
bsw@2 1150 float: left;
bsw@2 1151 margin-right: 1em;
bsw@2 1152 margin-bottom: 2ex;
bsw@2 1153 }
bsw@2 1154
bsw@2 1155 .member_thumb {
bsw@2 1156 text-decoration: none;
bsw@32 1157 width: 14.5em;
bsw/jbe@4 1158 height: 48px;
bsw@2 1159 display: block;
bsw@2 1160 float: left;
bsw@317 1161 background-color: #f2f2f2;
bsw/jbe@4 1162 overflow: hidden;
bsw/jbe@4 1163 position: relative;
bsw@273 1164 border-radius: 7px;
bsw@280 1165 padding: 2px;
bsw/jbe@4 1166 }
bsw/jbe@4 1167
bsw@280 1168 .xmember_thumb a {
bsw/jbe@4 1169 position: absolute;
bsw/jbe@4 1170 top: 0;
bsw/jbe@4 1171 left: 0;
bsw/jbe@4 1172 padding: 0;
bsw/jbe@4 1173 margin: 0;
bsw@2 1174 }
bsw@2 1175
bsw@3 1176 .member_thumb a:hover div {
bsw@3 1177 background-color: #444;
bsw@3 1178 color: #fff;
bsw@3 1179 }
bsw@3 1180
bsw@2 1181 .member_thumb img {
bsw/jbe@4 1182 padding: 0;
bsw/jbe@4 1183 margin: 0;
bsw@2 1184 vertical-align: bottom;
bsw@280 1185 border-radius: 7px;
bsw@2 1186 }
bsw@2 1187
bsw@3 1188 .member_thumb .member_name {
bsw/jbe@4 1189 position: absolute;
bsw@280 1190 left: 56px;
bsw/jbe@4 1191 top: 2ex;
bsw/jbe@4 1192 font-size: 100%;
bsw/jbe@4 1193 width: 14em;
bsw@2 1194 }
bsw@2 1195
bsw@3 1196 .member_thumb .flags {
bsw/jbe@19 1197 text-align: right;
bsw@3 1198 font-size: 75%;
bsw@3 1199 }
bsw@3 1200
bsw/jbe@19 1201 .member_thumb .flags a,
bsw/jbe@19 1202 .member_thumb .flags img {
bsw/jbe@4 1203 position: static;
bsw/jbe@4 1204 float: right;
bsw/jbe@19 1205 margin-left: 0.5em;
bsw/jbe@4 1206 }
bsw/jbe@4 1207
bsw@177 1208 .member_thumb .flags .in_delegation_chain {
bsw@177 1209 font-weight: bold;
bsw@177 1210 }
bsw@177 1211
bsw/jbe@4 1212 .member .right {
bsw/jbe@4 1213 float: right;
bsw/jbe@4 1214 }
bsw/jbe@4 1215
bsw/jbe@19 1216 .member_thumb.not_accepted,
bsw/jbe@19 1217 .member_thumb.not_informed {
bsw@294 1218 background: #fff;
bsw@294 1219 }
bsw@294 1220
bsw@294 1221 .member_thumb.not_accepted .member_image,
bsw@294 1222 .member_thumb.not_accepted .member_name,
bsw@294 1223 .member_thumb.not_informed .member_image,
bsw@294 1224 .member_thumb.not_informed .member_name {
bsw@294 1225 opacity: 0.4;
bsw@10 1226 }
bsw@10 1227
bsw@177 1228 .member_thumb.in_delegation_chain {
bsw@280 1229 background-color: #cdf;
bsw@177 1230 }
bsw@177 1231
bsw/jbe@19 1232 .member_statement,
bsw/jbe@4 1233 .draft_content,
bsw/jbe@19 1234 .suggestion_content {
bsw@317 1235 background-color: #f2f2f2;
bsw@272 1236 padding: 1ex;
bsw@272 1237 border-radius: 8px;
bsw@2 1238 }
bsw@2 1239
bsw@286 1240 .member_statement {
bsw@286 1241 margin-right: 250px;
bsw@286 1242 }
poelzi@141 1243
poelzi@141 1244 #suggestion_description {
bsw@181 1245 height: 15ex;
poelzi@141 1246 }
poelzi@141 1247
bsw@2 1248 .diff {
bsw@317 1249 background-color: #f2f2f2;
bsw@2 1250 border: 1px solid #ccc;
bsw@2 1251 padding: 1ex;
bsw@2 1252 }
bsw@2 1253
bsw@95 1254 .diff_added {
bsw@2 1255 background-color: #cfc;
bsw@95 1256 text-decoration: underline;
bsw@2 1257 }
bsw@2 1258
bsw@95 1259 .diff_removed {
bsw@2 1260 background-color: #fcc;
bsw@95 1261 text-decoration: line-through;
bsw@2 1262 }
bsw@2 1263
bsw@2 1264 .slot_issue_info {
bsw@317 1265 background-color: #f2f2f2;
bsw@2 1266 border: 1px solid #ccc;
bsw@2 1267 float: right;
bsw@2 1268 padding: 0.5ex;
bsw@2 1269 line-height: 130%;
bsw@2 1270 margin-right: 1em;
bsw@2 1271 }
bsw@2 1272
bsw@2 1273 .issue_info label {
bsw@2 1274 float: left;
bsw@2 1275 width: 8em;
bsw@2 1276 text-transform: uppercase;
bsw@2 1277 font-size: 70%;
bsw@2 1278 color: #777;
bsw@2 1279 font-weight: bold;
bsw@2 1280 clear: left;
bsw@2 1281 text-align: right;
bsw@2 1282 margin-right: 0.7em;
bsw@2 1283 }
bsw@2 1284
bsw/jbe@19 1285 .admitted_info {
bsw/jbe@19 1286 background-color: #dfd;
bsw/jbe@19 1287 padding: 1ex;
bsw@286 1288 border-radius: 8px;
bsw/jbe@19 1289 }
bsw/jbe@19 1290
bsw/jbe@19 1291 .not_admitted_info,
bsw/jbe@19 1292 .revoked_info {
bsw/jbe@19 1293 background-color: #fdd;
bsw/jbe@19 1294 padding: 1ex;
bsw@312 1295 border-radius: 8px;
bsw/jbe@19 1296 }
bsw/jbe@19 1297
bsw/jbe@6 1298 .draft_updated_info,
bsw@10 1299 .voting_active_info,
bsw@11 1300 .initiator_invite_info,
bsw@60 1301 .motd,
bsw@60 1302 .public_access_issue_head {
bsw@387 1303 background-color: #fffbce;
bsw@2 1304 padding: 1ex;
bsw@280 1305 margin-top: 2ex;
bsw/jbe@19 1306 margin-bottom: 2ex;
bsw@273 1307 border-radius: 8px;
bsw@387 1308 border: 1px solid #ffe900;
bsw@3 1309 }
bsw@3 1310
bsw/jbe@4 1311 .suggestion_fulfilled {
bsw/jbe@4 1312 width: 15em;
bsw/jbe@4 1313 }
bsw/jbe@4 1314 .suggestion_fulfilled a.action {
bsw/jbe@4 1315 padding-left: 0;
bsw/jbe@4 1316 line-height: 120%;
bsw/jbe@4 1317 }
bsw/jbe@4 1318
bsw/jbe@6 1319 .help,
bsw/jbe@6 1320 .use_terms {
bsw@301 1321 border-radius: 8px;
bsw@330 1322 border: 1px solid #ffe900;
bsw@317 1323 background-color: #fffbce;
bsw/jbe@4 1324 color: #000;
bsw/jbe@4 1325 padding: 1ex;
bsw/jbe@4 1326 }
bsw/jbe@4 1327
bsw/jbe@4 1328 .help_visible {
bsw@329 1329 margin-top: 2ex;
bsw/jbe@4 1330 margin-bottom: 1ex;
bsw/jbe@4 1331 }
bsw/jbe@4 1332
bsw/jbe@4 1333 .help_visible .help_icon {
bsw/jbe@4 1334 float: right;
bsw/jbe@4 1335 }
bsw/jbe@4 1336
bsw/jbe@4 1337 .slot_help_hidden {
bsw/jbe@4 1338 float: right;
bsw/jbe@4 1339 margin-right: 1em;
bsw@277 1340 margin-top: 1ex;
bsw/jbe@4 1341 }
bsw/jbe@4 1342
bsw/jbe@4 1343 .help_actions {
bsw/jbe@4 1344 font-size: 75%;
bsw/jbe@4 1345 float: right;
bsw/jbe@4 1346 }
bsw/jbe@4 1347
bsw/jbe@4 1348 .help_actions a {
bsw/jbe@4 1349 margin-right: 1em;
bsw/jbe@4 1350 color: #468;
bsw/jbe@4 1351 }
bsw/jbe@4 1352
bsw/jbe@4 1353 .wiki {
bsw@329 1354 line-height: 133%;
bsw/jbe@4 1355 }
bsw/jbe@4 1356
bsw/jbe@4 1357 .wiki h1,
bsw/jbe@4 1358 .wiki h2,
bsw/jbe@4 1359 .wiki h3,
bsw/jbe@4 1360 .wiki h4 {
bsw/jbe@4 1361 margin-top: 1ex;
bsw/jbe@4 1362 margin-bottom: 1ex;
bsw/jbe@4 1363 }
bsw/jbe@4 1364
bsw/jbe@4 1365 .wiki h1 {
bsw/jbe@4 1366 font-size: 150%;
bsw@329 1367 font-weight: bold;
bsw/jbe@4 1368 }
bsw/jbe@4 1369
bsw/jbe@4 1370 .wiki h2 {
bsw/jbe@4 1371 font-size: 125%;
bsw@329 1372 font-weight: bold;
bsw@329 1373 }
bsw@329 1374
bsw@329 1375 .wiki h3 {
bsw@329 1376 font-size: 125%;
bsw@329 1377 }
bsw@329 1378
bsw@329 1379 .wiki h4 {
bsw@329 1380 font-size: 100%;
bsw@329 1381 font-weight: bold;
bsw/jbe@4 1382 }
bsw/jbe@4 1383
bsw/jbe@4 1384 .wiki p {
bsw/jbe@4 1385 margin-top: 1ex;
bsw/jbe@4 1386 margin-bottom: 1ex;
bsw/jbe@4 1387 }
bsw/jbe@4 1388
bsw/jbe@4 1389 form .warning {
bsw/jbe@4 1390 background-color: #ffd;
bsw/jbe@4 1391 color: #000;
bsw/jbe@4 1392 border: 1px solid #dda;
bsw/jbe@4 1393 margin: 1ex;
bsw/jbe@4 1394 margin-bottom: 2ex;
bsw/jbe@4 1395 padding: 1ex;
bsw/jbe@4 1396 }
bsw/jbe@5 1397
bsw@9 1398 a.not_voted {
bsw@9 1399 display: block;
bsw@9 1400 background-color: #fec;
bsw@9 1401 color: #000;
bsw@9 1402 }
bsw/jbe@5 1403
bsw@11 1404 .action_active {
bsw@11 1405 background-color: #fec;
bsw@11 1406 }
bsw@11 1407
bsw/jbe@19 1408 .heading {
bsw@274 1409 display: block;
bsw/jbe@19 1410 font-size: 120%;
bsw/jbe@19 1411 font-weight: bold;
bsw/jbe@19 1412 }
bsw/jbe@19 1413
bsw/jbe@19 1414 .heading.first {
bsw/jbe@19 1415 margin-top: 0;
bsw/jbe@19 1416 }
bsw/jbe@19 1417
bsw@75 1418 .menu_list li {
bsw@75 1419 padding-top: 1ex;
bsw@75 1420 padding-bottom: 1ex;
bsw@75 1421 }
bsw@75 1422
bsw@75 1423 .deactivated_member_info {
bsw@75 1424 background-color: #a00;
bsw@75 1425 color: #fff;
bsw@75 1426 }
bsw@75 1427
bsw/jbe@5 1428 /*************************************************************************
bsw/jbe@5 1429 * Voting
bsw/jbe@5 1430 */
bsw/jbe@5 1431
bsw@286 1432 #voting_form {
bsw@286 1433 margin-top: 20px;
bsw@286 1434 }
bsw@286 1435
bsw/jbe@5 1436 #voting {
bsw/jbe@5 1437 position: relative;
bsw/jbe@5 1438 }
bsw@286 1439
bsw/jbe@5 1440 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1441 border: 2px black solid;
bsw@286 1442 margin-top: 2ex;
bsw/jbe@5 1443 margin-bottom: 5ex;
bsw/jbe@5 1444 padding: 1ex;
bsw/jbe@5 1445 padding-bottom: 2ex;
bsw@286 1446 border-radius: 8px;
bsw/jbe@5 1447 }
bsw/jbe@5 1448 #voting .approval {
bsw/jbe@5 1449 background-color: #9f9;
bsw/jbe@5 1450 }
bsw/jbe@5 1451 #voting .approval .movable {
bsw/jbe@5 1452 background-color: #dfd;
bsw/jbe@5 1453 }
bsw/jbe@5 1454 #voting .abstention {
bsw/jbe@5 1455 background-color: #ccc;
bsw/jbe@5 1456 }
bsw/jbe@5 1457 #voting .abstention .movable {
bsw@317 1458 background-color: #f2f2f2;
bsw/jbe@5 1459 }
bsw/jbe@5 1460 #voting .disapproval {
bsw/jbe@5 1461 background-color: #f88;
bsw/jbe@5 1462 }
bsw/jbe@5 1463 #voting .disapproval .movable {
bsw/jbe@5 1464 background-color: #fbb;
bsw/jbe@5 1465 }
bsw/jbe@5 1466 #voting .cathead {
bsw/jbe@5 1467 font-weight: bold;
bsw/jbe@5 1468 }
bsw/jbe@5 1469 #voting .movable {
bsw/jbe@5 1470 position: relative;
bsw/jbe@5 1471 border: 1px black solid;
bsw@286 1472 margin-top: 1ex;
bsw/jbe@5 1473 padding: 0.5ex;
bsw@286 1474 border-radius: 8px;
bsw/jbe@19 1475 }
bsw/jbe@19 1476 #voting .voting_form_active .movable {
bsw/jbe@5 1477 cursor: pointer;
bsw/jbe@5 1478 }
bsw/jbe@19 1479 #voting .voting_form_active .clickable {
bsw/jbe@5 1480 cursor: auto;
bsw/jbe@5 1481 }
bsw/jbe@19 1482 #voting .voting_form_active a.clickable {
bsw/jbe@5 1483 cursor: pointer;
bsw/jbe@5 1484 }
bsw/jbe@6 1485
bsw/jbe@6 1486 #voting .grabber {
bsw/jbe@6 1487 vertical-align: middle;
bsw/jbe@6 1488 cursor: move;
bsw/jbe@19 1489 }
bsw/jbe@19 1490
poelzi@145 1491 /*************************************************************************
poelzi@145 1492 * timeline
poelzi@145 1493 */
poelzi@145 1494 div.ignore_area_list {
poelzi@145 1495 float: left;
poelzi@145 1496 width: 90%;
poelzi@169 1497 margin: 0 0 1em 0;
poelzi@145 1498 }
bsw/jbe@19 1499
poelzi@145 1500 div.ignore_area_list >
poelzi@145 1501 label.ui_field_label {
poelzi@145 1502 text-align: left ;
poelzi@145 1503 width: 100%;
poelzi@145 1504 border-bottom:1px solid #000000;
poelzi@145 1505 color: #000000;
poelzi@145 1506 font-size:75%;
poelzi@145 1507 font-weight:bold;
poelzi@145 1508 vertical-align:bottom;
poelzi@145 1509 text-transform:none;
poelzi@145 1510 padding:0.5ex 0.5em
poelzi@145 1511 }
poelzi@145 1512
poelzi@145 1513 div.ignore_area_item {
poelzi@145 1514 clear: none;
poelzi@145 1515 float: left;
poelzi@169 1516 min-width: 10em;
poelzi@145 1517 margin: 0.1ex 0.5em;
poelzi@169 1518 margin-right: 0.5em;
poelzi@145 1519 }
poelzi@145 1520
poelzi@145 1521 div.ignore_area_item > input {
poelzi@145 1522 float: none;
poelzi@145 1523 clear: none;
poelzi@145 1524 display: inline;
poelzi@145 1525 }
poelzi@145 1526
poelzi@145 1527 div.ignore_area_item >
poelzi@145 1528 label.ui_field_label {
poelzi@145 1529 float: none;
poelzi@145 1530 clear: none;
poelzi@145 1531 text-align: left;
poelzi@145 1532 display: inline;
poelzi@145 1533 }
poelzi@145 1534
poelzi@145 1535 div.timeline_results {
poelzi@145 1536 clear: both;
poelzi@145 1537 }
bsw@325 1538
bsw@325 1539 /* shadows */
bsw@325 1540
bsw@479 1541 .box,
bsw@479 1542 .slot_initiative_head {
bsw@418 1543 border: 1px solid #aaa;
bsw@418 1544 border-radius: 8px;
bsw@418 1545 padding: 1ex;
bsw@418 1546 }
bsw@418 1547
bsw@418 1548 .member_area_list .box {
bsw@418 1549 border: none;
bsw@418 1550 padding: 0;
bsw@418 1551 }
bsw@418 1552
bsw@325 1553 .slot_initiatives_list,
bsw@325 1554 .actions,
bsw@325 1555 .issues .issue,
bsw@325 1556 .ui_tabs_links a,
bsw@325 1557 .draft_content,
bsw@325 1558 .help,
bsw@325 1559 .use_terms,
bsw@325 1560 .motd,
bsw@341 1561 .ui_filter a.active,
bsw@382 1562 .vote_info .content,
bsw@418 1563 .member_area_list,
bsw@479 1564 .box,
bsw@479 1565 .slot_initiative_head {
bsw@325 1566 box-shadow: #777 0px 5px 5px -5px;
bsw@325 1567 -mox-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1568 -webkit-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1569 }
bsw@325 1570
bsw@418 1571 .member_area_list .box {
bsw@418 1572 box-shadow: none;
bsw@418 1573 -mox-box-shadow: none;
bsw@418 1574 -webkit-box-shadow: none;
bsw@418 1575 }
bsw@325 1576
bsw@433 1577 .slot_footer {
bsw@433 1578 margin: 0 1%;
bsw@433 1579 border-top: 1px solid #ccc;
bsw@433 1580 padding: 1ex;
bsw@433 1581 font-size: 80%;
bsw@433 1582 text-align: center;
bsw@433 1583 }
bsw@433 1584 .slot_footer,
bsw@433 1585 .slot_footer a {
bsw@433 1586 color: #666;
bsw@433 1587 }
bsw@418 1588
bsw@433 1589 .footer {
bsw@433 1590 margin: 0 auto;
bsw@433 1591 max-width: 1130px;
bsw@435 1592 }

Impressum / About Us