liquid_feedback_frontend

annotate static/style.css @ 682:8956ad4474b2

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

Impressum / About Us