liquid_feedback_frontend

annotate static/style.css @ 678:93ac2eaec600

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

Impressum / About Us