liquid_feedback_frontend

annotate static/style.css @ 988:81bde33c2256

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

Impressum / About Us