liquid_feedback_frontend

annotate static/style.css @ 644:7b2d7c0990b7

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

Impressum / About Us