liquid_feedback_frontend

annotate static/style.css @ 674:117a505fbe64

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

Impressum / About Us