liquid_feedback_frontend

annotate static/style.css @ 898:ae9ab3edff89

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

Impressum / About Us