liquid_feedback_frontend

annotate static/style.css @ 381:b155ca3744c5

Rearanged delegatee icons in area list to make everything fit better
author bsw
date Mon Mar 05 11:31:27 2012 +0100 (2012-03-05)
parents 2dae61588cee
children b3e2a4088137
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@378 846 margin-bottom: 0ex;
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@378 853 float: left;
bsw@378 854 clear: both;
bsw@375 855 }
bsw@375 856
bsw@375 857 .member_area_list .unit_delegatee {
bsw@375 858 float: left;
bsw@373 859 }
bsw@373 860
bsw@378 861 .area_list {
bsw@378 862 margin-bottom: 4ex;
bsw@378 863 }
bsw@373 864 .area_list .area {
bsw@381 865 line-height: 32px;
bsw@375 866 clear: both;
bsw@373 867 }
bsw@373 868
bsw@378 869 .area_list .area.head {
bsw@378 870 line-height: 16px;
bsw@378 871 clear: none;
bsw@378 872 }
bsw@378 873
bsw@378 874 .area_list .area.head .phases {
bsw@378 875 margin-top: 2ex;
bsw@378 876 }
bsw@378 877
bsw@373 878 .area_list .area img {
bsw@373 879 vertical-align: middle;
bsw@373 880 }
bsw@373 881
bsw@373 882 .area_list .area .bar {
bsw@373 883 float: left;
bsw@373 884 padding-top: 6px
bsw@373 885 }
bsw@373 886
bsw@373 887 .area_list .area .membership,
bsw@373 888 .area_list .area .delegatee {
bsw@373 889 display: inline;
bsw@373 890 width: 24px
bsw@373 891 }
bsw@373 892
bsw@373 893 .area_list .area .name {
bsw@373 894 display: inline;
bsw@373 895 font-weight: bold;
bsw@373 896 }
bsw@373 897
bsw@373 898 .area_list .area .phases {
bsw@373 899 float: right;
bsw@373 900 }
bsw@373 901
bsw@373 902 .area_list .area .phases div {
bsw@373 903 float: left;
bsw@373 904 width: 3em;
bsw@373 905 text-align: right;
bsw@373 906 }
bsw/jbe@0 907
bsw@375 908 @media screen and (max-width: 480px) {
bsw@375 909 .area_list .area .name {
bsw@381 910 display: block;
bsw@375 911 }
bsw@381 912
bsw@381 913 .area_list .area .delegatee,
bsw@381 914 .area_list .area .membership {
bsw@381 915 float: left;
bsw@381 916 white-space: nowrap;
bsw@381 917 }
bsw@381 918 .area_list .area .bar {
bsw@375 919 display: none;
bsw@375 920 }
bsw@375 921 }
bsw@375 922
bsw/jbe@0 923 /*************************************************************************
bsw/jbe@0 924 * Issues
bsw/jbe@0 925 */
bsw/jbe@0 926
bsw@320 927 .issues {
bsw@320 928 clear: left;
bsw@320 929 }
bsw@320 930
bsw@273 931 .issues .issue {
bsw@325 932 background-color: #fcfcfc;
bsw@273 933 overflow: hidden;
bsw@273 934 margin-bottom: 2ex;
bsw@325 935 border: 1px solid #ccc;
bsw@273 936 border-radius: 8px;
bsw@273 937 }
bsw@273 938
bsw@325 939 .issues .issue.interested,
bsw@325 940 .issues .issue.interest_by_delegation {
bsw@331 941 border: 1px solid #b2cdff;
bsw@325 942 }
bsw@325 943
bsw@273 944 .issues .issue .issue_info {
bsw@373 945 padding: 1ex 1ex 0.3ex 1ex;
bsw@273 946 line-height: 140%;
bsw@331 947 margin-bottom: 1ex;
bsw@274 948 }
bsw@274 949
bsw@289 950 .issues .issue.interested .issue_info,
bsw@289 951 .issues .issue.interested_by_delegation .issue_info {
bsw@330 952 background-color: #dfeaff;
bsw@332 953 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 954 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 955 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@332 956 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
bsw@332 957 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
bsw@273 958 }
bsw@273 959
bsw@273 960 .issues .issue .issue_info .issue_id {
bsw@273 961 font-size: 125%;
bsw@273 962 }
bsw@273 963
bsw@317 964 .issue_policy_info {
bsw@286 965 font-style: italic;
bsw@286 966 }
bsw@286 967
bsw@285 968 .issues .issue .interest_by_delegation {
bsw@285 969 float: right;
bsw@285 970 }
bsw@285 971
bsw@273 972 .issues .issue .initiative_list a {
bsw@273 973 font-weight: bold;
bsw@273 974 }
bsw@273 975
bsw@373 976 .initiative {
bsw@373 977 margin-left: 1ex;
bsw@373 978 margin-bottom: 1ex;
bsw@373 979 line-height: 50%;
bsw@373 980 }
bsw@373 981
bsw@373 982 .initiative .bar {
bsw@373 983 margin-right: 0.3em;
bsw@373 984 }
bsw@373 985
bsw@373 986 .initiative .rank,
bsw@373 987 .initiative .bar,
bsw@373 988 .initiative .interest {
bsw@373 989 float: left;
bsw@373 990 margin-right: 0.3em;
bsw@373 991 }
bsw@373 992
bsw@373 993 .initiative .interest {
bsw@373 994 width: 16px;
bsw@373 995 height: 16px;
bsw@373 996 line-height: 100%;
bsw@373 997 }
bsw@373 998
bsw@373 999 .initiative .name {
bsw@373 1000 line-height: 130%;
bsw@373 1001 margin-left: 160px;
bsw@373 1002 }
bsw@373 1003
bsw@373 1004 @media screen and (max-width: 480px) {
bsw@373 1005 .initiative .name {
bsw@373 1006 clear: left;
bsw@373 1007 margin-left: 0px;
bsw@373 1008 }
bsw@373 1009 }
bsw@373 1010
bsw@373 1011
bsw@273 1012 .issue_initiative_list a {
bsw@273 1013 font-weight: bold;
bsw/jbe@0 1014 }
bsw/jbe@0 1015
bsw@274 1016 .more_initiatives_link {
bsw@331 1017 display: block;
bsw@280 1018 margin-left: 166px;
bsw@274 1019 font-style: italic;
bsw@331 1020 margin-bottom: 1ex;
bsw@274 1021 }
bsw@274 1022
bsw/jbe@0 1023 .issues tr tr {
bsw@2 1024 border: none;
bsw@273 1025 background: none;
bsw/jbe@0 1026 }
bsw/jbe@0 1027
bsw@274 1028 .initiative_link.selected {
bsw@274 1029 font-weight: bold;
bsw@274 1030 }
bsw@274 1031
bsw@312 1032 x.initiative_link.supported {
bsw@292 1033 background-color: #cdf;
bsw@289 1034 border-radius: 5px;
bsw@289 1035 }
bsw@289 1036
bsw@312 1037 x.initiative_link.potentially_supported {
bsw@292 1038 background-color: #cdf;
bsw@274 1039 border-radius: 5px;
bsw@274 1040 }
bsw@274 1041
bsw/jbe@0 1042 .lang_chooser {
bsw/jbe@0 1043 float: right;
bsw/jbe@0 1044 margin-right: 0.5em;
bsw/jbe@0 1045 }
bsw@2 1046
bsw@2 1047 .delegation_list_entry {
bsw@2 1048 margin-right: 2em;
bsw@2 1049 margin-bottom: 2ex;
bsw@2 1050 float: left;
bsw@2 1051 clear: left;
bsw@2 1052 }
bsw@2 1053
bsw@2 1054 .delegation_list_entry .delegation_arrow {
bsw@2 1055 float: left;
bsw@2 1056 }
bsw@2 1057
bsw@2 1058 .delegation_list_entry .delegation_scope {
bsw@2 1059 float: left;
bsw@2 1060 width: 25em;
bsw@2 1061 }
bsw@2 1062
bsw@2 1063 .delegation_list_entry .delegation_scope a {
bsw@2 1064 display: block;
bsw@2 1065 }
bsw@2 1066
bsw@2 1067 .member_list .member_thumb {
bsw@2 1068 float: left;
bsw@2 1069 margin-right: 1em;
bsw@2 1070 margin-bottom: 2ex;
bsw@2 1071 }
bsw@2 1072
bsw@2 1073 .member_thumb {
bsw@2 1074 text-decoration: none;
bsw@32 1075 width: 14.5em;
bsw/jbe@4 1076 height: 48px;
bsw@2 1077 display: block;
bsw@2 1078 float: left;
bsw@317 1079 background-color: #f2f2f2;
bsw/jbe@4 1080 overflow: hidden;
bsw/jbe@4 1081 position: relative;
bsw@273 1082 border-radius: 7px;
bsw@280 1083 padding: 2px;
bsw/jbe@4 1084 }
bsw/jbe@4 1085
bsw@280 1086 .xmember_thumb a {
bsw/jbe@4 1087 position: absolute;
bsw/jbe@4 1088 top: 0;
bsw/jbe@4 1089 left: 0;
bsw/jbe@4 1090 padding: 0;
bsw/jbe@4 1091 margin: 0;
bsw@2 1092 }
bsw@2 1093
bsw@3 1094 .member_thumb a:hover div {
bsw@3 1095 background-color: #444;
bsw@3 1096 color: #fff;
bsw@3 1097 }
bsw@3 1098
bsw@2 1099 .member_thumb img {
bsw/jbe@4 1100 padding: 0;
bsw/jbe@4 1101 margin: 0;
bsw@2 1102 vertical-align: bottom;
bsw@280 1103 border-radius: 7px;
bsw@2 1104 }
bsw@2 1105
bsw@3 1106 .member_thumb .member_name {
bsw/jbe@4 1107 position: absolute;
bsw@280 1108 left: 56px;
bsw/jbe@4 1109 top: 2ex;
bsw/jbe@4 1110 font-size: 100%;
bsw/jbe@4 1111 width: 14em;
bsw@2 1112 }
bsw@2 1113
bsw@3 1114 .member_thumb .flags {
bsw/jbe@19 1115 text-align: right;
bsw@3 1116 font-size: 75%;
bsw@3 1117 }
bsw@3 1118
bsw/jbe@19 1119 .member_thumb .flags a,
bsw/jbe@19 1120 .member_thumb .flags img {
bsw/jbe@4 1121 position: static;
bsw/jbe@4 1122 float: right;
bsw/jbe@19 1123 margin-left: 0.5em;
bsw/jbe@4 1124 }
bsw/jbe@4 1125
bsw@177 1126 .member_thumb .flags .in_delegation_chain {
bsw@177 1127 font-weight: bold;
bsw@177 1128 }
bsw@177 1129
bsw/jbe@4 1130 .member .right {
bsw/jbe@4 1131 float: right;
bsw/jbe@4 1132 }
bsw/jbe@4 1133
bsw/jbe@19 1134 .member_thumb.not_accepted,
bsw/jbe@19 1135 .member_thumb.not_informed {
bsw@294 1136 background: #fff;
bsw@294 1137 }
bsw@294 1138
bsw@294 1139 .member_thumb.not_accepted .member_image,
bsw@294 1140 .member_thumb.not_accepted .member_name,
bsw@294 1141 .member_thumb.not_informed .member_image,
bsw@294 1142 .member_thumb.not_informed .member_name {
bsw@294 1143 opacity: 0.4;
bsw@10 1144 }
bsw@10 1145
bsw@177 1146 .member_thumb.in_delegation_chain {
bsw@280 1147 background-color: #cdf;
bsw@177 1148 }
bsw@177 1149
bsw/jbe@19 1150 .member_statement,
bsw/jbe@4 1151 .draft_content,
bsw/jbe@19 1152 .suggestion_content {
bsw@317 1153 background-color: #f2f2f2;
bsw@272 1154 padding: 1ex;
bsw@272 1155 border-radius: 8px;
bsw@2 1156 }
bsw@2 1157
bsw@286 1158 .member_statement {
bsw@286 1159 margin-right: 250px;
bsw@286 1160 }
poelzi@141 1161
poelzi@141 1162 #suggestion_description {
bsw@181 1163 height: 15ex;
poelzi@141 1164 }
poelzi@141 1165
bsw@2 1166 .diff {
bsw@317 1167 background-color: #f2f2f2;
bsw@2 1168 border: 1px solid #ccc;
bsw@2 1169 padding: 1ex;
bsw@2 1170 }
bsw@2 1171
bsw@95 1172 .diff_added {
bsw@2 1173 background-color: #cfc;
bsw@95 1174 text-decoration: underline;
bsw@2 1175 }
bsw@2 1176
bsw@95 1177 .diff_removed {
bsw@2 1178 background-color: #fcc;
bsw@95 1179 text-decoration: line-through;
bsw@2 1180 }
bsw@2 1181
bsw@2 1182 .slot_issue_info {
bsw@317 1183 background-color: #f2f2f2;
bsw@2 1184 border: 1px solid #ccc;
bsw@2 1185 float: right;
bsw@2 1186 padding: 0.5ex;
bsw@2 1187 line-height: 130%;
bsw@2 1188 margin-right: 1em;
bsw@2 1189 }
bsw@2 1190
bsw@2 1191 .issue_info label {
bsw@2 1192 float: left;
bsw@2 1193 width: 8em;
bsw@2 1194 text-transform: uppercase;
bsw@2 1195 font-size: 70%;
bsw@2 1196 color: #777;
bsw@2 1197 font-weight: bold;
bsw@2 1198 clear: left;
bsw@2 1199 text-align: right;
bsw@2 1200 margin-right: 0.7em;
bsw@2 1201 }
bsw@2 1202
bsw/jbe@19 1203 .admitted_info {
bsw/jbe@19 1204 background-color: #dfd;
bsw/jbe@19 1205 padding: 1ex;
bsw/jbe@19 1206 margin-bottom: 2ex;
bsw@286 1207 border-radius: 8px;
bsw/jbe@19 1208 }
bsw/jbe@19 1209
bsw/jbe@19 1210 .not_admitted_info,
bsw/jbe@19 1211 .revoked_info {
bsw/jbe@19 1212 background-color: #fdd;
bsw/jbe@19 1213 padding: 1ex;
bsw/jbe@19 1214 margin-bottom: 2ex;
bsw@312 1215 border-radius: 8px;
bsw/jbe@19 1216 }
bsw/jbe@19 1217
bsw/jbe@6 1218 .draft_updated_info,
bsw@10 1219 .voting_active_info,
bsw@11 1220 .initiator_invite_info,
bsw@60 1221 .motd,
bsw@60 1222 .public_access_issue_head {
bsw/jbe@6 1223 background-color: #fec;
bsw@2 1224 padding: 1ex;
bsw@280 1225 margin-top: 2ex;
bsw/jbe@19 1226 margin-bottom: 2ex;
bsw@273 1227 border-radius: 8px;
bsw@3 1228 }
bsw@3 1229
bsw/jbe@4 1230 .suggestion_fulfilled {
bsw/jbe@4 1231 width: 15em;
bsw/jbe@4 1232 }
bsw/jbe@4 1233 .suggestion_fulfilled a.action {
bsw/jbe@4 1234 padding-left: 0;
bsw/jbe@4 1235 line-height: 120%;
bsw/jbe@4 1236 }
bsw/jbe@4 1237
bsw/jbe@6 1238 .help,
bsw/jbe@6 1239 .use_terms {
bsw@301 1240 border-radius: 8px;
bsw@330 1241 border: 1px solid #ffe900;
bsw@317 1242 background-color: #fffbce;
bsw/jbe@4 1243 color: #000;
bsw/jbe@4 1244 padding: 1ex;
bsw/jbe@4 1245 }
bsw/jbe@4 1246
bsw/jbe@4 1247 .help_visible {
bsw@329 1248 margin-top: 2ex;
bsw/jbe@4 1249 margin-bottom: 1ex;
bsw/jbe@4 1250 }
bsw/jbe@4 1251
bsw/jbe@4 1252 .help_visible .help_icon {
bsw/jbe@4 1253 float: right;
bsw/jbe@4 1254 }
bsw/jbe@4 1255
bsw/jbe@4 1256 .slot_help_hidden {
bsw/jbe@4 1257 float: right;
bsw/jbe@4 1258 margin-right: 1em;
bsw@277 1259 margin-top: 1ex;
bsw/jbe@4 1260 }
bsw/jbe@4 1261
bsw/jbe@4 1262 .help_actions {
bsw/jbe@4 1263 font-size: 75%;
bsw/jbe@4 1264 float: right;
bsw/jbe@4 1265 }
bsw/jbe@4 1266
bsw/jbe@4 1267 .help_actions a {
bsw/jbe@4 1268 margin-right: 1em;
bsw/jbe@4 1269 color: #468;
bsw/jbe@4 1270 }
bsw/jbe@4 1271
bsw/jbe@4 1272 .wiki {
bsw@329 1273 line-height: 133%;
bsw/jbe@4 1274 }
bsw/jbe@4 1275
bsw/jbe@4 1276 .wiki h1,
bsw/jbe@4 1277 .wiki h2,
bsw/jbe@4 1278 .wiki h3,
bsw/jbe@4 1279 .wiki h4 {
bsw/jbe@4 1280 margin-top: 1ex;
bsw/jbe@4 1281 margin-bottom: 1ex;
bsw/jbe@4 1282 }
bsw/jbe@4 1283
bsw/jbe@4 1284 .wiki h1 {
bsw/jbe@4 1285 font-size: 150%;
bsw@329 1286 font-weight: bold;
bsw/jbe@4 1287 }
bsw/jbe@4 1288
bsw/jbe@4 1289 .wiki h2 {
bsw/jbe@4 1290 font-size: 125%;
bsw@329 1291 font-weight: bold;
bsw@329 1292 }
bsw@329 1293
bsw@329 1294 .wiki h3 {
bsw@329 1295 font-size: 125%;
bsw@329 1296 }
bsw@329 1297
bsw@329 1298 .wiki h4 {
bsw@329 1299 font-size: 100%;
bsw@329 1300 font-weight: bold;
bsw/jbe@4 1301 }
bsw/jbe@4 1302
bsw/jbe@4 1303 .wiki p {
bsw/jbe@4 1304 margin-top: 1ex;
bsw/jbe@4 1305 margin-bottom: 1ex;
bsw/jbe@4 1306 }
bsw/jbe@4 1307
bsw/jbe@4 1308 form .warning {
bsw/jbe@4 1309 background-color: #ffd;
bsw/jbe@4 1310 color: #000;
bsw/jbe@4 1311 border: 1px solid #dda;
bsw/jbe@4 1312 margin: 1ex;
bsw/jbe@4 1313 margin-bottom: 2ex;
bsw/jbe@4 1314 padding: 1ex;
bsw/jbe@4 1315 }
bsw/jbe@5 1316
bsw@9 1317 a.not_voted {
bsw@9 1318 display: block;
bsw@9 1319 background-color: #fec;
bsw@9 1320 color: #000;
bsw@9 1321 }
bsw/jbe@5 1322
bsw@11 1323 .action_active {
bsw@11 1324 background-color: #fec;
bsw@11 1325 }
bsw@11 1326
bsw/jbe@19 1327 .heading {
bsw@274 1328 display: block;
bsw/jbe@19 1329 font-size: 120%;
bsw/jbe@19 1330 font-weight: bold;
bsw/jbe@19 1331 }
bsw/jbe@19 1332
bsw/jbe@19 1333 .heading.first {
bsw/jbe@19 1334 margin-top: 0;
bsw/jbe@19 1335 }
bsw/jbe@19 1336
bsw@75 1337 .menu_list li {
bsw@75 1338 padding-top: 1ex;
bsw@75 1339 padding-bottom: 1ex;
bsw@75 1340 }
bsw@75 1341
bsw@75 1342 .deactivated_member_info {
bsw@75 1343 background-color: #a00;
bsw@75 1344 color: #fff;
bsw@75 1345 }
bsw@75 1346
bsw/jbe@5 1347 /*************************************************************************
bsw/jbe@5 1348 * Voting
bsw/jbe@5 1349 */
bsw/jbe@5 1350
bsw@286 1351 #voting_form {
bsw@286 1352 margin-top: 20px;
bsw@286 1353 }
bsw@286 1354
bsw/jbe@5 1355 #voting {
bsw/jbe@5 1356 position: relative;
bsw/jbe@5 1357 }
bsw@286 1358
bsw/jbe@5 1359 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1360 border: 2px black solid;
bsw@286 1361 margin-top: 2ex;
bsw/jbe@5 1362 margin-bottom: 5ex;
bsw/jbe@5 1363 padding: 1ex;
bsw/jbe@5 1364 padding-bottom: 2ex;
bsw@286 1365 border-radius: 8px;
bsw/jbe@5 1366 }
bsw/jbe@5 1367 #voting .approval {
bsw/jbe@5 1368 background-color: #9f9;
bsw/jbe@5 1369 }
bsw/jbe@5 1370 #voting .approval .movable {
bsw/jbe@5 1371 background-color: #dfd;
bsw/jbe@5 1372 }
bsw/jbe@5 1373 #voting .abstention {
bsw/jbe@5 1374 background-color: #ccc;
bsw/jbe@5 1375 }
bsw/jbe@5 1376 #voting .abstention .movable {
bsw@317 1377 background-color: #f2f2f2;
bsw/jbe@5 1378 }
bsw/jbe@5 1379 #voting .disapproval {
bsw/jbe@5 1380 background-color: #f88;
bsw/jbe@5 1381 }
bsw/jbe@5 1382 #voting .disapproval .movable {
bsw/jbe@5 1383 background-color: #fbb;
bsw/jbe@5 1384 }
bsw/jbe@5 1385 #voting .cathead {
bsw/jbe@5 1386 font-weight: bold;
bsw/jbe@5 1387 }
bsw/jbe@5 1388 #voting .movable {
bsw/jbe@5 1389 position: relative;
bsw/jbe@5 1390 border: 1px black solid;
bsw@286 1391 margin-top: 1ex;
bsw/jbe@5 1392 padding: 0.5ex;
bsw@286 1393 border-radius: 8px;
bsw/jbe@19 1394 }
bsw/jbe@19 1395 #voting .voting_form_active .movable {
bsw/jbe@5 1396 cursor: pointer;
bsw/jbe@5 1397 }
bsw/jbe@19 1398 #voting .voting_form_active .clickable {
bsw/jbe@5 1399 cursor: auto;
bsw/jbe@5 1400 }
bsw/jbe@19 1401 #voting .voting_form_active a.clickable {
bsw/jbe@5 1402 cursor: pointer;
bsw/jbe@5 1403 }
bsw/jbe@6 1404
bsw/jbe@6 1405 #voting .grabber {
bsw/jbe@6 1406 vertical-align: middle;
bsw/jbe@6 1407 cursor: move;
bsw/jbe@19 1408 }
bsw/jbe@19 1409
poelzi@145 1410 /*************************************************************************
poelzi@145 1411 * timeline
poelzi@145 1412 */
poelzi@145 1413 div.ignore_area_list {
poelzi@145 1414 float: left;
poelzi@145 1415 width: 90%;
poelzi@169 1416 margin: 0 0 1em 0;
poelzi@145 1417 }
bsw/jbe@19 1418
poelzi@145 1419 div.ignore_area_list >
poelzi@145 1420 label.ui_field_label {
poelzi@145 1421 text-align: left ;
poelzi@145 1422 width: 100%;
poelzi@145 1423 border-bottom:1px solid #000000;
poelzi@145 1424 color: #000000;
poelzi@145 1425 font-size:75%;
poelzi@145 1426 font-weight:bold;
poelzi@145 1427 vertical-align:bottom;
poelzi@145 1428 text-transform:none;
poelzi@145 1429 padding:0.5ex 0.5em
poelzi@145 1430 }
poelzi@145 1431
poelzi@145 1432 div.ignore_area_item {
poelzi@145 1433 clear: none;
poelzi@145 1434 float: left;
poelzi@169 1435 min-width: 10em;
poelzi@145 1436 margin: 0.1ex 0.5em;
poelzi@169 1437 margin-right: 0.5em;
poelzi@145 1438 }
poelzi@145 1439
poelzi@145 1440 div.ignore_area_item > input {
poelzi@145 1441 float: none;
poelzi@145 1442 clear: none;
poelzi@145 1443 display: inline;
poelzi@145 1444 }
poelzi@145 1445
poelzi@145 1446 div.ignore_area_item >
poelzi@145 1447 label.ui_field_label {
poelzi@145 1448 float: none;
poelzi@145 1449 clear: none;
poelzi@145 1450 text-align: left;
poelzi@145 1451 display: inline;
poelzi@145 1452 }
poelzi@145 1453
poelzi@145 1454 div.timeline_results {
poelzi@145 1455 clear: both;
poelzi@145 1456 }
bsw@325 1457
bsw@325 1458 /* shadows */
bsw@325 1459
bsw@325 1460 .slot_initiatives_list,
bsw@325 1461 .actions,
bsw@325 1462 .issues .issue,
bsw@325 1463 .ui_tabs_links a,
bsw@325 1464 .draft_content,
bsw@325 1465 .help,
bsw@325 1466 .use_terms,
bsw@325 1467 .motd,
bsw@341 1468 .ui_filter a.active,
bsw@341 1469 .vote_info .content {
bsw@325 1470 box-shadow: #777 0px 5px 5px -5px;
bsw@325 1471 -mox-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1472 -webkit-box-shadow: #777 0px 5px 5px -5px;
bsw@325 1473 }
bsw@325 1474
bsw@325 1475

Impressum / About Us