liquid_feedback_frontend

annotate static/style.css @ 5:afd9f769c7ae

find changesets by author, revision, files, or words in the commit message
Version beta1

Final voting with Schulze-Method is now possible

Many bug fixes and code cleanup

Registration with invite codes

More sort and filter options

Seperated display of "supporters" and "potential supporters"

Optical changes

Flood limit / initiative contigent is now checked by frontend

Neccessary changes to access core beta11
author bsw/jbe
date Fri Dec 25 12:00:00 2009 +0100 (2009-12-25)
parents 80c215dbf076
children 8d91bccab0bf
rev   line source
bsw/jbe@0 1 /*************************************************************************
bsw/jbe@0 2 * Some global definitions
bsw/jbe@0 3 */
bsw/jbe@0 4
bsw/jbe@0 5 body, th, td {
bsw/jbe@0 6 font-family: sans-serif;
bsw/jbe@0 7 font-size: 14px;
bsw/jbe@0 8 padding: 0;
bsw/jbe@0 9 margin: 0;
bsw/jbe@0 10 }
bsw/jbe@0 11
bsw/jbe@0 12 body, a {
bsw/jbe@0 13 color: #000;
bsw/jbe@0 14 }
bsw/jbe@0 15
bsw/jbe@0 16 img {
bsw/jbe@0 17 border: none;
bsw/jbe@0 18 }
bsw/jbe@0 19
bsw/jbe@0 20 table {
bsw/jbe@0 21 border-collapse: collapse;
bsw/jbe@0 22 border: none;
bsw/jbe@0 23 }
bsw/jbe@0 24
bsw/jbe@0 25 td, th {
bsw@2 26 padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw@2 27 }
bsw@2 28
bsw@2 29 td {
bsw/jbe@0 30 vertical-align: top;
bsw@2 31 }
bsw@2 32
bsw@2 33 th {
bsw@2 34 vertical-align: bottom;
bsw@2 35 font-size: 75%;
bsw@2 36 font-weight: bold;
bsw/jbe@0 37 }
bsw/jbe@0 38
bsw/jbe@0 39 a.active {
bsw/jbe@0 40 color: #fff;
bsw/jbe@0 41 }
bsw/jbe@0 42
bsw/jbe@0 43 .highlighted {
bsw/jbe@0 44 background-color: #fa7;
bsw/jbe@0 45 color: #000;
bsw/jbe@0 46 }
bsw/jbe@0 47
bsw/jbe@0 48 .admin_only {
bsw/jbe@0 49 font-style: italic;
bsw/jbe@0 50 }
bsw/jbe@0 51
bsw@2 52 a {
bsw@2 53 vertical-align: middle;
bsw@2 54 }
bsw@2 55
bsw/jbe@0 56 /*************************************************************************
bsw/jbe@0 57 * Notices, warnings and errors
bsw/jbe@0 58 */
bsw/jbe@0 59
bsw/jbe@0 60 .layout_notice, .layout_error, .layout_warning {
bsw/jbe@0 61 background: #fff;
bsw/jbe@0 62 font-weight: bold;
bsw/jbe@0 63 line-height: 1.7em;
bsw/jbe@0 64 -moz-opacity:0.7;
bsw/jbe@0 65 }
bsw/jbe@0 66
bsw/jbe@0 67 .slot_notice, .slot_warning, .slot_error {
bsw/jbe@4 68 padding-left: 1em;
bsw/jbe@0 69 }
bsw/jbe@0 70
bsw/jbe@0 71 .slot_notice {
bsw/jbe@4 72 background-color: #cfc;
bsw/jbe@4 73 color: #040;
bsw/jbe@0 74 }
bsw/jbe@0 75
bsw/jbe@0 76 .slot_warning {
bsw/jbe@4 77 background-color: #fec;
bsw/jbe@4 78 color: #420;
bsw/jbe@0 79 }
bsw/jbe@0 80
bsw/jbe@0 81 .slot_error {
bsw/jbe@4 82 background-color: #fcc;
bsw/jbe@4 83 color: #400;
bsw/jbe@0 84 }
bsw/jbe@0 85
bsw/jbe@0 86 /*************************************************************************
bsw/jbe@0 87 * Navigation, search and language chooser bar
bsw/jbe@0 88 */
bsw/jbe@0 89
bsw/jbe@0 90 .topbar {
bsw/jbe@0 91 background-color: #444;
bsw/jbe@0 92 color: #fff;
bsw/jbe@0 93 font-size: 75%;
bsw/jbe@0 94 }
bsw/jbe@0 95
bsw/jbe@0 96 .topbar a {
bsw/jbe@5 97 background-color: #444;
bsw/jbe@0 98 color: #fff;
bsw/jbe@0 99 }
bsw/jbe@0 100
bsw/jbe@0 101 .topbar a:hover {
bsw/jbe@0 102 background-color: #fff;
bsw/jbe@0 103 color: #000;
bsw/jbe@0 104 }
bsw/jbe@0 105
bsw/jbe@0 106 .navigation,
bsw/jbe@0 107 .logout_button {
bsw/jbe@0 108 line-height: 250%;
bsw/jbe@0 109 }
bsw/jbe@0 110
bsw/jbe@0 111 .navigation img,
bsw/jbe@0 112 .logout_button img {
bsw/jbe@0 113 margin-right: 0.5em;
bsw/jbe@0 114 vertical-align: middle;
bsw/jbe@0 115 }
bsw/jbe@0 116
bsw/jbe@0 117 .navigation a,
bsw/jbe@0 118 .logout_button a {
bsw/jbe@0 119 padding: 1ex;
bsw/jbe@0 120 }
bsw/jbe@0 121
bsw/jbe@0 122 .logout_button {
bsw/jbe@0 123 float: right;
bsw/jbe@0 124 }
bsw/jbe@0 125
bsw/jbe@0 126 .searchbox {
bsw/jbe@0 127 padding: 0.5ex 1em 0ex 1em;
bsw/jbe@0 128 float: right;
bsw/jbe@0 129 line-height: 250%;
bsw/jbe@0 130 }
bsw/jbe@0 131
bsw/jbe@0 132 .searchbox div {
bsw/jbe@0 133 display: inline;
bsw/jbe@0 134 }
bsw/jbe@0 135
bsw/jbe@0 136 .searchbox select {
bsw/jbe@0 137 margin-left: 0.3em;
bsw/jbe@0 138 margin-right: 0.4em;
bsw/jbe@0 139 font-size: 100%;
bsw/jbe@0 140 width: 8em;
bsw/jbe@0 141 }
bsw/jbe@0 142
bsw/jbe@0 143 .searchbox input[type=text] {
bsw/jbe@0 144 width: 8em;
bsw/jbe@0 145 padding: 0.25ex 0.25em 0.25ex 0.25em;
bsw/jbe@0 146 margin-right: 0.5em;
bsw/jbe@0 147 font-size: 100%;
bsw/jbe@0 148 }
bsw/jbe@0 149
bsw/jbe@0 150 .searchbox input[type=submit] {
bsw/jbe@0 151 font-size: 100%;
bsw/jbe@0 152 width: 2.5em;
bsw/jbe@0 153 }
bsw/jbe@0 154
bsw/jbe@0 155 /*************************************************************************
bsw/jbe@0 156 * Title of current page including path and actions
bsw/jbe@0 157 */
bsw/jbe@0 158
bsw/jbe@0 159 .title_bar {
bsw/jbe@4 160 border-bottom: 1px solid #777;
bsw/jbe@0 161 margin-bottom: 2ex;
bsw/jbe@4 162 padding-top: 1ex;
bsw/jbe@4 163 padding-bottom: 0.5ex;
bsw/jbe@4 164 }
bsw/jbe@4 165
bsw/jbe@4 166 .title_bar_content {
bsw/jbe@4 167 margin-left: 1em;
bsw/jbe@0 168 }
bsw/jbe@0 169
bsw/jbe@0 170 .path {
bsw/jbe@0 171 color: #444;
bsw/jbe@0 172 }
bsw/jbe@0 173
bsw/jbe@0 174 .path div {
bsw/jbe@0 175 font-size: 100%;
bsw/jbe@0 176 line-height: 180%;
bsw/jbe@0 177 }
bsw/jbe@0 178
bsw/jbe@0 179 .path a {
bsw/jbe@0 180 color: #444;
bsw/jbe@0 181 }
bsw/jbe@0 182
bsw/jbe@0 183 .slot_path div {
bsw/jbe@0 184 display: inline;
bsw/jbe@0 185 margin-left: 1em;
bsw/jbe@0 186 margin-right: 1em;
bsw/jbe@0 187 }
bsw/jbe@0 188
bsw/jbe@0 189 .title {
bsw/jbe@0 190 color: #000;
bsw/jbe@0 191 margin-bottom: 0.5ex;
bsw/jbe@0 192 }
bsw/jbe@0 193
bsw/jbe@0 194 .slot_title {
bsw/jbe@0 195 }
bsw/jbe@0 196
bsw/jbe@0 197 .title div {
bsw/jbe@0 198 font-weight: bold;
bsw/jbe@0 199 font-size: 135%;
bsw/jbe@0 200 line-height: 110%;
bsw/jbe@0 201 }
bsw/jbe@0 202
bsw/jbe@0 203 .title a {
bsw/jbe@5 204 color: #000;
bsw/jbe@0 205 }
bsw/jbe@0 206
bsw/jbe@4 207 .member_image_avatar {
bsw/jbe@0 208 float: left;
bsw/jbe@0 209 margin-right: 0.5em;
bsw/jbe@0 210 }
bsw/jbe@0 211
bsw/jbe@0 212 .actions {
bsw/jbe@0 213 font-size: 75%;
bsw/jbe@4 214 line-height: 220%;
bsw/jbe@0 215 }
bsw/jbe@0 216
bsw/jbe@0 217 .slot_actions {
bsw/jbe@0 218 display: inline;
bsw/jbe@0 219 }
bsw/jbe@0 220
bsw/jbe@0 221 .actions a {
bsw/jbe@4 222 float: left;
bsw/jbe@4 223 display: block;
bsw/jbe@5 224 padding: 1px 0.5em 1px 0.0em;
bsw/jbe@0 225 margin-right: 1em;
bsw/jbe@0 226 vertical-align: middle;
bsw/jbe@0 227 }
bsw/jbe@0 228
bsw/jbe@0 229 .actions a:hover {
bsw/jbe@0 230 background-color: #d7d7d7;
bsw/jbe@0 231 }
bsw/jbe@0 232
bsw/jbe@0 233 .actions img {
bsw/jbe@0 234 padding-left: 0.2em;
bsw/jbe@0 235 padding-right: 0.2em;
bsw/jbe@4 236 vertical-align: middle;
bsw/jbe@4 237 }
bsw/jbe@4 238
bsw/jbe@4 239 .logo {
bsw/jbe@4 240 float: right;
bsw/jbe@4 241 margin-right: 1em;
bsw/jbe@0 242 }
bsw/jbe@0 243
bsw/jbe@0 244 /*************************************************************************
bsw@2 245 * vote info / delegation
bsw@2 246 */
bsw@2 247
bsw/jbe@4 248 .interest,
bsw@2 249 .slot_support,
bsw/jbe@4 250 .delegation {
bsw@2 251 float: left;
bsw/jbe@4 252 position: relative;
bsw/jbe@4 253 }
bsw/jbe@4 254
bsw/jbe@4 255 .interest img,
bsw/jbe@4 256 .slot_support img,
bsw/jbe@4 257 .delegation img {
bsw/jbe@4 258 padding-left: 0.2em;
bsw/jbe@4 259 padding-right: 0.2em;
bsw/jbe@4 260 }
bsw/jbe@4 261 .vote_info .head {
bsw/jbe@4 262 float: left;
bsw@2 263 margin-right: 1em;
bsw@2 264 }
bsw@2 265
bsw/jbe@5 266 .interest .head_active,
bsw/jbe@5 267 .slot_support .head_potential_supporter {
bsw/jbe@5 268 background-color: #fec;
bsw/jbe@5 269 border: 1px solid #b96;
bsw/jbe@4 270 }
bsw/jbe@4 271
bsw/jbe@5 272 .slot_support .head_supporter {
bsw/jbe@5 273 background-color: #dfc;
bsw/jbe@4 274 border: 1px solid #8b8;
bsw/jbe@4 275 }
bsw/jbe@4 276
bsw/jbe@4 277 .delegation .head_active {
bsw/jbe@5 278 background-color: #ddf;
bsw/jbe@5 279 border: 1px solid #88b;
bsw@2 280 }
bsw@2 281
bsw@2 282 .vote_info .close {
bsw/jbe@4 283 position: absolute;
bsw/jbe@4 284 top: 0;
bsw/jbe@4 285 right: 0;
bsw@2 286 padding: 1ex;
bsw/jbe@4 287 display: block;
bsw@2 288 }
bsw@2 289
bsw@2 290 .vote_info .content {
bsw/jbe@4 291 font-size: 133%;
bsw/jbe@4 292 line-height: 100%;
bsw/jbe@4 293 top: 3ex;
bsw@2 294 display: none;
bsw@2 295 position: absolute;
bsw@2 296 z-index: 10;
bsw@2 297 background-color: #fff;
bsw/jbe@4 298 border: 1px solid #999;
bsw@2 299 padding: 1em;
bsw/jbe@4 300 width: 25em;
bsw@2 301 }
bsw@2 302
bsw@2 303 .vote_info .delegation_arrow {
bsw@2 304 margin-top: 1ex;
bsw@2 305 margin-bottom: 1ex;
bsw@2 306 vertical-align: middle;
bsw@2 307 }
bsw@2 308
bsw/jbe@4 309 .vote_info .delegation_arrow_overridden {
bsw/jbe@4 310 opacity: 0.4;
bsw/jbe@4 311 }
bsw/jbe@4 312
bsw/jbe@4 313 .vote_info .delegation_scope_overridden {
bsw/jbe@4 314 color: #777;
bsw/jbe@4 315 }
bsw/jbe@4 316
bsw@2 317 .vote_info .delegation_scope {
bsw@2 318 display: inline;
bsw@2 319 }
bsw@2 320
bsw@2 321 .vote_info .delegation_info {
bsw@2 322 }
bsw@2 323
bsw@2 324 .vote_info .member_thumb {
bsw@2 325 clear: left;
bsw@2 326 }
bsw@2 327
bsw/jbe@4 328 .delegation_overridden .member_thumb {
bsw/jbe@4 329 opacity: 0.4;
bsw/jbe@4 330 }
bsw/jbe@4 331
bsw@2 332 .delegation .revoke {
bsw@2 333 margin: 0.5ex;
bsw/jbe@4 334 float: right;
bsw@2 335 }
bsw@2 336
bsw@2 337 .delegation .revoke img {
bsw@2 338 vertical-align: middle;
bsw@2 339 }
bsw@2 340
bsw/jbe@4 341
bsw/jbe@4 342 .sub_title div {
bsw/jbe@4 343 border-top: 1px solid #444;
bsw/jbe@4 344 padding-top: 1ex;
bsw/jbe@4 345 margin-top: 1ex;
bsw/jbe@4 346 font-weight: bold;
bsw/jbe@4 347 font-size: 135%;
bsw/jbe@4 348 line-height: 110%;
bsw/jbe@4 349 }
bsw/jbe@4 350
bsw@2 351 /*************************************************************************
bsw/jbe@0 352 * Main content
bsw/jbe@0 353 */
bsw/jbe@0 354
bsw/jbe@0 355 .main {
bsw/jbe@0 356 margin-left: 1em;
bsw/jbe@0 357 margin-right: 1em;
bsw/jbe@0 358 }
bsw/jbe@0 359
bsw/jbe@0 360
bsw/jbe@0 361 /*************************************************************************
bsw/jbe@0 362 * ui.tab
bsw/jbe@0 363 */
bsw/jbe@0 364
bsw/jbe@0 365 .ui_tabs_links {
bsw/jbe@0 366 margin-top: 4ex;
bsw/jbe@0 367 font-size: 75%;
bsw/jbe@0 368 }
bsw/jbe@0 369
bsw/jbe@0 370 .ui_tabs_links a {
bsw/jbe@0 371 padding: 1ex;
bsw/jbe@4 372 line-height: 200%;
bsw/jbe@0 373 background-color: #e7e7e7;
bsw/jbe@4 374 white-space: nowrap;
bsw/jbe@0 375 }
bsw/jbe@0 376
bsw/jbe@0 377 .ui_tabs_links a:hover {
bsw/jbe@0 378 background-color: #d7d7d7;
bsw/jbe@0 379 }
bsw/jbe@0 380
bsw/jbe@0 381 .ui_tabs_links a.selected {
bsw/jbe@0 382 background-color: #444;
bsw/jbe@0 383 color: #fff;
bsw/jbe@0 384 text-decoration: none;
bsw/jbe@0 385 padding: 1ex;
bsw/jbe@0 386 }
bsw/jbe@0 387
bsw/jbe@0 388 .ui_tabs_content {
bsw/jbe@0 389 border: 1px solid #444;
bsw/jbe@0 390 padding: 1ex 1ex 1ex 1ex;
bsw/jbe@0 391 }
bsw/jbe@0 392
bsw/jbe@0 393 /*************************************************************************
bsw/jbe@5 394 * ui.filter
bsw/jbe@0 395 * ui.order
bsw/jbe@0 396 */
bsw/jbe@0 397
bsw/jbe@5 398 .ui_filter_head,
bsw/jbe@5 399 .ui_order_head {
bsw@2 400 color: #777;
bsw/jbe@5 401 margin-top: 1ex;
bsw/jbe@5 402 margin-bottom: 1.5ex;
bsw@2 403 font-size: 75%;
bsw@2 404 }
bsw@2 405
bsw/jbe@5 406 .ui_filter_head a,
bsw/jbe@0 407 .ui_order_head a {
bsw/jbe@0 408 color: #777;
bsw/jbe@0 409 padding: 0.5ex;
bsw/jbe@0 410 }
bsw/jbe@0 411
bsw/jbe@5 412 .ui_filter_head a.active,
bsw/jbe@5 413 .ui_order_head a.active {
bsw/jbe@0 414 color: #fff;
bsw/jbe@0 415 background-color: #777;
bsw/jbe@0 416 padding: 0.5ex;
bsw/jbe@0 417 }
bsw/jbe@0 418
bsw/jbe@0 419 /*************************************************************************
bsw/jbe@0 420 * ui.paginate
bsw/jbe@0 421 */
bsw/jbe@0 422
bsw/jbe@0 423 .ui_paginate_select a {
bsw/jbe@0 424 padding: 0.5ex;
bsw/jbe@0 425 }
bsw/jbe@0 426
bsw/jbe@0 427 /*************************************************************************
bsw/jbe@0 428 * ui.bargraph
bsw/jbe@0 429 */
bsw/jbe@0 430
bsw/jbe@0 431 .bargraph {
bsw@2 432 width: 101px;
bsw/jbe@0 433 }
bsw/jbe@0 434
bsw/jbe@0 435 .bargraph div {
bsw/jbe@0 436 float: left;
bsw/jbe@0 437 margin-top: 0.5ex;
bsw@2 438 height: 1.3ex;
bsw/jbe@0 439 }
bsw/jbe@0 440
bsw/jbe@4 441 .bargraph_legend {
bsw/jbe@4 442 margin-top: 2ex;
bsw/jbe@4 443 }
bsw/jbe@4 444
bsw/jbe@4 445 .bargraph_legend .bargraph {
bsw/jbe@4 446 width: 26px;
bsw/jbe@4 447 }
bsw/jbe@4 448
bsw/jbe@4 449 .bargraph_legend div,
bsw/jbe@4 450 .bargraph_legend div div,
bsw/jbe@4 451 .bargraph_legend div div div {
bsw/jbe@4 452 float: left;
bsw/jbe@4 453 }
bsw/jbe@4 454
bsw/jbe@4 455 .bargraph_legend_label {
bsw/jbe@4 456 margin-left: 0.5em;
bsw/jbe@4 457 margin-right: 1em;
bsw/jbe@4 458 }
bsw/jbe@4 459
bsw/jbe@0 460 /*************************************************************************
bsw/jbe@0 461 * vertical ui.form
bsw/jbe@0 462 */
bsw/jbe@0 463
bsw/jbe@0 464 .login input[type=text],
bsw/jbe@0 465 .vertical input[type=text],
bsw/jbe@0 466 .login input[type=password],
bsw/jbe@0 467 .vertical input[type=password],
bsw/jbe@0 468 .vertical textarea,
bsw/jbe@0 469 .vertical select {
bsw/jbe@0 470 font-family: sans-serif;
bsw/jbe@0 471 font-size: 100%;
bsw@2 472 width: 50em;
bsw/jbe@0 473 border: 1px solid #444;
bsw/jbe@0 474 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 475 margin-bottom: 1ex;
bsw/jbe@0 476 }
bsw/jbe@0 477
bsw/jbe@0 478 .login input[type=password],
bsw/jbe@0 479 .vertical input[type=password] {
bsw/jbe@0 480 width: 16em;
bsw/jbe@0 481 }
bsw/jbe@0 482
bsw/jbe@0 483 .vertical select {
bsw/jbe@0 484 padding-right: 0;
bsw/jbe@0 485 }
bsw/jbe@0 486
bsw/jbe@0 487 .login .ui_field_label,
bsw/jbe@0 488 .vertical .ui_field_label {
bsw/jbe@0 489 text-transform: uppercase;
bsw/jbe@0 490 font-size: 70%;
bsw/jbe@4 491 line-height: 120%;
bsw/jbe@0 492 font-weight: bold;
bsw/jbe@0 493 color: #777;
bsw/jbe@0 494 width: 15em;
bsw/jbe@0 495 display: block;
bsw/jbe@0 496 float: left;
bsw/jbe@0 497 clear: left;
bsw/jbe@0 498 text-align: right;
bsw/jbe@0 499 padding-right: 0.5em;
bsw/jbe@0 500 }
bsw/jbe@0 501
bsw/jbe@0 502 .login input[type=text],
bsw/jbe@0 503 .login input[type=password] {
bsw/jbe@0 504 width: 10em;
bsw/jbe@0 505 }
bsw/jbe@0 506
bsw/jbe@0 507 .login div,
bsw/jbe@0 508 .vertical div {
bsw/jbe@0 509 clear: left;
bsw/jbe@0 510 }
bsw/jbe@0 511
bsw/jbe@0 512 .vertical span {
bsw/jbe@0 513 display: block;
bsw/jbe@0 514 margin-bottom: 0.5ex;
bsw/jbe@0 515 }
bsw/jbe@0 516
bsw/jbe@0 517 .vertical span:after {
bsw/jbe@0 518 content: " ";
bsw/jbe@0 519 }
bsw/jbe@0 520
bsw/jbe@0 521 .vertical span span {
bsw/jbe@0 522 display: inline;
bsw/jbe@0 523 margin-bottom: 0;
bsw/jbe@0 524 }
bsw/jbe@0 525
bsw/jbe@0 526 .login input[type=submit],
bsw/jbe@0 527 .vertical input[type=submit] {
bsw/jbe@0 528 font-size: 100%;
bsw/jbe@0 529 margin-left: 11em;
bsw/jbe@0 530 background-color: #444444;
bsw/jbe@0 531 color: #fff;
bsw/jbe@0 532 border: none;
bsw/jbe@0 533 padding: 0.75ex;
bsw/jbe@0 534 }
bsw/jbe@0 535
bsw/jbe@0 536 .login input[type=submit]:hover,
bsw/jbe@0 537 .vertical input[type=submit]:hover {
bsw/jbe@0 538 background-color: #444444;
bsw/jbe@0 539 }
bsw/jbe@0 540
bsw/jbe@0 541 /*************************************************************************
bsw/jbe@0 542 * Tables
bsw/jbe@0 543 */
bsw/jbe@0 544
bsw/jbe@0 545
bsw/jbe@0 546 table a.action {
bsw/jbe@0 547 font-size: 70%;
bsw/jbe@0 548 line-height: 190%;
bsw/jbe@0 549 padding: 0.5ex;
bsw/jbe@0 550 color: #777;
bsw/jbe@0 551 }
bsw/jbe@0 552
bsw/jbe@0 553 table a.active {
bsw/jbe@0 554 color: #fff;
bsw/jbe@0 555 }
bsw/jbe@0 556
bsw/jbe@0 557 th {
bsw/jbe@0 558 text-align: left;
bsw/jbe@0 559 border-bottom: 1px solid #000;
bsw/jbe@0 560 }
bsw/jbe@0 561
bsw/jbe@0 562 tr:hover td {
bsw/jbe@0 563 background-color: #ddd;
bsw/jbe@0 564 }
bsw/jbe@0 565
bsw/jbe@0 566
bsw/jbe@0 567 tr table tr:hover td {
bsw/jbe@0 568 background-color: #fff;
bsw/jbe@0 569 }
bsw/jbe@0 570
bsw/jbe@0 571
bsw/jbe@0 572 /*************************************************************************
bsw/jbe@0 573 * Hidden inline form
bsw/jbe@0 574 */
bsw/jbe@0 575
bsw/jbe@0 576 .hidden_inline_form {
bsw/jbe@0 577 display: none;
bsw/jbe@0 578 border: 1px solid #444;
bsw/jbe@0 579 width: 42em;
bsw/jbe@0 580 position: absolute;
bsw/jbe@0 581 background-color: #fff;
bsw/jbe@0 582 left: 5em;
bsw/jbe@0 583 top: 20ex;
bsw/jbe@0 584 }
bsw/jbe@0 585
bsw/jbe@0 586 .hidden_inline_form a {
bsw/jbe@0 587 padding: 0.5ex;
bsw/jbe@0 588 color: #fff;
bsw/jbe@0 589 }
bsw/jbe@0 590
bsw/jbe@0 591
bsw/jbe@0 592 .hidden_inline_form .head {
bsw/jbe@0 593 background-color: #444;
bsw/jbe@0 594 color: #fff;
bsw/jbe@0 595 display: block;
bsw/jbe@0 596 padding: 0.5ex;
bsw/jbe@0 597 }
bsw/jbe@0 598
bsw/jbe@0 599 .hidden_inline_form input[type=text],
bsw/jbe@0 600 .hidden_inline_form textarea,
bsw/jbe@0 601 .hidden_inline_form select {
bsw/jbe@0 602 width: 30em;
bsw/jbe@0 603 }
bsw/jbe@0 604
bsw/jbe@0 605 /*************************************************************************
bsw/jbe@0 606 * Positive / Negtive votes
bsw/jbe@0 607 */
bsw/jbe@0 608
bsw/jbe@0 609
bsw/jbe@0 610 .positive_votes span {
bsw/jbe@0 611 display: inline;
bsw/jbe@0 612 }
bsw/jbe@0 613
bsw/jbe@0 614 .positive_votes {
bsw/jbe@0 615 display: inline;
bsw/jbe@0 616 background-color: #cfc;
bsw/jbe@0 617 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 618 }
bsw/jbe@0 619
bsw/jbe@0 620 .negative_votes span {
bsw/jbe@0 621 display: inline;
bsw/jbe@0 622 }
bsw/jbe@0 623
bsw/jbe@0 624 .negative_votes {
bsw/jbe@0 625 display: inline;
bsw/jbe@0 626 background-color: #fcc;
bsw/jbe@0 627 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 628 }
bsw/jbe@0 629
bsw/jbe@5 630 .suggestion_my_opinion a {
bsw/jbe@5 631 white-space: nowrap;
bsw/jbe@5 632 padding-left: 0.2ex !important;
bsw/jbe@5 633 padding-right: 0.2ex !important;
bsw/jbe@5 634 }
bsw/jbe@0 635
bsw/jbe@0 636 .active {
bsw/jbe@0 637 background-color: #444;
bsw/jbe@0 638 color: #fff;
bsw/jbe@0 639 }
bsw/jbe@0 640
bsw/jbe@0 641 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 642 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 643 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 644 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 645
bsw/jbe@0 646
bsw/jbe@0 647
bsw/jbe@0 648
bsw/jbe@0 649 /*************************************************************************
bsw/jbe@0 650 * Issues
bsw/jbe@0 651 */
bsw/jbe@0 652
bsw/jbe@0 653 .issues tr {
bsw@2 654 border: 1px solid #ccc;
bsw/jbe@0 655 }
bsw/jbe@0 656
bsw/jbe@0 657 .issues tr tr {
bsw@2 658 border: none;
bsw/jbe@0 659 }
bsw/jbe@0 660
bsw/jbe@0 661 .lang_chooser {
bsw/jbe@0 662 float: right;
bsw/jbe@0 663 margin-right: 0.5em;
bsw/jbe@0 664 }
bsw@2 665
bsw@2 666 .delegation_list_entry {
bsw@2 667 margin-right: 2em;
bsw@2 668 margin-bottom: 2ex;
bsw@2 669 float: left;
bsw@2 670 clear: left;
bsw@2 671 }
bsw@2 672
bsw@2 673 .delegation_list_entry .delegation_arrow {
bsw@2 674 float: left;
bsw@2 675 }
bsw@2 676
bsw@2 677 .delegation_list_entry .delegation_scope {
bsw@2 678 float: left;
bsw@2 679 width: 25em;
bsw@2 680 }
bsw@2 681
bsw@2 682 .delegation_list_entry .delegation_scope a {
bsw@2 683 display: block;
bsw@2 684 }
bsw@2 685
bsw@2 686 .member_list .member_thumb {
bsw@2 687 float: left;
bsw@2 688 margin-right: 1em;
bsw@2 689 margin-bottom: 2ex;
bsw@2 690 }
bsw@2 691
bsw@2 692 .member_thumb {
bsw@2 693 text-decoration: none;
bsw/jbe@4 694 width: 18em;
bsw/jbe@4 695 height: 48px;
bsw@2 696 display: block;
bsw@2 697 float: left;
bsw/jbe@4 698 border: 1px solid #999;
bsw/jbe@4 699 overflow: hidden;
bsw/jbe@4 700 xwhite-space: nowrap;
bsw/jbe@4 701 position: relative;
bsw/jbe@4 702 }
bsw/jbe@4 703
bsw/jbe@4 704 .member_thumb a{
bsw/jbe@4 705 position: absolute;
bsw/jbe@4 706 top: 0;
bsw/jbe@4 707 left: 0;
bsw/jbe@4 708 padding: 0;
bsw/jbe@4 709 margin: 0;
bsw@2 710 }
bsw@2 711
bsw@3 712 .member_thumb a:hover div {
bsw@3 713 background-color: #444;
bsw@3 714 color: #fff;
bsw@3 715 }
bsw@3 716
bsw@2 717 .member_thumb img {
bsw/jbe@4 718 padding: 0;
bsw/jbe@4 719 margin: 0;
bsw@2 720 vertical-align: bottom;
bsw@2 721 }
bsw@2 722
bsw@2 723 .member_thumb div {
bsw/jbe@4 724 }
bsw/jbe@4 725
bsw/jbe@4 726 .member_thumb .member_image {
bsw@3 727 }
bsw@3 728
bsw@3 729 .member_thumb .member_name {
bsw/jbe@4 730 position: absolute;
bsw/jbe@4 731 left: 48px;
bsw/jbe@4 732 top: 2ex;
bsw/jbe@4 733 font-size: 100%;
bsw/jbe@4 734 width: 14em;
bsw@2 735 }
bsw@2 736
bsw@3 737 .member_thumb .flags {
bsw@3 738 float: right;
bsw@3 739 font-size: 75%;
bsw@3 740 }
bsw@3 741
bsw/jbe@4 742 .member_thumb .flags a{
bsw/jbe@4 743 position: static;
bsw/jbe@4 744 float: right;
bsw/jbe@4 745 }
bsw/jbe@4 746
bsw/jbe@4 747
bsw/jbe@4 748 .member .right {
bsw/jbe@4 749 float: right;
bsw/jbe@4 750 }
bsw/jbe@4 751
bsw/jbe@4 752 .draft_content,
bsw/jbe@4 753 .member_statement {
bsw@2 754 background-color: #eee;
bsw@2 755 border: 1px solid #ccc;
bsw/jbe@4 756 padding-left: 1ex;
bsw/jbe@4 757 padding-right: 1ex;
bsw@2 758 }
bsw@2 759
bsw@2 760 .diff {
bsw@2 761 background-color: #eee;
bsw@2 762 border: 1px solid #ccc;
bsw@2 763 padding: 1ex;
bsw@2 764 }
bsw@2 765
bsw@2 766 .diff .added {
bsw@2 767 background-color: #cfc;
bsw@2 768 }
bsw@2 769
bsw@2 770 .diff .removed {
bsw@2 771 background-color: #fcc;
bsw@2 772 }
bsw@2 773
bsw@2 774 .slot_issue_info {
bsw@2 775 background-color: #eee;
bsw@2 776 border: 1px solid #ccc;
bsw@2 777 float: right;
bsw@2 778 padding: 0.5ex;
bsw@2 779 line-height: 130%;
bsw@2 780 margin-right: 1em;
bsw@2 781 }
bsw@2 782
bsw@2 783 .issue_info label {
bsw@2 784 float: left;
bsw@2 785 width: 8em;
bsw@2 786 text-transform: uppercase;
bsw@2 787 font-size: 70%;
bsw@2 788 color: #777;
bsw@2 789 font-weight: bold;
bsw@2 790 clear: left;
bsw@2 791 text-align: right;
bsw@2 792 margin-right: 0.7em;
bsw@2 793 }
bsw@2 794
bsw@2 795 .draft_updated_info {
bsw@2 796 border: 2px solid #faa;
bsw@2 797 background-color: #fee;
bsw@2 798 padding: 1ex;
bsw@3 799 }
bsw@3 800
bsw/jbe@4 801 .suggestion_fulfilled {
bsw/jbe@4 802 width: 15em;
bsw/jbe@4 803 }
bsw/jbe@4 804 .suggestion_fulfilled a.action {
bsw/jbe@4 805 padding-left: 0;
bsw/jbe@4 806 line-height: 120%;
bsw/jbe@4 807 }
bsw/jbe@4 808
bsw/jbe@4 809 .help {
bsw/jbe@4 810 border: 1px solid #bcd;
bsw/jbe@4 811 background-color: #def;
bsw/jbe@4 812 color: #000;
bsw/jbe@4 813 padding: 1ex;
bsw/jbe@4 814 }
bsw/jbe@4 815
bsw/jbe@4 816 .help_visible {
bsw/jbe@4 817 margin-bottom: 1ex;
bsw/jbe@4 818 }
bsw/jbe@4 819
bsw/jbe@4 820 .help_visible .help_icon {
bsw/jbe@4 821 float: right;
bsw/jbe@4 822 }
bsw/jbe@4 823
bsw/jbe@4 824 .slot_help_hidden {
bsw/jbe@4 825 float: right;
bsw/jbe@4 826 margin-right: 1em;
bsw/jbe@4 827 }
bsw/jbe@4 828
bsw/jbe@4 829 .help_actions {
bsw/jbe@4 830 font-size: 75%;
bsw/jbe@4 831 float: right;
bsw/jbe@4 832 }
bsw/jbe@4 833
bsw/jbe@4 834 .help_actions a {
bsw/jbe@4 835 margin-right: 1em;
bsw/jbe@4 836 color: #468;
bsw/jbe@4 837 }
bsw/jbe@4 838
bsw/jbe@4 839 .wiki {
bsw/jbe@4 840 }
bsw/jbe@4 841
bsw/jbe@4 842 .wiki h1,
bsw/jbe@4 843 .wiki h2,
bsw/jbe@4 844 .wiki h3,
bsw/jbe@4 845 .wiki h4 {
bsw/jbe@4 846 margin-top: 1ex;
bsw/jbe@4 847 margin-bottom: 1ex;
bsw/jbe@4 848 }
bsw/jbe@4 849
bsw/jbe@4 850 .wiki h1 {
bsw/jbe@4 851 font-size: 150%;
bsw/jbe@4 852 }
bsw/jbe@4 853
bsw/jbe@4 854 .wiki h2 {
bsw/jbe@4 855 font-size: 125%;
bsw/jbe@4 856 }
bsw/jbe@4 857
bsw/jbe@4 858 .wiki p {
bsw/jbe@4 859 margin-top: 1ex;
bsw/jbe@4 860 margin-bottom: 1ex;
bsw/jbe@4 861 }
bsw/jbe@4 862
bsw/jbe@4 863 form .warning {
bsw/jbe@4 864 background-color: #ffd;
bsw/jbe@4 865 color: #000;
bsw/jbe@4 866 border: 1px solid #dda;
bsw/jbe@4 867 margin: 1ex;
bsw/jbe@4 868 margin-bottom: 2ex;
bsw/jbe@4 869 padding: 1ex;
bsw/jbe@4 870 }
bsw/jbe@5 871
bsw/jbe@5 872
bsw/jbe@5 873 /*************************************************************************
bsw/jbe@5 874 * Voting
bsw/jbe@5 875 */
bsw/jbe@5 876
bsw/jbe@5 877 #voting {
bsw/jbe@5 878 position: relative;
bsw/jbe@5 879 }
bsw/jbe@5 880 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 881 border: 2px black solid;
bsw/jbe@5 882 margin-top: 5ex;
bsw/jbe@5 883 margin-bottom: 5ex;
bsw/jbe@5 884 padding: 1ex;
bsw/jbe@5 885 padding-bottom: 2ex;
bsw/jbe@5 886 }
bsw/jbe@5 887 #voting .approval {
bsw/jbe@5 888 background-color: #9f9;
bsw/jbe@5 889 }
bsw/jbe@5 890 #voting .approval .movable {
bsw/jbe@5 891 background-color: #dfd;
bsw/jbe@5 892 }
bsw/jbe@5 893 #voting .abstention {
bsw/jbe@5 894 background-color: #ccc;
bsw/jbe@5 895 }
bsw/jbe@5 896 #voting .abstention .movable {
bsw/jbe@5 897 background-color: #eee;
bsw/jbe@5 898 }
bsw/jbe@5 899 #voting .disapproval {
bsw/jbe@5 900 background-color: #f88;
bsw/jbe@5 901 }
bsw/jbe@5 902 #voting .disapproval .movable {
bsw/jbe@5 903 background-color: #fbb;
bsw/jbe@5 904 }
bsw/jbe@5 905 #voting .cathead {
bsw/jbe@5 906 font-weight: bold;
bsw/jbe@5 907 }
bsw/jbe@5 908 #voting .movable {
bsw/jbe@5 909 position: relative;
bsw/jbe@5 910 border: 1px black solid;
bsw/jbe@5 911 margin: 1ex;
bsw/jbe@5 912 padding: 0.5ex;
bsw/jbe@5 913 cursor: pointer;
bsw/jbe@5 914 }
bsw/jbe@5 915 #voting .clickable {
bsw/jbe@5 916 cursor: auto;
bsw/jbe@5 917 }
bsw/jbe@5 918 #voting a.clickable {
bsw/jbe@5 919 cursor: pointer;
bsw/jbe@5 920 }

Impressum / About Us