liquid_feedback_frontend

annotate static/style.css @ 317:9c639a2f3262

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

Impressum / About Us