liquid_feedback_frontend

annotate static/style.css @ 384:ff700bb26d60

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

Impressum / About Us