liquid_feedback_frontend

annotate static/style.css @ 620:496bed1b59b8

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

Impressum / About Us