liquid_feedback_frontend

annotate static/style.css @ 472:a42179662951

find changesets by author, revision, files, or words in the commit message
Show correct text when member area list is shown for other member
author bsw
date Wed Mar 14 18:39:26 2012 +0100 (2012-03-14)
parents 19916608d28c
children edcf827d7ac3
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@468 912 .area_list .bargraph {
bsw@468 913 line-height: 10px;
bsw@468 914 }
bsw@468 915
bsw@468 916 .area_list .area .delegatee {
bsw@468 917 white-space: nowrap;
bsw@378 918 }
bsw@378 919
bsw@378 920 .area_list .area.head .phases {
bsw@382 921 xmargin-top: 2ex;
bsw@378 922 }
bsw@378 923
bsw@373 924 .area_list .area img {
bsw@373 925 vertical-align: middle;
bsw@373 926 }
bsw@373 927
bsw@373 928 .area_list .area .bar {
bsw@373 929 float: left;
bsw@373 930 padding-top: 6px
bsw@373 931 }
bsw@373 932
bsw@373 933 .area_list .area .membership,
bsw@373 934 .area_list .area .delegatee {
bsw@373 935 display: inline;
bsw@373 936 width: 24px
bsw@373 937 }
bsw@373 938
bsw@373 939 .area_list .area .name {
bsw@373 940 display: inline;
bsw@373 941 font-weight: bold;
bsw@373 942 }
bsw@373 943
bsw@373 944 .area_list .area .phases {
bsw@373 945 float: right;
bsw@373 946 }
bsw@373 947
bsw@373 948 .area_list .area .phases div {
bsw@373 949 float: left;
bsw@373 950 width: 3em;
bsw@373 951 text-align: right;
bsw@373 952 }
bsw/jbe@0 953
bsw@375 954 @media screen and (max-width: 480px) {
bsw@375 955 .area_list .area .name {
bsw@381 956 display: block;
bsw@384 957 line-height: 100%;
bsw@375 958 }
bsw@381 959
bsw@381 960 .area_list .area .delegatee,
bsw@381 961 .area_list .area .membership {
bsw@381 962 float: left;
bsw@381 963 white-space: nowrap;
bsw@381 964 }
bsw@381 965 .area_list .area .bar {
bsw@375 966 display: none;
bsw@375 967 }
bsw@375 968 }
bsw@375 969
bsw/jbe@0 970 /*************************************************************************
bsw@414 971 * Events
bsw@414 972 */
bsw@414 973
bsw@414 974 .events .date {
bsw@414 975 font-size: 150%;
bsw@414 976 font-weight: bold;
bsw@414 977 margin-top: 2ex;
bsw@414 978 line-height: 150%;
bsw@414 979 }
bsw@414 980
bsw@414 981 .event_list .event div {
bsw@414 982 }
bsw@414 983
bsw@414 984 .event_list .event .member_id {
bsw@414 985 float: right;
bsw@414 986 }
bsw@414 987
bsw@414 988
bsw@414 989 /*************************************************************************
bsw/jbe@0 990 * Issues
bsw/jbe@0 991 */
bsw/jbe@0 992
bsw@320 993 .issues {
bsw@320 994 clear: left;
bsw@320 995 }
bsw@320 996
bsw@273 997 .issues .issue {
bsw@325 998 background-color: #fcfcfc;
bsw@273 999 overflow: hidden;
bsw@273 1000 margin-bottom: 2ex;
bsw@385 1001 border: 1px solid #aaa;
bsw@273 1002 border-radius: 8px;
bsw@273 1003 }
bsw@273 1004
bsw@325 1005 .issues .issue.interested,
bsw@325 1006 .issues .issue.interest_by_delegation {
bsw@331 1007 border: 1px solid #b2cdff;
bsw@325 1008 }
bsw@325 1009
bsw@273 1010 .issues .issue .issue_info {
bsw@373 1011 padding: 1ex 1ex 0.3ex 1ex;
bsw@273 1012 line-height: 140%;
bsw@331 1013 margin-bottom: 1ex;
bsw@274 1014 }
bsw@274 1015
bsw@289 1016 .issues .issue.interested .issue_info,
bsw@289 1017 .issues .issue.interested_by_delegation .issue_info {
bsw@330 1018 background-color: #dfeaff;
bsw@332 1019 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1020 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1021 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 1022 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
bsw@332 1023 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@273 1024 }
bsw@273 1025
bsw@414 1026 .event_list .event .issue_id,
bsw@273 1027 .issues .issue .issue_info .issue_id {
bsw@273 1028 font-size: 125%;
bsw@273 1029 }
bsw@273 1030
bsw@414 1031 .issues .issue .suggestion {
bsw@414 1032 margin-left: 1ex;
bsw@414 1033 margin-bottom: 1ex;
bsw@414 1034 font-weight: bold;
bsw@414 1035 }
bsw@414 1036
bsw@317 1037 .issue_policy_info {
bsw@286 1038 font-style: italic;
bsw@286 1039 }
bsw@286 1040
bsw@414 1041 .issue_policy_info .event_name {
bsw@414 1042 font-weight: bold;
bsw@414 1043 }
bsw@414 1044
bsw@414 1045 .issue_policy_info img {
bsw@414 1046 vertical-align: middle;
bsw@414 1047 }
bsw@414 1048
bsw@285 1049 .issues .issue .interest_by_delegation {
bsw@285 1050 float: right;
bsw@285 1051 }
bsw@285 1052
bsw@273 1053 .issues .issue .initiative_list a {
bsw@273 1054 font-weight: bold;
bsw@273 1055 }
bsw@273 1056
bsw@373 1057 .initiative {
bsw@373 1058 margin-left: 1ex;
bsw@373 1059 margin-bottom: 1ex;
bsw@373 1060 line-height: 50%;
bsw@373 1061 }
bsw@373 1062
bsw@373 1063 .initiative .bar {
bsw@373 1064 margin-right: 0.3em;
bsw@373 1065 }
bsw@373 1066
bsw@373 1067 .initiative .rank,
bsw@373 1068 .initiative .bar,
bsw@373 1069 .initiative .interest {
bsw@373 1070 float: left;
bsw@373 1071 margin-right: 0.3em;
bsw@373 1072 }
bsw@373 1073
bsw@373 1074 .initiative .interest {
bsw@373 1075 width: 16px;
bsw@373 1076 height: 16px;
bsw@373 1077 line-height: 100%;
bsw@373 1078 }
bsw@373 1079
bsw@373 1080 .initiative .name {
bsw@373 1081 line-height: 130%;
bsw@373 1082 margin-left: 160px;
bsw@373 1083 }
bsw@373 1084
bsw@373 1085 @media screen and (max-width: 480px) {
bsw@373 1086 .initiative .name {
bsw@373 1087 clear: left;
bsw@373 1088 margin-left: 0px;
bsw@373 1089 }
bsw@373 1090 }
bsw@373 1091
bsw@373 1092
bsw@273 1093 .issue_initiative_list a {
bsw@273 1094 font-weight: bold;
bsw/jbe@0 1095 }
bsw/jbe@0 1096
bsw@274 1097 .more_initiatives_link {
bsw@331 1098 display: block;
bsw@280 1099 margin-left: 166px;
bsw@274 1100 font-style: italic;
bsw@331 1101 margin-bottom: 1ex;
bsw@274 1102 }
bsw@274 1103
bsw/jbe@0 1104 .issues tr tr {
bsw@2 1105 border: none;
bsw@273 1106 background: none;
bsw/jbe@0 1107 }
bsw/jbe@0 1108
bsw@274 1109 .initiative_link.selected {
bsw@274 1110 font-weight: bold;
bsw@274 1111 }
bsw@274 1112
bsw@312 1113 x.initiative_link.supported {
bsw@292 1114 background-color: #cdf;
bsw@289 1115 border-radius: 5px;
bsw@289 1116 }
bsw@289 1117
bsw@312 1118 x.initiative_link.potentially_supported {
bsw@292 1119 background-color: #cdf;
bsw@274 1120 border-radius: 5px;
bsw@274 1121 }
bsw@274 1122
bsw/jbe@0 1123 .lang_chooser {
bsw/jbe@0 1124 float: right;
bsw/jbe@0 1125 margin-right: 0.5em;
bsw/jbe@0 1126 }
bsw@2 1127
bsw@2 1128 .delegation_list_entry {
bsw@2 1129 margin-right: 2em;
bsw@2 1130 margin-bottom: 2ex;
bsw@2 1131 float: left;
bsw@2 1132 clear: left;
bsw@2 1133 }
bsw@2 1134
bsw@2 1135 .delegation_list_entry .delegation_arrow {
bsw@2 1136 float: left;
bsw@2 1137 }
bsw@2 1138
bsw@2 1139 .delegation_list_entry .delegation_scope {
bsw@2 1140 float: left;
bsw@2 1141 width: 25em;
bsw@2 1142 }
bsw@2 1143
bsw@2 1144 .delegation_list_entry .delegation_scope a {
bsw@2 1145 display: block;
bsw@2 1146 }
bsw@2 1147
bsw@2 1148 .member_list .member_thumb {
bsw@2 1149 float: left;
bsw@2 1150 margin-right: 1em;
bsw@2 1151 margin-bottom: 2ex;
bsw@2 1152 }
bsw@2 1153
bsw@2 1154 .member_thumb {
bsw@2 1155 text-decoration: none;
bsw@32 1156 width: 14.5em;
bsw/jbe@4 1157 height: 48px;
bsw@2 1158 display: block;
bsw@2 1159 float: left;
bsw@317 1160 background-color: #f2f2f2;
bsw/jbe@4 1161 overflow: hidden;
bsw/jbe@4 1162 position: relative;
bsw@273 1163 border-radius: 7px;
bsw@280 1164 padding: 2px;
bsw/jbe@4 1165 }
bsw/jbe@4 1166
bsw@280 1167 .xmember_thumb a {
bsw/jbe@4 1168 position: absolute;
bsw/jbe@4 1169 top: 0;
bsw/jbe@4 1170 left: 0;
bsw/jbe@4 1171 padding: 0;
bsw/jbe@4 1172 margin: 0;
bsw@2 1173 }
bsw@2 1174
bsw@3 1175 .member_thumb a:hover div {
bsw@3 1176 background-color: #444;
bsw@3 1177 color: #fff;
bsw@3 1178 }
bsw@3 1179
bsw@2 1180 .member_thumb img {
bsw/jbe@4 1181 padding: 0;
bsw/jbe@4 1182 margin: 0;
bsw@2 1183 vertical-align: bottom;
bsw@280 1184 border-radius: 7px;
bsw@2 1185 }
bsw@2 1186
bsw@3 1187 .member_thumb .member_name {
bsw/jbe@4 1188 position: absolute;
bsw@280 1189 left: 56px;
bsw/jbe@4 1190 top: 2ex;
bsw/jbe@4 1191 font-size: 100%;
bsw/jbe@4 1192 width: 14em;
bsw@2 1193 }
bsw@2 1194
bsw@3 1195 .member_thumb .flags {
bsw/jbe@19 1196 text-align: right;
bsw@3 1197 font-size: 75%;
bsw@3 1198 }
bsw@3 1199
bsw/jbe@19 1200 .member_thumb .flags a,
bsw/jbe@19 1201 .member_thumb .flags img {
bsw/jbe@4 1202 position: static;
bsw/jbe@4 1203 float: right;
bsw/jbe@19 1204 margin-left: 0.5em;
bsw/jbe@4 1205 }
bsw/jbe@4 1206
bsw@177 1207 .member_thumb .flags .in_delegation_chain {
bsw@177 1208 font-weight: bold;
bsw@177 1209 }
bsw@177 1210
bsw/jbe@4 1211 .member .right {
bsw/jbe@4 1212 float: right;
bsw/jbe@4 1213 }
bsw/jbe@4 1214
bsw/jbe@19 1215 .member_thumb.not_accepted,
bsw/jbe@19 1216 .member_thumb.not_informed {
bsw@294 1217 background: #fff;
bsw@294 1218 }
bsw@294 1219
bsw@294 1220 .member_thumb.not_accepted .member_image,
bsw@294 1221 .member_thumb.not_accepted .member_name,
bsw@294 1222 .member_thumb.not_informed .member_image,
bsw@294 1223 .member_thumb.not_informed .member_name {
bsw@294 1224 opacity: 0.4;
bsw@10 1225 }
bsw@10 1226
bsw@177 1227 .member_thumb.in_delegation_chain {
bsw@280 1228 background-color: #cdf;
bsw@177 1229 }
bsw@177 1230
bsw/jbe@19 1231 .member_statement,
bsw/jbe@4 1232 .draft_content,
bsw/jbe@19 1233 .suggestion_content {
bsw@317 1234 background-color: #f2f2f2;
bsw@272 1235 padding: 1ex;
bsw@272 1236 border-radius: 8px;
bsw@2 1237 }
bsw@2 1238
bsw@286 1239 .member_statement {
bsw@286 1240 margin-right: 250px;
bsw@286 1241 }
poelzi@141 1242
poelzi@141 1243 #suggestion_description {
bsw@181 1244 height: 15ex;
poelzi@141 1245 }
poelzi@141 1246
bsw@2 1247 .diff {
bsw@317 1248 background-color: #f2f2f2;
bsw@2 1249 border: 1px solid #ccc;
bsw@2 1250 padding: 1ex;
bsw@2 1251 }
bsw@2 1252
bsw@95 1253 .diff_added {
bsw@2 1254 background-color: #cfc;
bsw@95 1255 text-decoration: underline;
bsw@2 1256 }
bsw@2 1257
bsw@95 1258 .diff_removed {
bsw@2 1259 background-color: #fcc;
bsw@95 1260 text-decoration: line-through;
bsw@2 1261 }
bsw@2 1262
bsw@2 1263 .slot_issue_info {
bsw@317 1264 background-color: #f2f2f2;
bsw@2 1265 border: 1px solid #ccc;
bsw@2 1266 float: right;
bsw@2 1267 padding: 0.5ex;
bsw@2 1268 line-height: 130%;
bsw@2 1269 margin-right: 1em;
bsw@2 1270 }
bsw@2 1271
bsw@2 1272 .issue_info label {
bsw@2 1273 float: left;
bsw@2 1274 width: 8em;
bsw@2 1275 text-transform: uppercase;
bsw@2 1276 font-size: 70%;
bsw@2 1277 color: #777;
bsw@2 1278 font-weight: bold;
bsw@2 1279 clear: left;
bsw@2 1280 text-align: right;
bsw@2 1281 margin-right: 0.7em;
bsw@2 1282 }
bsw@2 1283
bsw/jbe@19 1284 .admitted_info {
bsw/jbe@19 1285 background-color: #dfd;
bsw/jbe@19 1286 padding: 1ex;
bsw/jbe@19 1287 margin-bottom: 2ex;
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/jbe@19 1295 margin-bottom: 2ex;
bsw@312 1296 border-radius: 8px;
bsw/jbe@19 1297 }
bsw/jbe@19 1298
bsw/jbe@6 1299 .draft_updated_info,
bsw@10 1300 .voting_active_info,
bsw@11 1301 .initiator_invite_info,
bsw@60 1302 .motd,
bsw@60 1303 .public_access_issue_head {
bsw@387 1304 background-color: #fffbce;
bsw@2 1305 padding: 1ex;
bsw@280 1306 margin-top: 2ex;
bsw/jbe@19 1307 margin-bottom: 2ex;
bsw@273 1308 border-radius: 8px;
bsw@387 1309 border: 1px solid #ffe900;
bsw@3 1310 }
bsw@3 1311
bsw/jbe@4 1312 .suggestion_fulfilled {
bsw/jbe@4 1313 width: 15em;
bsw/jbe@4 1314 }
bsw/jbe@4 1315 .suggestion_fulfilled a.action {
bsw/jbe@4 1316 padding-left: 0;
bsw/jbe@4 1317 line-height: 120%;
bsw/jbe@4 1318 }
bsw/jbe@4 1319
bsw/jbe@6 1320 .help,
bsw/jbe@6 1321 .use_terms {
bsw@301 1322 border-radius: 8px;
bsw@330 1323 border: 1px solid #ffe900;
bsw@317 1324 background-color: #fffbce;
bsw/jbe@4 1325 color: #000;
bsw/jbe@4 1326 padding: 1ex;
bsw/jbe@4 1327 }
bsw/jbe@4 1328
bsw/jbe@4 1329 .help_visible {
bsw@329 1330 margin-top: 2ex;
bsw/jbe@4 1331 margin-bottom: 1ex;
bsw/jbe@4 1332 }
bsw/jbe@4 1333
bsw/jbe@4 1334 .help_visible .help_icon {
bsw/jbe@4 1335 float: right;
bsw/jbe@4 1336 }
bsw/jbe@4 1337
bsw/jbe@4 1338 .slot_help_hidden {
bsw/jbe@4 1339 float: right;
bsw/jbe@4 1340 margin-right: 1em;
bsw@277 1341 margin-top: 1ex;
bsw/jbe@4 1342 }
bsw/jbe@4 1343
bsw/jbe@4 1344 .help_actions {
bsw/jbe@4 1345 font-size: 75%;
bsw/jbe@4 1346 float: right;
bsw/jbe@4 1347 }
bsw/jbe@4 1348
bsw/jbe@4 1349 .help_actions a {
bsw/jbe@4 1350 margin-right: 1em;
bsw/jbe@4 1351 color: #468;
bsw/jbe@4 1352 }
bsw/jbe@4 1353
bsw/jbe@4 1354 .wiki {
bsw@329 1355 line-height: 133%;
bsw/jbe@4 1356 }
bsw/jbe@4 1357
bsw/jbe@4 1358 .wiki h1,
bsw/jbe@4 1359 .wiki h2,
bsw/jbe@4 1360 .wiki h3,
bsw/jbe@4 1361 .wiki h4 {
bsw/jbe@4 1362 margin-top: 1ex;
bsw/jbe@4 1363 margin-bottom: 1ex;
bsw/jbe@4 1364 }
bsw/jbe@4 1365
bsw/jbe@4 1366 .wiki h1 {
bsw/jbe@4 1367 font-size: 150%;
bsw@329 1368 font-weight: bold;
bsw/jbe@4 1369 }
bsw/jbe@4 1370
bsw/jbe@4 1371 .wiki h2 {
bsw/jbe@4 1372 font-size: 125%;
bsw@329 1373 font-weight: bold;
bsw@329 1374 }
bsw@329 1375
bsw@329 1376 .wiki h3 {
bsw@329 1377 font-size: 125%;
bsw@329 1378 }
bsw@329 1379
bsw@329 1380 .wiki h4 {
bsw@329 1381 font-size: 100%;
bsw@329 1382 font-weight: bold;
bsw/jbe@4 1383 }
bsw/jbe@4 1384
bsw/jbe@4 1385 .wiki p {
bsw/jbe@4 1386 margin-top: 1ex;
bsw/jbe@4 1387 margin-bottom: 1ex;
bsw/jbe@4 1388 }
bsw/jbe@4 1389
bsw/jbe@4 1390 form .warning {
bsw/jbe@4 1391 background-color: #ffd;
bsw/jbe@4 1392 color: #000;
bsw/jbe@4 1393 border: 1px solid #dda;
bsw/jbe@4 1394 margin: 1ex;
bsw/jbe@4 1395 margin-bottom: 2ex;
bsw/jbe@4 1396 padding: 1ex;
bsw/jbe@4 1397 }
bsw/jbe@5 1398
bsw@9 1399 a.not_voted {
bsw@9 1400 display: block;
bsw@9 1401 background-color: #fec;
bsw@9 1402 color: #000;
bsw@9 1403 }
bsw/jbe@5 1404
bsw@11 1405 .action_active {
bsw@11 1406 background-color: #fec;
bsw@11 1407 }
bsw@11 1408
bsw/jbe@19 1409 .heading {
bsw@274 1410 display: block;
bsw/jbe@19 1411 font-size: 120%;
bsw/jbe@19 1412 font-weight: bold;
bsw/jbe@19 1413 }
bsw/jbe@19 1414
bsw/jbe@19 1415 .heading.first {
bsw/jbe@19 1416 margin-top: 0;
bsw/jbe@19 1417 }
bsw/jbe@19 1418
bsw@75 1419 .menu_list li {
bsw@75 1420 padding-top: 1ex;
bsw@75 1421 padding-bottom: 1ex;
bsw@75 1422 }
bsw@75 1423
bsw@75 1424 .deactivated_member_info {
bsw@75 1425 background-color: #a00;
bsw@75 1426 color: #fff;
bsw@75 1427 }
bsw@75 1428
bsw/jbe@5 1429 /*************************************************************************
bsw/jbe@5 1430 * Voting
bsw/jbe@5 1431 */
bsw/jbe@5 1432
bsw@286 1433 #voting_form {
bsw@286 1434 margin-top: 20px;
bsw@286 1435 }
bsw@286 1436
bsw/jbe@5 1437 #voting {
bsw/jbe@5 1438 position: relative;
bsw/jbe@5 1439 }
bsw@286 1440
bsw/jbe@5 1441 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1442 border: 2px black solid;
bsw@286 1443 margin-top: 2ex;
bsw/jbe@5 1444 margin-bottom: 5ex;
bsw/jbe@5 1445 padding: 1ex;
bsw/jbe@5 1446 padding-bottom: 2ex;
bsw@286 1447 border-radius: 8px;
bsw/jbe@5 1448 }
bsw/jbe@5 1449 #voting .approval {
bsw/jbe@5 1450 background-color: #9f9;
bsw/jbe@5 1451 }
bsw/jbe@5 1452 #voting .approval .movable {
bsw/jbe@5 1453 background-color: #dfd;
bsw/jbe@5 1454 }
bsw/jbe@5 1455 #voting .abstention {
bsw/jbe@5 1456 background-color: #ccc;
bsw/jbe@5 1457 }
bsw/jbe@5 1458 #voting .abstention .movable {
bsw@317 1459 background-color: #f2f2f2;
bsw/jbe@5 1460 }
bsw/jbe@5 1461 #voting .disapproval {
bsw/jbe@5 1462 background-color: #f88;
bsw/jbe@5 1463 }
bsw/jbe@5 1464 #voting .disapproval .movable {
bsw/jbe@5 1465 background-color: #fbb;
bsw/jbe@5 1466 }
bsw/jbe@5 1467 #voting .cathead {
bsw/jbe@5 1468 font-weight: bold;
bsw/jbe@5 1469 }
bsw/jbe@5 1470 #voting .movable {
bsw/jbe@5 1471 position: relative;
bsw/jbe@5 1472 border: 1px black solid;
bsw@286 1473 margin-top: 1ex;
bsw/jbe@5 1474 padding: 0.5ex;
bsw@286 1475 border-radius: 8px;
bsw/jbe@19 1476 }
bsw/jbe@19 1477 #voting .voting_form_active .movable {
bsw/jbe@5 1478 cursor: pointer;
bsw/jbe@5 1479 }
bsw/jbe@19 1480 #voting .voting_form_active .clickable {
bsw/jbe@5 1481 cursor: auto;
bsw/jbe@5 1482 }
bsw/jbe@19 1483 #voting .voting_form_active a.clickable {
bsw/jbe@5 1484 cursor: pointer;
bsw/jbe@5 1485 }
bsw/jbe@6 1486
bsw/jbe@6 1487 #voting .grabber {
bsw/jbe@6 1488 vertical-align: middle;
bsw/jbe@6 1489 cursor: move;
bsw/jbe@19 1490 }
bsw/jbe@19 1491
poelzi@145 1492 /*************************************************************************
poelzi@145 1493 * timeline
poelzi@145 1494 */
poelzi@145 1495 div.ignore_area_list {
poelzi@145 1496 float: left;
poelzi@145 1497 width: 90%;
poelzi@169 1498 margin: 0 0 1em 0;
poelzi@145 1499 }
bsw/jbe@19 1500
poelzi@145 1501 div.ignore_area_list >
poelzi@145 1502 label.ui_field_label {
poelzi@145 1503 text-align: left ;
poelzi@145 1504 width: 100%;
poelzi@145 1505 border-bottom:1px solid #000000;
poelzi@145 1506 color: #000000;
poelzi@145 1507 font-size:75%;
poelzi@145 1508 font-weight:bold;
poelzi@145 1509 vertical-align:bottom;
poelzi@145 1510 text-transform:none;
poelzi@145 1511 padding:0.5ex 0.5em
poelzi@145 1512 }
poelzi@145 1513
poelzi@145 1514 div.ignore_area_item {
poelzi@145 1515 clear: none;
poelzi@145 1516 float: left;
poelzi@169 1517 min-width: 10em;
poelzi@145 1518 margin: 0.1ex 0.5em;
poelzi@169 1519 margin-right: 0.5em;
poelzi@145 1520 }
poelzi@145 1521
poelzi@145 1522 div.ignore_area_item > input {
poelzi@145 1523 float: none;
poelzi@145 1524 clear: none;
poelzi@145 1525 display: inline;
poelzi@145 1526 }
poelzi@145 1527
poelzi@145 1528 div.ignore_area_item >
poelzi@145 1529 label.ui_field_label {
poelzi@145 1530 float: none;
poelzi@145 1531 clear: none;
poelzi@145 1532 text-align: left;
poelzi@145 1533 display: inline;
poelzi@145 1534 }
poelzi@145 1535
poelzi@145 1536 div.timeline_results {
poelzi@145 1537 clear: both;
poelzi@145 1538 }
bsw@325 1539
bsw@325 1540 /* shadows */
bsw@325 1541
bsw@418 1542 .box {
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@418 1564 .box {
bsw@325 1565 box-shadow: #777 0px 5px 5px -5px;
bsw@325 1566 -mox-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1567 -webkit-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1568 }
bsw@325 1569
bsw@418 1570 .member_area_list .box {
bsw@418 1571 box-shadow: none;
bsw@418 1572 -mox-box-shadow: none;
bsw@418 1573 -webkit-box-shadow: none;
bsw@418 1574 }
bsw@325 1575
bsw@433 1576 .slot_footer {
bsw@433 1577 margin: 0 1%;
bsw@433 1578 border-top: 1px solid #ccc;
bsw@433 1579 padding: 1ex;
bsw@433 1580 font-size: 80%;
bsw@433 1581 text-align: center;
bsw@433 1582 }
bsw@433 1583 .slot_footer,
bsw@433 1584 .slot_footer a {
bsw@433 1585 color: #666;
bsw@433 1586 }
bsw@418 1587
bsw@433 1588 .footer {
bsw@433 1589 margin: 0 auto;
bsw@433 1590 max-width: 1130px;
bsw@435 1591 }

Impressum / About Us