liquid_feedback_frontend

annotate static/style.css @ 681:a23956f4231e

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

Impressum / About Us