liquid_feedback_frontend

annotate static/style.css @ 378:2dae61588cee

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

Impressum / About Us