liquid_feedback_frontend

annotate static/style.css @ 705:c2713a30dd8b

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

Impressum / About Us