liquid_feedback_frontend

annotate static/style.css @ 6:8d91bccab0bf

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

Possibility to browse voters of a closed issue

Registration with invite code

Email confirmation and password recovery

Download function (for database dumps) added

Critical bug solved, which made it impossible to select your opinion on other peoples suggestions

Catching error, when trying to set an opinion on a suggestion which has been meanwhile deleted

Fixed wrong sorting order for "supporters" or "potential supporters"

Added format info for birthday (Error when entering dates in wrong format is NOT fixed in this release)

Strip space characters from certain fields and ensure they contain at least 3 characters

Showing grade in opinion/list as clear text instead of integer value

More information on initiative is displayed while voting

Colored notification box shown on pages of issues or initiatives which are currently in voting state

Changed default filter for issues to "Open"

Back link on suggestion page

Some optical changes

Removed wrong space character in LICENSE file
author bsw/jbe
date Sat Jan 02 12:00:00 2010 +0100 (2010-01-02)
parents afd9f769c7ae
children 374bbc2ff102
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/jbe@6 795 .draft_updated_info,
bsw/jbe@6 796 .voting_active_info {
bsw/jbe@6 797 background-color: #fec;
bsw/jbe@6 798 border: 2px solid #b96;
bsw@2 799 padding: 1ex;
bsw@3 800 }
bsw@3 801
bsw/jbe@4 802 .suggestion_fulfilled {
bsw/jbe@4 803 width: 15em;
bsw/jbe@4 804 }
bsw/jbe@4 805 .suggestion_fulfilled a.action {
bsw/jbe@4 806 padding-left: 0;
bsw/jbe@4 807 line-height: 120%;
bsw/jbe@4 808 }
bsw/jbe@4 809
bsw/jbe@6 810 .help,
bsw/jbe@6 811 .use_terms {
bsw/jbe@4 812 border: 1px solid #bcd;
bsw/jbe@4 813 background-color: #def;
bsw/jbe@4 814 color: #000;
bsw/jbe@4 815 padding: 1ex;
bsw/jbe@4 816 }
bsw/jbe@4 817
bsw/jbe@4 818 .help_visible {
bsw/jbe@4 819 margin-bottom: 1ex;
bsw/jbe@4 820 }
bsw/jbe@4 821
bsw/jbe@4 822 .help_visible .help_icon {
bsw/jbe@4 823 float: right;
bsw/jbe@4 824 }
bsw/jbe@4 825
bsw/jbe@4 826 .slot_help_hidden {
bsw/jbe@4 827 float: right;
bsw/jbe@4 828 margin-right: 1em;
bsw/jbe@4 829 }
bsw/jbe@4 830
bsw/jbe@4 831 .help_actions {
bsw/jbe@4 832 font-size: 75%;
bsw/jbe@4 833 float: right;
bsw/jbe@4 834 }
bsw/jbe@4 835
bsw/jbe@4 836 .help_actions a {
bsw/jbe@4 837 margin-right: 1em;
bsw/jbe@4 838 color: #468;
bsw/jbe@4 839 }
bsw/jbe@4 840
bsw/jbe@4 841 .wiki {
bsw/jbe@4 842 }
bsw/jbe@4 843
bsw/jbe@4 844 .wiki h1,
bsw/jbe@4 845 .wiki h2,
bsw/jbe@4 846 .wiki h3,
bsw/jbe@4 847 .wiki h4 {
bsw/jbe@4 848 margin-top: 1ex;
bsw/jbe@4 849 margin-bottom: 1ex;
bsw/jbe@4 850 }
bsw/jbe@4 851
bsw/jbe@4 852 .wiki h1 {
bsw/jbe@4 853 font-size: 150%;
bsw/jbe@4 854 }
bsw/jbe@4 855
bsw/jbe@4 856 .wiki h2 {
bsw/jbe@4 857 font-size: 125%;
bsw/jbe@4 858 }
bsw/jbe@4 859
bsw/jbe@4 860 .wiki p {
bsw/jbe@4 861 margin-top: 1ex;
bsw/jbe@4 862 margin-bottom: 1ex;
bsw/jbe@4 863 }
bsw/jbe@4 864
bsw/jbe@4 865 form .warning {
bsw/jbe@4 866 background-color: #ffd;
bsw/jbe@4 867 color: #000;
bsw/jbe@4 868 border: 1px solid #dda;
bsw/jbe@4 869 margin: 1ex;
bsw/jbe@4 870 margin-bottom: 2ex;
bsw/jbe@4 871 padding: 1ex;
bsw/jbe@4 872 }
bsw/jbe@5 873
bsw/jbe@5 874
bsw/jbe@5 875 /*************************************************************************
bsw/jbe@5 876 * Voting
bsw/jbe@5 877 */
bsw/jbe@5 878
bsw/jbe@5 879 #voting {
bsw/jbe@5 880 position: relative;
bsw/jbe@5 881 }
bsw/jbe@5 882 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 883 border: 2px black solid;
bsw/jbe@5 884 margin-top: 5ex;
bsw/jbe@5 885 margin-bottom: 5ex;
bsw/jbe@5 886 padding: 1ex;
bsw/jbe@5 887 padding-bottom: 2ex;
bsw/jbe@5 888 }
bsw/jbe@5 889 #voting .approval {
bsw/jbe@5 890 background-color: #9f9;
bsw/jbe@5 891 }
bsw/jbe@5 892 #voting .approval .movable {
bsw/jbe@5 893 background-color: #dfd;
bsw/jbe@5 894 }
bsw/jbe@5 895 #voting .abstention {
bsw/jbe@5 896 background-color: #ccc;
bsw/jbe@5 897 }
bsw/jbe@5 898 #voting .abstention .movable {
bsw/jbe@5 899 background-color: #eee;
bsw/jbe@5 900 }
bsw/jbe@5 901 #voting .disapproval {
bsw/jbe@5 902 background-color: #f88;
bsw/jbe@5 903 }
bsw/jbe@5 904 #voting .disapproval .movable {
bsw/jbe@5 905 background-color: #fbb;
bsw/jbe@5 906 }
bsw/jbe@5 907 #voting .cathead {
bsw/jbe@5 908 font-weight: bold;
bsw/jbe@5 909 }
bsw/jbe@5 910 #voting .movable {
bsw/jbe@5 911 position: relative;
bsw/jbe@5 912 border: 1px black solid;
bsw/jbe@5 913 margin: 1ex;
bsw/jbe@5 914 padding: 0.5ex;
bsw/jbe@5 915 cursor: pointer;
bsw/jbe@5 916 }
bsw/jbe@5 917 #voting .clickable {
bsw/jbe@5 918 cursor: auto;
bsw/jbe@5 919 }
bsw/jbe@5 920 #voting a.clickable {
bsw/jbe@5 921 cursor: pointer;
bsw/jbe@5 922 }
bsw/jbe@6 923
bsw/jbe@6 924 #voting .grabber {
bsw/jbe@6 925 vertical-align: middle;
bsw/jbe@6 926 cursor: move;
bsw/jbe@6 927 }

Impressum / About Us