liquid_feedback_frontend

annotate static/style.css @ 503:78c92775722b

find changesets by author, revision, files, or words in the commit message
Do not force micro avatars to be quadratic (fix)
author bsw
date Wed Mar 21 19:50:58 2012 +0100 (2012-03-21)
parents e26b04ef230a
children 22dc9f100c67
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@373 1079 .initiative .interest {
bsw@373 1080 width: 16px;
bsw@373 1081 height: 16px;
bsw@373 1082 line-height: 100%;
bsw@373 1083 }
bsw@373 1084
bsw@373 1085 .initiative .name {
bsw@373 1086 line-height: 130%;
bsw@373 1087 margin-left: 160px;
bsw@373 1088 }
bsw@373 1089
bsw@373 1090 @media screen and (max-width: 480px) {
bsw@373 1091 .initiative .name {
bsw@373 1092 clear: left;
bsw@373 1093 margin-left: 0px;
bsw@373 1094 }
bsw@373 1095 }
bsw@373 1096
bsw@373 1097
bsw@273 1098 .issue_initiative_list a {
bsw@273 1099 font-weight: bold;
bsw/jbe@0 1100 }
bsw/jbe@0 1101
bsw@274 1102 .more_initiatives_link {
bsw@331 1103 display: block;
bsw@280 1104 margin-left: 166px;
bsw@274 1105 font-style: italic;
bsw@331 1106 margin-bottom: 1ex;
bsw@274 1107 }
bsw@274 1108
bsw/jbe@0 1109 .issues tr tr {
bsw@2 1110 border: none;
bsw@273 1111 background: none;
bsw/jbe@0 1112 }
bsw/jbe@0 1113
bsw@274 1114 .initiative_link.selected {
bsw@274 1115 font-weight: bold;
bsw@274 1116 }
bsw@274 1117
bsw@312 1118 x.initiative_link.supported {
bsw@292 1119 background-color: #cdf;
bsw@289 1120 border-radius: 5px;
bsw@289 1121 }
bsw@289 1122
bsw@312 1123 x.initiative_link.potentially_supported {
bsw@292 1124 background-color: #cdf;
bsw@274 1125 border-radius: 5px;
bsw@274 1126 }
bsw@274 1127
bsw/jbe@0 1128 .lang_chooser {
bsw/jbe@0 1129 float: right;
bsw/jbe@0 1130 margin-right: 0.5em;
bsw/jbe@0 1131 }
bsw@2 1132
bsw@2 1133 .delegation_list_entry {
bsw@2 1134 margin-right: 2em;
bsw@2 1135 margin-bottom: 2ex;
bsw@2 1136 float: left;
bsw@2 1137 clear: left;
bsw@2 1138 }
bsw@2 1139
bsw@2 1140 .delegation_list_entry .delegation_arrow {
bsw@2 1141 float: left;
bsw@2 1142 }
bsw@2 1143
bsw@2 1144 .delegation_list_entry .delegation_scope {
bsw@2 1145 float: left;
bsw@2 1146 width: 25em;
bsw@2 1147 }
bsw@2 1148
bsw@2 1149 .delegation_list_entry .delegation_scope a {
bsw@2 1150 display: block;
bsw@2 1151 }
bsw@2 1152
bsw@2 1153 .member_list .member_thumb {
bsw@2 1154 float: left;
bsw@2 1155 margin-right: 1em;
bsw@2 1156 margin-bottom: 2ex;
bsw@2 1157 }
bsw@2 1158
bsw@2 1159 .member_thumb {
bsw@2 1160 text-decoration: none;
bsw@32 1161 width: 14.5em;
bsw/jbe@4 1162 height: 48px;
bsw@2 1163 display: block;
bsw@2 1164 float: left;
bsw@317 1165 background-color: #f2f2f2;
bsw/jbe@4 1166 overflow: hidden;
bsw/jbe@4 1167 position: relative;
bsw@273 1168 border-radius: 7px;
bsw@280 1169 padding: 2px;
bsw/jbe@4 1170 }
bsw/jbe@4 1171
bsw@280 1172 .xmember_thumb a {
bsw/jbe@4 1173 position: absolute;
bsw/jbe@4 1174 top: 0;
bsw/jbe@4 1175 left: 0;
bsw/jbe@4 1176 padding: 0;
bsw/jbe@4 1177 margin: 0;
bsw@2 1178 }
bsw@2 1179
bsw@3 1180 .member_thumb a:hover div {
bsw@3 1181 background-color: #444;
bsw@3 1182 color: #fff;
bsw@3 1183 }
bsw@3 1184
bsw@2 1185 .member_thumb img {
bsw/jbe@4 1186 padding: 0;
bsw/jbe@4 1187 margin: 0;
bsw@2 1188 vertical-align: bottom;
bsw@280 1189 border-radius: 7px;
bsw@2 1190 }
bsw@2 1191
bsw@3 1192 .member_thumb .member_name {
bsw/jbe@4 1193 position: absolute;
bsw@280 1194 left: 56px;
bsw/jbe@4 1195 top: 2ex;
bsw/jbe@4 1196 font-size: 100%;
bsw/jbe@4 1197 width: 14em;
bsw@2 1198 }
bsw@2 1199
bsw@3 1200 .member_thumb .flags {
bsw/jbe@19 1201 text-align: right;
bsw@3 1202 font-size: 75%;
bsw@3 1203 }
bsw@3 1204
bsw/jbe@19 1205 .member_thumb .flags a,
bsw/jbe@19 1206 .member_thumb .flags img {
bsw/jbe@4 1207 position: static;
bsw/jbe@4 1208 float: right;
bsw/jbe@19 1209 margin-left: 0.5em;
bsw/jbe@4 1210 }
bsw/jbe@4 1211
bsw@177 1212 .member_thumb .flags .in_delegation_chain {
bsw@177 1213 font-weight: bold;
bsw@177 1214 }
bsw@177 1215
bsw/jbe@4 1216 .member .right {
bsw/jbe@4 1217 float: right;
bsw/jbe@4 1218 }
bsw/jbe@4 1219
bsw/jbe@19 1220 .member_thumb.not_accepted,
bsw/jbe@19 1221 .member_thumb.not_informed {
bsw@294 1222 background: #fff;
bsw@294 1223 }
bsw@294 1224
bsw@294 1225 .member_thumb.not_accepted .member_image,
bsw@294 1226 .member_thumb.not_accepted .member_name,
bsw@294 1227 .member_thumb.not_informed .member_image,
bsw@294 1228 .member_thumb.not_informed .member_name {
bsw@294 1229 opacity: 0.4;
bsw@10 1230 }
bsw@10 1231
bsw@177 1232 .member_thumb.in_delegation_chain {
bsw@280 1233 background-color: #cdf;
bsw@177 1234 }
bsw@177 1235
bsw/jbe@19 1236 .member_statement,
bsw/jbe@4 1237 .draft_content,
bsw/jbe@19 1238 .suggestion_content {
bsw@317 1239 background-color: #f2f2f2;
bsw@272 1240 padding: 1ex;
bsw@272 1241 border-radius: 8px;
bsw@2 1242 }
bsw@2 1243
bsw@286 1244 .member_statement {
bsw@286 1245 margin-right: 250px;
bsw@286 1246 }
poelzi@141 1247
poelzi@141 1248 #suggestion_description {
bsw@181 1249 height: 15ex;
poelzi@141 1250 }
poelzi@141 1251
bsw@2 1252 .diff {
bsw@317 1253 background-color: #f2f2f2;
bsw@2 1254 border: 1px solid #ccc;
bsw@2 1255 padding: 1ex;
bsw@2 1256 }
bsw@2 1257
bsw@95 1258 .diff_added {
bsw@2 1259 background-color: #cfc;
bsw@95 1260 text-decoration: underline;
bsw@2 1261 }
bsw@2 1262
bsw@95 1263 .diff_removed {
bsw@2 1264 background-color: #fcc;
bsw@95 1265 text-decoration: line-through;
bsw@2 1266 }
bsw@2 1267
bsw@2 1268 .slot_issue_info {
bsw@317 1269 background-color: #f2f2f2;
bsw@2 1270 border: 1px solid #ccc;
bsw@2 1271 float: right;
bsw@2 1272 padding: 0.5ex;
bsw@2 1273 line-height: 130%;
bsw@2 1274 margin-right: 1em;
bsw@2 1275 }
bsw@2 1276
bsw@2 1277 .issue_info label {
bsw@2 1278 float: left;
bsw@2 1279 width: 8em;
bsw@2 1280 text-transform: uppercase;
bsw@2 1281 font-size: 70%;
bsw@2 1282 color: #777;
bsw@2 1283 font-weight: bold;
bsw@2 1284 clear: left;
bsw@2 1285 text-align: right;
bsw@2 1286 margin-right: 0.7em;
bsw@2 1287 }
bsw@2 1288
bsw/jbe@19 1289 .admitted_info {
bsw/jbe@19 1290 background-color: #dfd;
bsw/jbe@19 1291 padding: 1ex;
bsw@286 1292 border-radius: 8px;
bsw/jbe@19 1293 }
bsw/jbe@19 1294
bsw/jbe@19 1295 .not_admitted_info,
bsw/jbe@19 1296 .revoked_info {
bsw/jbe@19 1297 background-color: #fdd;
bsw/jbe@19 1298 padding: 1ex;
bsw@312 1299 border-radius: 8px;
bsw/jbe@19 1300 }
bsw/jbe@19 1301
bsw/jbe@6 1302 .draft_updated_info,
bsw@10 1303 .voting_active_info,
bsw@11 1304 .initiator_invite_info,
bsw@60 1305 .motd,
bsw@60 1306 .public_access_issue_head {
bsw@387 1307 background-color: #fffbce;
bsw@2 1308 padding: 1ex;
bsw@280 1309 margin-top: 2ex;
bsw/jbe@19 1310 margin-bottom: 2ex;
bsw@273 1311 border-radius: 8px;
bsw@387 1312 border: 1px solid #ffe900;
bsw@3 1313 }
bsw@3 1314
bsw/jbe@4 1315 .suggestion_fulfilled {
bsw/jbe@4 1316 width: 15em;
bsw/jbe@4 1317 }
bsw/jbe@4 1318 .suggestion_fulfilled a.action {
bsw/jbe@4 1319 padding-left: 0;
bsw/jbe@4 1320 line-height: 120%;
bsw/jbe@4 1321 }
bsw/jbe@4 1322
bsw/jbe@6 1323 .help,
bsw/jbe@6 1324 .use_terms {
bsw@301 1325 border-radius: 8px;
bsw@330 1326 border: 1px solid #ffe900;
bsw@317 1327 background-color: #fffbce;
bsw/jbe@4 1328 color: #000;
bsw/jbe@4 1329 padding: 1ex;
bsw/jbe@4 1330 }
bsw/jbe@4 1331
bsw/jbe@4 1332 .help_visible {
bsw@329 1333 margin-top: 2ex;
bsw/jbe@4 1334 margin-bottom: 1ex;
bsw/jbe@4 1335 }
bsw/jbe@4 1336
bsw/jbe@4 1337 .help_visible .help_icon {
bsw/jbe@4 1338 float: right;
bsw/jbe@4 1339 }
bsw/jbe@4 1340
bsw/jbe@4 1341 .slot_help_hidden {
bsw/jbe@4 1342 float: right;
bsw/jbe@4 1343 margin-right: 1em;
bsw@277 1344 margin-top: 1ex;
bsw/jbe@4 1345 }
bsw/jbe@4 1346
bsw/jbe@4 1347 .help_actions {
bsw/jbe@4 1348 font-size: 75%;
bsw/jbe@4 1349 float: right;
bsw/jbe@4 1350 }
bsw/jbe@4 1351
bsw/jbe@4 1352 .help_actions a {
bsw/jbe@4 1353 margin-right: 1em;
bsw/jbe@4 1354 color: #468;
bsw/jbe@4 1355 }
bsw/jbe@4 1356
bsw/jbe@4 1357 .wiki {
bsw@329 1358 line-height: 133%;
bsw/jbe@4 1359 }
bsw/jbe@4 1360
bsw/jbe@4 1361 .wiki h1,
bsw/jbe@4 1362 .wiki h2,
bsw/jbe@4 1363 .wiki h3,
bsw/jbe@4 1364 .wiki h4 {
bsw/jbe@4 1365 margin-top: 1ex;
bsw/jbe@4 1366 margin-bottom: 1ex;
bsw/jbe@4 1367 }
bsw/jbe@4 1368
bsw/jbe@4 1369 .wiki h1 {
bsw/jbe@4 1370 font-size: 150%;
bsw@329 1371 font-weight: bold;
bsw/jbe@4 1372 }
bsw/jbe@4 1373
bsw/jbe@4 1374 .wiki h2 {
bsw/jbe@4 1375 font-size: 125%;
bsw@329 1376 font-weight: bold;
bsw@329 1377 }
bsw@329 1378
bsw@329 1379 .wiki h3 {
bsw@329 1380 font-size: 125%;
bsw@329 1381 }
bsw@329 1382
bsw@329 1383 .wiki h4 {
bsw@329 1384 font-size: 100%;
bsw@329 1385 font-weight: bold;
bsw/jbe@4 1386 }
bsw/jbe@4 1387
bsw/jbe@4 1388 .wiki p {
bsw/jbe@4 1389 margin-top: 1ex;
bsw/jbe@4 1390 margin-bottom: 1ex;
bsw/jbe@4 1391 }
bsw/jbe@4 1392
bsw/jbe@4 1393 form .warning {
bsw/jbe@4 1394 background-color: #ffd;
bsw/jbe@4 1395 color: #000;
bsw/jbe@4 1396 border: 1px solid #dda;
bsw/jbe@4 1397 margin: 1ex;
bsw/jbe@4 1398 margin-bottom: 2ex;
bsw/jbe@4 1399 padding: 1ex;
bsw/jbe@4 1400 }
bsw/jbe@5 1401
bsw@9 1402 a.not_voted {
bsw@9 1403 display: block;
bsw@9 1404 background-color: #fec;
bsw@9 1405 color: #000;
bsw@9 1406 }
bsw/jbe@5 1407
bsw@11 1408 .action_active {
bsw@11 1409 background-color: #fec;
bsw@11 1410 }
bsw@11 1411
bsw/jbe@19 1412 .heading {
bsw@274 1413 display: block;
bsw/jbe@19 1414 font-size: 120%;
bsw/jbe@19 1415 font-weight: bold;
bsw/jbe@19 1416 }
bsw/jbe@19 1417
bsw/jbe@19 1418 .heading.first {
bsw/jbe@19 1419 margin-top: 0;
bsw/jbe@19 1420 }
bsw/jbe@19 1421
bsw@75 1422 .menu_list li {
bsw@75 1423 padding-top: 1ex;
bsw@75 1424 padding-bottom: 1ex;
bsw@75 1425 }
bsw@75 1426
bsw@75 1427 .deactivated_member_info {
bsw@75 1428 background-color: #a00;
bsw@75 1429 color: #fff;
bsw@75 1430 }
bsw@75 1431
bsw/jbe@5 1432 /*************************************************************************
bsw/jbe@5 1433 * Voting
bsw/jbe@5 1434 */
bsw/jbe@5 1435
bsw@286 1436 #voting_form {
bsw@286 1437 margin-top: 20px;
bsw@286 1438 }
bsw@286 1439
bsw/jbe@5 1440 #voting {
bsw/jbe@5 1441 position: relative;
bsw/jbe@5 1442 }
bsw@286 1443
bsw/jbe@5 1444 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1445 border: 2px black solid;
bsw@286 1446 margin-top: 2ex;
bsw/jbe@5 1447 margin-bottom: 5ex;
bsw/jbe@5 1448 padding: 1ex;
bsw/jbe@5 1449 padding-bottom: 2ex;
bsw@286 1450 border-radius: 8px;
bsw/jbe@5 1451 }
bsw/jbe@5 1452 #voting .approval {
bsw/jbe@5 1453 background-color: #9f9;
bsw/jbe@5 1454 }
bsw/jbe@5 1455 #voting .approval .movable {
bsw/jbe@5 1456 background-color: #dfd;
bsw/jbe@5 1457 }
bsw/jbe@5 1458 #voting .abstention {
bsw/jbe@5 1459 background-color: #ccc;
bsw/jbe@5 1460 }
bsw/jbe@5 1461 #voting .abstention .movable {
bsw@317 1462 background-color: #f2f2f2;
bsw/jbe@5 1463 }
bsw/jbe@5 1464 #voting .disapproval {
bsw/jbe@5 1465 background-color: #f88;
bsw/jbe@5 1466 }
bsw/jbe@5 1467 #voting .disapproval .movable {
bsw/jbe@5 1468 background-color: #fbb;
bsw/jbe@5 1469 }
bsw/jbe@5 1470 #voting .cathead {
bsw/jbe@5 1471 font-weight: bold;
bsw/jbe@5 1472 }
bsw/jbe@5 1473 #voting .movable {
bsw/jbe@5 1474 position: relative;
bsw/jbe@5 1475 border: 1px black solid;
bsw@286 1476 margin-top: 1ex;
bsw/jbe@5 1477 padding: 0.5ex;
bsw@286 1478 border-radius: 8px;
bsw/jbe@19 1479 }
bsw/jbe@19 1480 #voting .voting_form_active .movable {
bsw/jbe@5 1481 cursor: pointer;
bsw/jbe@5 1482 }
bsw/jbe@19 1483 #voting .voting_form_active .clickable {
bsw/jbe@5 1484 cursor: auto;
bsw/jbe@5 1485 }
bsw/jbe@19 1486 #voting .voting_form_active a.clickable {
bsw/jbe@5 1487 cursor: pointer;
bsw/jbe@5 1488 }
bsw/jbe@6 1489
bsw/jbe@6 1490 #voting .grabber {
bsw/jbe@6 1491 vertical-align: middle;
bsw/jbe@6 1492 cursor: move;
bsw/jbe@19 1493 }
bsw/jbe@19 1494
poelzi@145 1495 /*************************************************************************
poelzi@145 1496 * timeline
poelzi@145 1497 */
poelzi@145 1498 div.ignore_area_list {
poelzi@145 1499 float: left;
poelzi@145 1500 width: 90%;
poelzi@169 1501 margin: 0 0 1em 0;
poelzi@145 1502 }
bsw/jbe@19 1503
poelzi@145 1504 div.ignore_area_list >
poelzi@145 1505 label.ui_field_label {
poelzi@145 1506 text-align: left ;
poelzi@145 1507 width: 100%;
poelzi@145 1508 border-bottom:1px solid #000000;
poelzi@145 1509 color: #000000;
poelzi@145 1510 font-size:75%;
poelzi@145 1511 font-weight:bold;
poelzi@145 1512 vertical-align:bottom;
poelzi@145 1513 text-transform:none;
poelzi@145 1514 padding:0.5ex 0.5em
poelzi@145 1515 }
poelzi@145 1516
poelzi@145 1517 div.ignore_area_item {
poelzi@145 1518 clear: none;
poelzi@145 1519 float: left;
poelzi@169 1520 min-width: 10em;
poelzi@145 1521 margin: 0.1ex 0.5em;
poelzi@169 1522 margin-right: 0.5em;
poelzi@145 1523 }
poelzi@145 1524
poelzi@145 1525 div.ignore_area_item > input {
poelzi@145 1526 float: none;
poelzi@145 1527 clear: none;
poelzi@145 1528 display: inline;
poelzi@145 1529 }
poelzi@145 1530
poelzi@145 1531 div.ignore_area_item >
poelzi@145 1532 label.ui_field_label {
poelzi@145 1533 float: none;
poelzi@145 1534 clear: none;
poelzi@145 1535 text-align: left;
poelzi@145 1536 display: inline;
poelzi@145 1537 }
poelzi@145 1538
poelzi@145 1539 div.timeline_results {
poelzi@145 1540 clear: both;
poelzi@145 1541 }
bsw@325 1542
bsw@325 1543 /* shadows */
bsw@325 1544
bsw@479 1545 .box,
bsw@479 1546 .slot_initiative_head {
bsw@418 1547 border: 1px solid #aaa;
bsw@418 1548 border-radius: 8px;
bsw@418 1549 padding: 1ex;
bsw@418 1550 }
bsw@418 1551
bsw@418 1552 .member_area_list .box {
bsw@418 1553 border: none;
bsw@418 1554 padding: 0;
bsw@418 1555 }
bsw@418 1556
bsw@325 1557 .slot_initiatives_list,
bsw@325 1558 .actions,
bsw@325 1559 .issues .issue,
bsw@325 1560 .ui_tabs_links a,
bsw@325 1561 .draft_content,
bsw@325 1562 .help,
bsw@325 1563 .use_terms,
bsw@325 1564 .motd,
bsw@341 1565 .ui_filter a.active,
bsw@382 1566 .vote_info .content,
bsw@418 1567 .member_area_list,
bsw@479 1568 .box,
bsw@479 1569 .slot_initiative_head {
bsw@325 1570 box-shadow: #777 0px 5px 5px -5px;
bsw@325 1571 -mox-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1572 -webkit-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1573 }
bsw@325 1574
bsw@418 1575 .member_area_list .box {
bsw@418 1576 box-shadow: none;
bsw@418 1577 -mox-box-shadow: none;
bsw@418 1578 -webkit-box-shadow: none;
bsw@418 1579 }
bsw@325 1580
bsw@433 1581 .slot_footer {
bsw@433 1582 margin: 0 1%;
bsw@433 1583 border-top: 1px solid #ccc;
bsw@433 1584 padding: 1ex;
bsw@433 1585 font-size: 80%;
bsw@433 1586 text-align: center;
bsw@433 1587 }
bsw@433 1588 .slot_footer,
bsw@433 1589 .slot_footer a {
bsw@433 1590 color: #666;
bsw@433 1591 }
bsw@418 1592
bsw@433 1593 .footer {
bsw@433 1594 margin: 0 auto;
bsw@433 1595 max-width: 1130px;
bsw@435 1596 }

Impressum / About Us