liquid_feedback_frontend

annotate static/style.css @ 671:4876b432d44a

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

Impressum / About Us