liquid_feedback_frontend

annotate static/style.css @ 633:710530f5dd45

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

Impressum / About Us