liquid_feedback_frontend

annotate static/style.css @ 375:89d32158bfd5

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

Impressum / About Us