liquid_feedback_frontend

annotate static/style.css @ 686:b13ce07e4afb

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

Impressum / About Us