liquid_feedback_frontend

annotate static/style.css @ 769:c5bdf4e6790d

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

Impressum / About Us