liquid_feedback_frontend

annotate static/style.css @ 467:ba9639bcadb0

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

Impressum / About Us