liquid_feedback_frontend

annotate static/style.css @ 650:68c2c4a4ddf7

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

Impressum / About Us