liquid_feedback_frontend

annotate static/style.css @ 700:a2d907f12dd8

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

Impressum / About Us