liquid_feedback_frontend

annotate static/style.css @ 720:cdd0bcbbef8b

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

Impressum / About Us