liquid_feedback_frontend

annotate static/style.css @ 622:cc542ac26edc

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

Impressum / About Us