liquid_feedback_frontend

annotate static/style.css @ 373:76d7eafb3893

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

Impressum / About Us