liquid_feedback_frontend

annotate static/style.css @ 569:499ff506ccc0

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

Impressum / About Us