liquid_feedback_frontend

annotate static/style.css @ 536:53b4890461a5

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

Impressum / About Us