liquid_feedback_frontend

annotate static/style.css @ 710:b69cf8c39106

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

Impressum / About Us