liquid_feedback_frontend

annotate static/style.css @ 640:6dc5dc41ada5

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

Impressum / About Us