liquid_feedback_frontend

annotate static/style.css @ 57:4f39f0a0d5b5

find changesets by author, revision, files, or words in the commit message
Listing of updated drafts on start page; Code cleanup; Minor bugfix

MOTD, initiator invite, issues to vote and listing of updated drafts shown as tabs on start page;
Bugfix: Initiator icon only shown when initiatorship has been accepted
author bsw
date Sat Apr 17 21:59:02 2010 +0200 (2010-04-17)
parents 4ae09a588103
children 7bc629bc1c20
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@19 7 font-size: 15px;
bsw/jbe@0 8 font-size: 14px;
bsw/jbe@0 9 padding: 0;
bsw/jbe@0 10 margin: 0;
bsw/jbe@0 11 }
bsw/jbe@0 12
bsw/jbe@19 13 .area_list {
bsw/jbe@19 14 line-height: 170%;
bsw/jbe@19 15 }
bsw/jbe@19 16
bsw/jbe@0 17 body, a {
bsw/jbe@0 18 color: #000;
bsw/jbe@0 19 }
bsw/jbe@0 20
bsw/jbe@0 21 img {
bsw/jbe@0 22 border: none;
bsw/jbe@0 23 }
bsw/jbe@0 24
bsw/jbe@0 25 table {
bsw/jbe@0 26 border-collapse: collapse;
bsw/jbe@0 27 border: none;
bsw/jbe@0 28 }
bsw/jbe@0 29
bsw/jbe@0 30 td, th {
bsw@2 31 padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw@2 32 }
bsw@2 33
bsw@2 34 td {
bsw/jbe@0 35 vertical-align: top;
bsw@2 36 }
bsw@2 37
bsw@2 38 th {
bsw@2 39 vertical-align: bottom;
bsw@2 40 font-size: 75%;
bsw@2 41 font-weight: bold;
bsw/jbe@0 42 }
bsw/jbe@0 43
bsw/jbe@0 44 a.active {
bsw/jbe@0 45 color: #fff;
bsw/jbe@0 46 }
bsw/jbe@0 47
bsw@10 48 .revoked {
bsw@10 49 text-decoration: line-through;
bsw@10 50 }
bsw@10 51
bsw/jbe@0 52 .highlighted {
bsw/jbe@0 53 background-color: #fa7;
bsw/jbe@0 54 color: #000;
bsw/jbe@0 55 }
bsw/jbe@0 56
bsw/jbe@0 57 .admin_only {
bsw/jbe@0 58 font-style: italic;
bsw/jbe@0 59 }
bsw/jbe@0 60
bsw@2 61 a {
bsw/jbe@19 62 xvertical-align: middle;
bsw@2 63 }
bsw@2 64
bsw@9 65 h1 {
bsw@9 66 font-size: 150%;
bsw@9 67 }
bsw@9 68
bsw@9 69 h2 {
bsw@9 70 font-size: 125%;
bsw@9 71 }
bsw@9 72
bsw@9 73
bsw/jbe@0 74 /*************************************************************************
bsw/jbe@0 75 * Notices, warnings and errors
bsw/jbe@0 76 */
bsw/jbe@0 77
bsw/jbe@0 78 .layout_notice, .layout_error, .layout_warning {
bsw/jbe@0 79 background: #fff;
bsw/jbe@0 80 font-weight: bold;
bsw/jbe@0 81 line-height: 1.7em;
bsw/jbe@0 82 -moz-opacity:0.7;
bsw/jbe@0 83 }
bsw/jbe@0 84
bsw/jbe@0 85 .slot_notice, .slot_warning, .slot_error {
bsw/jbe@4 86 padding-left: 1em;
bsw/jbe@0 87 }
bsw/jbe@0 88
bsw/jbe@0 89 .slot_notice {
bsw/jbe@4 90 background-color: #cfc;
bsw/jbe@4 91 color: #040;
bsw/jbe@0 92 }
bsw/jbe@0 93
bsw/jbe@0 94 .slot_warning {
bsw/jbe@4 95 background-color: #fec;
bsw/jbe@4 96 color: #420;
bsw/jbe@0 97 }
bsw/jbe@0 98
bsw/jbe@0 99 .slot_error {
bsw/jbe@4 100 background-color: #fcc;
bsw/jbe@4 101 color: #400;
bsw/jbe@0 102 }
bsw/jbe@0 103
bsw/jbe@0 104 /*************************************************************************
bsw/jbe@0 105 * Navigation, search and language chooser bar
bsw/jbe@0 106 */
bsw/jbe@0 107
bsw/jbe@0 108 .topbar {
bsw/jbe@0 109 background-color: #444;
bsw/jbe@0 110 color: #fff;
bsw/jbe@0 111 font-size: 75%;
bsw/jbe@19 112 line-height: 140%;
bsw/jbe@19 113 margin-bottom: 1.8ex;
bsw/jbe@0 114 }
bsw/jbe@0 115
bsw/jbe@0 116 .topbar a {
bsw/jbe@5 117 background-color: #444;
bsw/jbe@0 118 color: #fff;
bsw/jbe@0 119 }
bsw/jbe@0 120
bsw/jbe@0 121 .topbar a:hover {
bsw/jbe@0 122 background-color: #fff;
bsw/jbe@0 123 color: #000;
bsw/jbe@0 124 }
bsw/jbe@0 125
bsw/jbe@0 126 .navigation,
bsw/jbe@0 127 .logout_button {
bsw/jbe@0 128 line-height: 250%;
bsw/jbe@0 129 }
bsw/jbe@0 130
bsw/jbe@0 131 .navigation img,
bsw/jbe@0 132 .logout_button img {
bsw/jbe@0 133 margin-right: 0.5em;
bsw/jbe@0 134 vertical-align: middle;
bsw/jbe@0 135 }
bsw/jbe@0 136
bsw/jbe@0 137 .navigation a,
bsw/jbe@0 138 .logout_button a {
bsw/jbe@0 139 padding: 1ex;
bsw/jbe@0 140 }
bsw/jbe@0 141
bsw/jbe@0 142 .logout_button {
bsw/jbe@0 143 float: right;
bsw/jbe@0 144 }
bsw/jbe@0 145
bsw/jbe@0 146 .searchbox {
bsw/jbe@19 147 margin: 0;
bsw/jbe@19 148 padding: 0.1ex 1em 0ex 1em;
bsw/jbe@0 149 float: right;
bsw/jbe@0 150 line-height: 250%;
bsw/jbe@0 151 }
bsw/jbe@0 152
bsw/jbe@19 153 .searchbox form {
bsw/jbe@19 154 float: left;
bsw/jbe@19 155 }
bsw/jbe@19 156
bsw/jbe@0 157 .searchbox div {
bsw/jbe@0 158 display: inline;
bsw/jbe@0 159 }
bsw/jbe@0 160
bsw/jbe@0 161 .searchbox select {
bsw/jbe@0 162 margin-left: 0.3em;
bsw/jbe@0 163 margin-right: 0.4em;
bsw/jbe@0 164 font-size: 100%;
bsw/jbe@0 165 width: 8em;
bsw/jbe@0 166 }
bsw/jbe@0 167
bsw/jbe@0 168 .searchbox input[type=text] {
bsw/jbe@0 169 width: 8em;
bsw/jbe@0 170 padding: 0.25ex 0.25em 0.25ex 0.25em;
bsw/jbe@0 171 margin-right: 0.5em;
bsw/jbe@0 172 font-size: 100%;
bsw/jbe@0 173 }
bsw/jbe@0 174
bsw/jbe@0 175 .searchbox input[type=submit] {
bsw/jbe@0 176 font-size: 100%;
bsw/jbe@0 177 }
bsw/jbe@0 178
bsw/jbe@0 179 /*************************************************************************
bsw/jbe@0 180 * Title of current page including path and actions
bsw/jbe@0 181 */
bsw/jbe@0 182
bsw/jbe@0 183 .title_bar {
bsw/jbe@4 184 border-bottom: 1px solid #777;
bsw/jbe@0 185 margin-bottom: 2ex;
bsw/jbe@4 186 padding-top: 1ex;
bsw/jbe@4 187 padding-bottom: 0.5ex;
bsw/jbe@4 188 }
bsw/jbe@4 189
bsw/jbe@4 190 .title_bar_content {
bsw/jbe@4 191 margin-left: 1em;
bsw/jbe@0 192 }
bsw/jbe@0 193
bsw/jbe@0 194 .path {
bsw/jbe@0 195 color: #444;
bsw/jbe@0 196 }
bsw/jbe@0 197
bsw/jbe@0 198 .path div {
bsw/jbe@0 199 font-size: 100%;
bsw/jbe@0 200 line-height: 180%;
bsw/jbe@0 201 }
bsw/jbe@0 202
bsw/jbe@0 203 .path a {
bsw/jbe@0 204 color: #444;
bsw/jbe@0 205 }
bsw/jbe@0 206
bsw/jbe@0 207 .slot_path div {
bsw/jbe@0 208 display: inline;
bsw/jbe@0 209 margin-left: 1em;
bsw/jbe@0 210 margin-right: 1em;
bsw/jbe@0 211 }
bsw/jbe@0 212
bsw/jbe@0 213 .title {
bsw/jbe@0 214 color: #000;
bsw/jbe@0 215 margin-bottom: 0.5ex;
bsw/jbe@0 216 }
bsw/jbe@0 217
bsw/jbe@0 218 .slot_title {
bsw/jbe@0 219 }
bsw/jbe@0 220
bsw/jbe@0 221 .title div {
bsw/jbe@0 222 font-weight: bold;
bsw/jbe@0 223 font-size: 135%;
bsw/jbe@0 224 line-height: 110%;
bsw/jbe@0 225 }
bsw/jbe@0 226
bsw/jbe@0 227 .title a {
bsw/jbe@5 228 color: #000;
bsw/jbe@0 229 }
bsw/jbe@0 230
bsw/jbe@4 231 .member_image_avatar {
bsw/jbe@0 232 float: left;
bsw/jbe@0 233 margin-right: 0.5em;
bsw/jbe@0 234 }
bsw/jbe@0 235
bsw/jbe@0 236 .actions {
bsw/jbe@0 237 font-size: 75%;
bsw/jbe@4 238 line-height: 220%;
bsw/jbe@0 239 }
bsw/jbe@0 240
bsw/jbe@0 241 .slot_actions {
bsw/jbe@0 242 display: inline;
bsw/jbe@0 243 }
bsw/jbe@0 244
bsw/jbe@0 245 .actions a {
bsw/jbe@4 246 float: left;
bsw/jbe@4 247 display: block;
bsw/jbe@5 248 padding: 1px 0.5em 1px 0.0em;
bsw/jbe@0 249 margin-right: 1em;
bsw/jbe@0 250 vertical-align: middle;
bsw/jbe@0 251 }
bsw/jbe@0 252
bsw/jbe@0 253 .actions a:hover {
bsw/jbe@0 254 background-color: #d7d7d7;
bsw/jbe@0 255 }
bsw/jbe@0 256
bsw/jbe@0 257 .actions img {
bsw/jbe@0 258 padding-left: 0.2em;
bsw/jbe@0 259 padding-right: 0.2em;
bsw/jbe@4 260 vertical-align: middle;
bsw/jbe@4 261 }
bsw/jbe@4 262
bsw/jbe@4 263 .logo {
bsw/jbe@4 264 float: right;
bsw/jbe@4 265 margin-right: 1em;
bsw/jbe@0 266 }
bsw/jbe@0 267
bsw/jbe@0 268 /*************************************************************************
bsw@2 269 * vote info / delegation
bsw@2 270 */
bsw@2 271
bsw/jbe@4 272 .interest,
bsw@2 273 .slot_support,
bsw@16 274 .delegation,
bsw@16 275 .voting_requested {
bsw@2 276 float: left;
bsw/jbe@4 277 position: relative;
bsw/jbe@19 278 z-index: 1;
bsw/jbe@4 279 }
bsw/jbe@4 280
bsw/jbe@4 281 .interest img,
bsw/jbe@4 282 .slot_support img,
bsw@16 283 .delegation img,
bsw@16 284 .voting_requested img {
bsw/jbe@4 285 padding-left: 0.2em;
bsw/jbe@4 286 padding-right: 0.2em;
bsw/jbe@4 287 }
bsw/jbe@4 288 .vote_info .head {
bsw/jbe@4 289 float: left;
bsw@2 290 margin-right: 1em;
bsw@2 291 }
bsw@2 292
bsw/jbe@5 293 .interest .head_active,
bsw@10 294 .slot_support .head_potential_supporter{
bsw/jbe@5 295 background-color: #fec;
bsw/jbe@5 296 border: 1px solid #b96;
bsw/jbe@4 297 }
bsw/jbe@4 298
bsw/jbe@19 299 .interest .head_autoreject {
bsw/jbe@19 300 background-color: #fdd;
bsw/jbe@19 301 border: 1px solid #b77;
bsw/jbe@19 302 }
bsw/jbe@19 303
bsw/jbe@5 304 .slot_support .head_supporter {
bsw/jbe@5 305 background-color: #dfc;
bsw/jbe@4 306 border: 1px solid #8b8;
bsw/jbe@4 307 }
bsw/jbe@4 308
bsw@10 309 .slot_support .head_initiator {
bsw@10 310 background-color: #eee;
bsw@10 311 border: 1px solid #999;
bsw@10 312 }
bsw@10 313
bsw/jbe@4 314 .delegation .head_active {
bsw/jbe@5 315 background-color: #ddf;
bsw/jbe@5 316 border: 1px solid #88b;
bsw@2 317 }
bsw@2 318
bsw/jbe@19 319 .delegation .change_delegation {
bsw/jbe@19 320 margin-bottom: 2ex;
bsw/jbe@19 321 }
bsw/jbe@19 322
bsw/jbe@19 323 .delegation .change_delegation a {
bsw/jbe@19 324 display: inline;
bsw/jbe@19 325 float: none;
bsw/jbe@19 326 padding: 1ex;
bsw/jbe@19 327 }
bsw/jbe@19 328
bsw/jbe@19 329 .delegation .delegation_participation {
bsw/jbe@19 330 margin-left: 20.5em;
bsw/jbe@19 331 margin-top: 3ex;
bsw/jbe@19 332 font-style: italic;
bsw/jbe@19 333 font-size: 80%;
bsw/jbe@19 334 }
bsw/jbe@19 335
bsw@16 336 .voting_requested .head_active {
bsw@16 337 background-color: #fdd;
bsw@16 338 border: 1px solid #b77;
bsw@16 339 }
bsw@16 340
bsw@2 341 .vote_info .close {
bsw/jbe@4 342 position: absolute;
bsw/jbe@4 343 top: 0;
bsw/jbe@4 344 right: 0;
bsw@2 345 padding: 1ex;
bsw/jbe@4 346 display: block;
bsw@2 347 }
bsw@2 348
bsw@2 349 .vote_info .content {
bsw/jbe@4 350 font-size: 133%;
bsw/jbe@4 351 line-height: 100%;
bsw/jbe@4 352 top: 3ex;
bsw@2 353 display: none;
bsw@2 354 position: absolute;
bsw@2 355 z-index: 10;
bsw@2 356 background-color: #fff;
bsw/jbe@4 357 border: 1px solid #999;
bsw@2 358 padding: 1em;
bsw/jbe@19 359 width: 35em;
bsw@2 360 }
bsw@2 361
bsw@2 362 .vote_info .delegation_arrow {
bsw@2 363 margin-top: 1ex;
bsw@2 364 margin-bottom: 1ex;
bsw@2 365 vertical-align: middle;
bsw@2 366 }
bsw@2 367
bsw/jbe@4 368 .vote_info .delegation_arrow_overridden {
bsw/jbe@4 369 opacity: 0.4;
bsw/jbe@4 370 }
bsw/jbe@4 371
bsw/jbe@4 372 .vote_info .delegation_scope_overridden {
bsw/jbe@4 373 color: #777;
bsw/jbe@4 374 }
bsw/jbe@4 375
bsw@2 376 .vote_info .delegation_scope {
bsw@2 377 display: inline;
bsw@2 378 }
bsw@2 379
bsw@2 380 .vote_info .delegation_info {
bsw@2 381 }
bsw@2 382
bsw@2 383 .vote_info .member_thumb {
bsw@2 384 clear: left;
bsw@2 385 }
bsw@2 386
bsw/jbe@4 387 .delegation_overridden .member_thumb {
bsw/jbe@4 388 opacity: 0.4;
bsw/jbe@4 389 }
bsw/jbe@4 390
bsw@2 391 .delegation .revoke {
bsw@2 392 margin: 0.5ex;
bsw/jbe@4 393 float: right;
bsw@2 394 }
bsw@2 395
bsw@2 396 .delegation .revoke img {
bsw@2 397 vertical-align: middle;
bsw@2 398 }
bsw@2 399
bsw/jbe@4 400
bsw/jbe@4 401 .sub_title div {
bsw/jbe@4 402 padding-top: 1ex;
bsw/jbe@4 403 margin-top: 1ex;
bsw/jbe@4 404 font-weight: bold;
bsw/jbe@4 405 font-size: 135%;
bsw/jbe@4 406 line-height: 110%;
bsw/jbe@4 407 }
bsw/jbe@4 408
bsw@2 409 /*************************************************************************
bsw/jbe@0 410 * Main content
bsw/jbe@0 411 */
bsw/jbe@0 412
bsw/jbe@0 413 .main {
bsw/jbe@0 414 margin-left: 1em;
bsw/jbe@0 415 margin-right: 1em;
bsw/jbe@0 416 }
bsw/jbe@0 417
bsw/jbe@0 418
bsw/jbe@0 419 /*************************************************************************
bsw/jbe@0 420 * ui.tab
bsw/jbe@0 421 */
bsw/jbe@0 422
bsw/jbe@0 423 .ui_tabs_links {
bsw/jbe@0 424 margin-top: 4ex;
bsw/jbe@0 425 font-size: 75%;
bsw/jbe@0 426 }
bsw/jbe@0 427
bsw/jbe@0 428 .ui_tabs_links a {
bsw/jbe@0 429 padding: 1ex;
bsw/jbe@4 430 line-height: 200%;
bsw/jbe@0 431 background-color: #e7e7e7;
bsw/jbe@4 432 white-space: nowrap;
bsw/jbe@0 433 }
bsw/jbe@0 434
bsw/jbe@0 435 .ui_tabs_links a:hover {
bsw/jbe@0 436 background-color: #d7d7d7;
bsw/jbe@0 437 }
bsw/jbe@0 438
bsw/jbe@0 439 .ui_tabs_links a.selected {
bsw/jbe@0 440 background-color: #444;
bsw/jbe@0 441 color: #fff;
bsw/jbe@0 442 text-decoration: none;
bsw/jbe@0 443 padding: 1ex;
bsw/jbe@0 444 }
bsw/jbe@0 445
bsw/jbe@0 446 .ui_tabs_content {
bsw/jbe@0 447 border: 1px solid #444;
bsw/jbe@0 448 padding: 1ex 1ex 1ex 1ex;
bsw/jbe@0 449 }
bsw/jbe@0 450
bsw/jbe@19 451 .web10 .ui_tabs_accordeon_head {
bsw/jbe@19 452 margin-bottom: 1ex;
bsw/jbe@19 453 }
bsw/jbe@19 454
bsw/jbe@19 455 .web20 .ui_tabs_accordeon_head {
bsw/jbe@19 456 font-size: 80%;
bsw/jbe@19 457 font-weight: bold;
bsw/jbe@19 458 display: block;
bsw/jbe@19 459 background: #eee;
bsw/jbe@19 460 border: 1px solid #bbb;
bsw/jbe@19 461 color: #000;
bsw/jbe@19 462 padding: 0.75ex;
bsw/jbe@19 463 margin-top: 2ex;
bsw/jbe@19 464 cursor: pointer;
bsw/jbe@19 465 }
bsw/jbe@19 466
bsw/jbe@19 467 .web20 .ui_tabs_accordeon_head img {
bsw/jbe@19 468 vertical-align: middle;
bsw/jbe@19 469 margin-right: 0.5em;
bsw/jbe@19 470 }
bsw/jbe@19 471
bsw/jbe@19 472 .web20 .ui_tabs_accordeon_head .bargraph {
bsw/jbe@19 473 margin-right: 0.5em;
bsw/jbe@19 474 }
bsw/jbe@19 475
bsw/jbe@19 476 .web20 .ui_tabs_accordeon_content {
bsw/jbe@19 477 border: 1px solid #aaa;
bsw/jbe@19 478 border-top: none;
bsw/jbe@19 479 padding: 2ex 1em 2ex 1em;
bsw/jbe@19 480 margin-bottom: 3ex;
bsw/jbe@19 481 }
bsw/jbe@19 482
bsw/jbe@19 483 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
bsw/jbe@19 484 background-color: #e5e5ff;
bsw/jbe@19 485 }
bsw/jbe@19 486
bsw/jbe@19 487 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
bsw/jbe@19 488 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
bsw/jbe@19 489 border-color: #aad;
bsw/jbe@19 490 }
bsw/jbe@19 491
bsw/jbe@19 492 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
bsw/jbe@19 493 border-color: #bbb;
bsw/jbe@19 494 border-width: 1px;
bsw/jbe@19 495 }
bsw/jbe@19 496
bsw/jbe@19 497 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
bsw/jbe@19 498 background-color: #eee;
bsw/jbe@19 499 border: 1px solid #bbb;
bsw/jbe@19 500 }
bsw/jbe@19 501
bsw/jbe@19 502 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
bsw@29 503 font-size: 120%;
bsw/jbe@19 504 }
bsw/jbe@19 505
bsw@57 506 .ui_tabs_links a.yellow {
bsw@57 507 background-color: #fec;
bsw@57 508 color: #000;
bsw@57 509 }
bsw/jbe@19 510
bsw@57 511 .ui_tabs_links a.yellow:hover {
bsw@57 512 background-color: #edb;
bsw@57 513 }
bsw@57 514
bsw@57 515 .ui_tabs_links a.yellow.selected {
bsw@57 516 background-color: #654;
bsw@57 517 color: #fff;
bsw@57 518 text-decoration: none;
bsw@57 519 padding: 1ex;
bsw@57 520 }
bsw@57 521
bsw@57 522 .web20 .ui_tabs_accordeon_head.yellow {
bsw@57 523 background-color: #fec;
bsw@57 524 border-color: #b96;
bsw@57 525 xpadding: 1ex;
bsw@57 526 xmargin-bottom: 2ex;
bsw@57 527 }
bsw@57 528
bsw@57 529 .web20 .ui_tabs_accordeon_content.yellow {
bsw@57 530 border-color: #b96;
bsw@57 531 }
bsw/jbe@19 532
bsw/jbe@0 533 /*************************************************************************
bsw/jbe@19 534 * ui.filters
bsw/jbe@0 535 */
bsw/jbe@0 536
bsw/jbe@19 537 .ui_filter_closed_head,
bsw/jbe@19 538 .ui_filter_head {
bsw@2 539 color: #777;
bsw/jbe@5 540 margin-top: 1ex;
bsw/jbe@5 541 margin-bottom: 1.5ex;
bsw@2 542 font-size: 75%;
bsw@2 543 }
bsw@2 544
bsw/jbe@19 545 .ui_filter_head a {
bsw/jbe@0 546 color: #777;
bsw/jbe@0 547 padding: 0.5ex;
bsw/jbe@0 548 }
bsw/jbe@0 549
bsw/jbe@19 550 .ui_filter_head a.active {
bsw/jbe@0 551 color: #fff;
bsw/jbe@0 552 background-color: #777;
bsw/jbe@0 553 padding: 0.5ex;
bsw/jbe@0 554 }
bsw/jbe@0 555
bsw/jbe@0 556 /*************************************************************************
bsw/jbe@0 557 * ui.paginate
bsw/jbe@0 558 */
bsw/jbe@0 559
bsw@11 560 .ui_paginate_head {
bsw@11 561 margin-bottom: 1ex;
bsw@11 562 }
bsw@11 563
bsw@11 564 .ui_paginate_foot {
bsw@11 565 margin-top: 1ex;
bsw@11 566 }
bsw@11 567
bsw/jbe@0 568 .ui_paginate_select a {
bsw/jbe@0 569 padding: 0.5ex;
bsw/jbe@0 570 }
bsw/jbe@0 571
bsw/jbe@0 572 /*************************************************************************
bsw/jbe@0 573 * ui.bargraph
bsw/jbe@0 574 */
bsw/jbe@0 575
bsw/jbe@0 576 .bargraph {
bsw/jbe@19 577 width: 103px;
bsw/jbe@19 578 }
bsw/jbe@19 579
bsw/jbe@19 580 .bargraph50 {
bsw/jbe@19 581 width: 52px;
bsw/jbe@0 582 }
bsw/jbe@0 583
bsw/jbe@0 584 .bargraph div {
bsw/jbe@0 585 float: left;
bsw/jbe@0 586 margin-top: 0.5ex;
bsw@2 587 height: 1.3ex;
bsw/jbe@0 588 }
bsw/jbe@0 589
bsw/jbe@4 590 .bargraph_legend {
bsw/jbe@4 591 margin-top: 2ex;
bsw/jbe@4 592 }
bsw/jbe@4 593
bsw/jbe@4 594 .bargraph_legend .bargraph {
bsw/jbe@4 595 width: 26px;
bsw/jbe@4 596 }
bsw/jbe@4 597
bsw/jbe@4 598 .bargraph_legend div,
bsw/jbe@4 599 .bargraph_legend div div,
bsw/jbe@4 600 .bargraph_legend div div div {
bsw/jbe@4 601 float: left;
bsw/jbe@4 602 }
bsw/jbe@4 603
bsw/jbe@4 604 .bargraph_legend_label {
bsw/jbe@4 605 margin-left: 0.5em;
bsw/jbe@4 606 margin-right: 1em;
bsw/jbe@4 607 }
bsw/jbe@4 608
bsw/jbe@0 609 /*************************************************************************
bsw/jbe@0 610 * vertical ui.form
bsw/jbe@0 611 */
bsw/jbe@0 612
bsw/jbe@0 613 .login input[type=text],
bsw/jbe@0 614 .vertical input[type=text],
bsw/jbe@0 615 .login input[type=password],
bsw/jbe@0 616 .vertical input[type=password],
bsw/jbe@0 617 .vertical textarea,
bsw/jbe@0 618 .vertical select {
bsw/jbe@0 619 font-family: sans-serif;
bsw/jbe@0 620 font-size: 100%;
bsw@2 621 width: 50em;
bsw/jbe@0 622 border: 1px solid #444;
bsw/jbe@0 623 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 624 margin-bottom: 1ex;
bsw/jbe@0 625 }
bsw/jbe@0 626
bsw/jbe@0 627 .login input[type=password],
bsw/jbe@0 628 .vertical input[type=password] {
bsw/jbe@0 629 width: 16em;
bsw/jbe@0 630 }
bsw/jbe@0 631
bsw/jbe@0 632 .vertical select {
bsw/jbe@0 633 padding-right: 0;
bsw/jbe@0 634 }
bsw/jbe@0 635
bsw/jbe@0 636 .login .ui_field_label,
bsw/jbe@0 637 .vertical .ui_field_label {
bsw/jbe@0 638 text-transform: uppercase;
bsw/jbe@0 639 font-size: 70%;
bsw/jbe@4 640 line-height: 120%;
bsw/jbe@0 641 font-weight: bold;
bsw/jbe@0 642 color: #777;
bsw/jbe@0 643 width: 15em;
bsw/jbe@0 644 display: block;
bsw/jbe@0 645 float: left;
bsw/jbe@0 646 clear: left;
bsw/jbe@0 647 text-align: right;
bsw/jbe@0 648 padding-right: 0.5em;
bsw/jbe@0 649 }
bsw/jbe@0 650
bsw@11 651 .ui_field_label.label_right {
bsw@11 652 text-align: left;
bsw@11 653 width: auto;
bsw@11 654 }
bsw@11 655
bsw/jbe@0 656 .login input[type=text],
bsw/jbe@0 657 .login input[type=password] {
bsw/jbe@0 658 width: 10em;
bsw/jbe@0 659 }
bsw/jbe@0 660
bsw/jbe@0 661 .login div,
bsw/jbe@0 662 .vertical div {
bsw/jbe@0 663 clear: left;
bsw/jbe@0 664 }
bsw/jbe@0 665
bsw/jbe@0 666 .vertical span {
bsw/jbe@0 667 display: block;
bsw/jbe@0 668 margin-bottom: 0.5ex;
bsw/jbe@0 669 }
bsw/jbe@0 670
bsw/jbe@0 671 .vertical span:after {
bsw/jbe@0 672 content: " ";
bsw/jbe@0 673 }
bsw/jbe@0 674
bsw/jbe@0 675 .vertical span span {
bsw/jbe@0 676 display: inline;
bsw/jbe@0 677 margin-bottom: 0;
bsw/jbe@0 678 }
bsw/jbe@0 679
bsw/jbe@0 680 .login input[type=submit],
bsw/jbe@0 681 .vertical input[type=submit] {
bsw/jbe@0 682 font-size: 100%;
bsw/jbe@0 683 margin-left: 11em;
bsw/jbe@0 684 background-color: #444444;
bsw/jbe@0 685 color: #fff;
bsw/jbe@0 686 border: none;
bsw/jbe@0 687 padding: 0.75ex;
bsw/jbe@0 688 }
bsw/jbe@0 689
bsw/jbe@0 690 .login input[type=submit]:hover,
bsw/jbe@0 691 .vertical input[type=submit]:hover {
bsw/jbe@0 692 background-color: #444444;
bsw/jbe@0 693 }
bsw/jbe@0 694
bsw/jbe@0 695 /*************************************************************************
bsw/jbe@0 696 * Tables
bsw/jbe@0 697 */
bsw/jbe@0 698
bsw/jbe@0 699
bsw/jbe@0 700 table a.action {
bsw/jbe@0 701 font-size: 70%;
bsw/jbe@0 702 line-height: 190%;
bsw/jbe@0 703 padding: 0.5ex;
bsw/jbe@0 704 color: #777;
bsw/jbe@0 705 }
bsw/jbe@0 706
bsw/jbe@0 707 table a.active {
bsw/jbe@0 708 color: #fff;
bsw/jbe@0 709 }
bsw/jbe@0 710
bsw/jbe@0 711 th {
bsw/jbe@0 712 text-align: left;
bsw/jbe@0 713 border-bottom: 1px solid #000;
bsw/jbe@0 714 }
bsw/jbe@0 715
bsw/jbe@0 716 tr:hover td {
bsw/jbe@0 717 background-color: #ddd;
bsw/jbe@0 718 }
bsw/jbe@0 719
bsw@11 720 .nohover tr:hover td {
bsw@11 721 background-color: #fff;
bsw@11 722 }
bsw@11 723
bsw@11 724 .nohover table tr:hover td {
bsw@11 725 background-color: #ddd;
bsw@11 726 }
bsw@11 727
bsw/jbe@0 728
bsw/jbe@0 729 tr table tr:hover td {
bsw/jbe@0 730 background-color: #fff;
bsw/jbe@0 731 }
bsw/jbe@0 732
bsw/jbe@0 733
bsw/jbe@0 734 /*************************************************************************
bsw/jbe@0 735 * Hidden inline form
bsw/jbe@0 736 */
bsw/jbe@0 737
bsw/jbe@0 738 .hidden_inline_form {
bsw/jbe@0 739 display: none;
bsw/jbe@0 740 border: 1px solid #444;
bsw/jbe@0 741 width: 42em;
bsw@8 742 position: fixed;
bsw/jbe@0 743 background-color: #fff;
bsw/jbe@0 744 left: 5em;
bsw@8 745 top: 5ex;
bsw/jbe@19 746 z-index: 2;
bsw/jbe@0 747 }
bsw/jbe@0 748
bsw/jbe@0 749 .hidden_inline_form a {
bsw/jbe@0 750 padding: 0.5ex;
bsw/jbe@0 751 color: #fff;
bsw/jbe@0 752 }
bsw/jbe@0 753
bsw/jbe@0 754
bsw/jbe@0 755 .hidden_inline_form .head {
bsw/jbe@0 756 background-color: #444;
bsw/jbe@0 757 color: #fff;
bsw/jbe@0 758 display: block;
bsw/jbe@0 759 padding: 0.5ex;
bsw/jbe@0 760 }
bsw/jbe@0 761
bsw/jbe@0 762 .hidden_inline_form input[type=text],
bsw/jbe@0 763 .hidden_inline_form textarea,
bsw/jbe@0 764 .hidden_inline_form select {
bsw/jbe@0 765 width: 30em;
bsw/jbe@0 766 }
bsw/jbe@0 767
bsw/jbe@0 768 /*************************************************************************
bsw/jbe@0 769 * Positive / Negtive votes
bsw/jbe@0 770 */
bsw/jbe@0 771
bsw/jbe@0 772
bsw/jbe@0 773 .positive_votes span {
bsw/jbe@0 774 display: inline;
bsw/jbe@0 775 }
bsw/jbe@0 776
bsw/jbe@0 777 .positive_votes {
bsw/jbe@0 778 display: inline;
bsw/jbe@0 779 background-color: #cfc;
bsw/jbe@0 780 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 781 }
bsw/jbe@0 782
bsw/jbe@0 783 .negative_votes span {
bsw/jbe@0 784 display: inline;
bsw/jbe@0 785 }
bsw/jbe@0 786
bsw/jbe@0 787 .negative_votes {
bsw/jbe@0 788 display: inline;
bsw/jbe@0 789 background-color: #fcc;
bsw/jbe@0 790 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 791 }
bsw/jbe@0 792
bsw/jbe@19 793 .suggestion_my_opinion a,
bsw/jbe@19 794 .suggestion_my_opinion span {
bsw/jbe@5 795 white-space: nowrap;
bsw/jbe@5 796 padding-left: 0.2ex !important;
bsw/jbe@5 797 padding-right: 0.2ex !important;
bsw/jbe@5 798 }
bsw/jbe@0 799
bsw/jbe@0 800 .active {
bsw/jbe@0 801 background-color: #444;
bsw/jbe@0 802 color: #fff;
bsw/jbe@0 803 }
bsw/jbe@0 804
bsw/jbe@0 805 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 806 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 807 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 808 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 809
bsw/jbe@0 810
bsw/jbe@0 811
bsw/jbe@0 812
bsw/jbe@0 813 /*************************************************************************
bsw/jbe@0 814 * Issues
bsw/jbe@0 815 */
bsw/jbe@0 816
bsw/jbe@0 817 .issues tr {
bsw@2 818 border: 1px solid #ccc;
bsw/jbe@0 819 }
bsw/jbe@0 820
bsw/jbe@0 821 .issues tr tr {
bsw@2 822 border: none;
bsw/jbe@0 823 }
bsw/jbe@0 824
bsw/jbe@0 825 .lang_chooser {
bsw/jbe@0 826 float: right;
bsw/jbe@0 827 margin-right: 0.5em;
bsw/jbe@0 828 }
bsw@2 829
bsw@2 830 .delegation_list_entry {
bsw@2 831 margin-right: 2em;
bsw@2 832 margin-bottom: 2ex;
bsw@2 833 float: left;
bsw@2 834 clear: left;
bsw@2 835 }
bsw@2 836
bsw@2 837 .delegation_list_entry .delegation_arrow {
bsw@2 838 float: left;
bsw@2 839 }
bsw@2 840
bsw@2 841 .delegation_list_entry .delegation_scope {
bsw@2 842 float: left;
bsw@2 843 width: 25em;
bsw@2 844 }
bsw@2 845
bsw@2 846 .delegation_list_entry .delegation_scope a {
bsw@2 847 display: block;
bsw@2 848 }
bsw@2 849
bsw@2 850 .member_list .member_thumb {
bsw@2 851 float: left;
bsw@2 852 margin-right: 1em;
bsw@2 853 margin-bottom: 2ex;
bsw@2 854 }
bsw@2 855
bsw@2 856 .member_thumb {
bsw@2 857 text-decoration: none;
bsw@32 858 width: 14.5em;
bsw/jbe@4 859 height: 48px;
bsw@2 860 display: block;
bsw@2 861 float: left;
bsw/jbe@4 862 border: 1px solid #999;
bsw/jbe@4 863 overflow: hidden;
bsw/jbe@4 864 xwhite-space: nowrap;
bsw/jbe@4 865 position: relative;
bsw/jbe@4 866 }
bsw/jbe@4 867
bsw/jbe@4 868 .member_thumb a{
bsw/jbe@4 869 position: absolute;
bsw/jbe@4 870 top: 0;
bsw/jbe@4 871 left: 0;
bsw/jbe@4 872 padding: 0;
bsw/jbe@4 873 margin: 0;
bsw@2 874 }
bsw@2 875
bsw@3 876 .member_thumb a:hover div {
bsw@3 877 background-color: #444;
bsw@3 878 color: #fff;
bsw@3 879 }
bsw@3 880
bsw@2 881 .member_thumb img {
bsw/jbe@4 882 padding: 0;
bsw/jbe@4 883 margin: 0;
bsw@2 884 vertical-align: bottom;
bsw@2 885 }
bsw@2 886
bsw@2 887 .member_thumb div {
bsw/jbe@4 888 }
bsw/jbe@4 889
bsw/jbe@4 890 .member_thumb .member_image {
bsw@3 891 }
bsw@3 892
bsw@3 893 .member_thumb .member_name {
bsw/jbe@4 894 position: absolute;
bsw/jbe@4 895 left: 48px;
bsw/jbe@4 896 top: 2ex;
bsw/jbe@4 897 font-size: 100%;
bsw/jbe@4 898 width: 14em;
bsw@2 899 }
bsw@2 900
bsw@3 901 .member_thumb .flags {
bsw/jbe@19 902 text-align: right;
bsw@3 903 font-size: 75%;
bsw@3 904 }
bsw@3 905
bsw/jbe@19 906 .member_thumb .flags a,
bsw/jbe@19 907 .member_thumb .flags img {
bsw/jbe@4 908 position: static;
bsw/jbe@4 909 float: right;
bsw/jbe@19 910 margin-left: 0.5em;
bsw/jbe@4 911 }
bsw/jbe@4 912
bsw/jbe@4 913
bsw/jbe@4 914 .member .right {
bsw/jbe@4 915 float: right;
bsw/jbe@4 916 }
bsw/jbe@4 917
bsw/jbe@19 918 .member_thumb.not_accepted,
bsw/jbe@19 919 .member_thumb.not_informed {
bsw@10 920 opacity: 0.5;
bsw@10 921 }
bsw@10 922
bsw/jbe@19 923 .member_statement,
bsw/jbe@4 924 .draft_content,
bsw/jbe@19 925 .suggestion_content {
bsw@2 926 background-color: #eee;
bsw@2 927 border: 1px solid #ccc;
bsw/jbe@4 928 padding-left: 1ex;
bsw/jbe@4 929 padding-right: 1ex;
bsw@2 930 }
bsw@2 931
bsw@2 932 .diff {
bsw@2 933 background-color: #eee;
bsw@2 934 border: 1px solid #ccc;
bsw@2 935 padding: 1ex;
bsw@2 936 }
bsw@2 937
bsw@2 938 .diff .added {
bsw@2 939 background-color: #cfc;
bsw@2 940 }
bsw@2 941
bsw@2 942 .diff .removed {
bsw@2 943 background-color: #fcc;
bsw@2 944 }
bsw@2 945
bsw@2 946 .slot_issue_info {
bsw@2 947 background-color: #eee;
bsw@2 948 border: 1px solid #ccc;
bsw@2 949 float: right;
bsw@2 950 padding: 0.5ex;
bsw@2 951 line-height: 130%;
bsw@2 952 margin-right: 1em;
bsw@2 953 }
bsw@2 954
bsw@2 955 .issue_info label {
bsw@2 956 float: left;
bsw@2 957 width: 8em;
bsw@2 958 text-transform: uppercase;
bsw@2 959 font-size: 70%;
bsw@2 960 color: #777;
bsw@2 961 font-weight: bold;
bsw@2 962 clear: left;
bsw@2 963 text-align: right;
bsw@2 964 margin-right: 0.7em;
bsw@2 965 }
bsw@2 966
bsw/jbe@19 967 .admitted_info {
bsw/jbe@19 968 background-color: #dfd;
bsw/jbe@19 969 padding: 1ex;
bsw/jbe@19 970 margin-bottom: 2ex;
bsw/jbe@19 971 }
bsw/jbe@19 972
bsw/jbe@19 973 .not_admitted_info,
bsw/jbe@19 974 .revoked_info {
bsw/jbe@19 975 background-color: #fdd;
bsw/jbe@19 976 padding: 1ex;
bsw/jbe@19 977 margin-bottom: 2ex;
bsw/jbe@19 978 }
bsw/jbe@19 979
bsw/jbe@6 980 .draft_updated_info,
bsw@10 981 .voting_active_info,
bsw@11 982 .initiator_invite_info,
bsw@11 983 .motd {
bsw/jbe@6 984 background-color: #fec;
bsw/jbe@19 985 border: 1px solid #b96;
bsw@2 986 padding: 1ex;
bsw/jbe@19 987 margin-bottom: 2ex;
bsw@3 988 }
bsw@3 989
bsw/jbe@4 990 .suggestion_fulfilled {
bsw/jbe@4 991 width: 15em;
bsw/jbe@4 992 }
bsw/jbe@4 993 .suggestion_fulfilled a.action {
bsw/jbe@4 994 padding-left: 0;
bsw/jbe@4 995 line-height: 120%;
bsw/jbe@4 996 }
bsw/jbe@4 997
bsw/jbe@6 998 .help,
bsw/jbe@6 999 .use_terms {
bsw/jbe@4 1000 border: 1px solid #bcd;
bsw/jbe@4 1001 background-color: #def;
bsw/jbe@4 1002 color: #000;
bsw/jbe@4 1003 padding: 1ex;
bsw/jbe@4 1004 }
bsw/jbe@4 1005
bsw/jbe@4 1006 .help_visible {
bsw/jbe@4 1007 margin-bottom: 1ex;
bsw/jbe@4 1008 }
bsw/jbe@4 1009
bsw/jbe@4 1010 .help_visible .help_icon {
bsw/jbe@4 1011 float: right;
bsw/jbe@4 1012 }
bsw/jbe@4 1013
bsw/jbe@4 1014 .slot_help_hidden {
bsw/jbe@4 1015 float: right;
bsw/jbe@4 1016 margin-right: 1em;
bsw/jbe@4 1017 }
bsw/jbe@4 1018
bsw/jbe@4 1019 .help_actions {
bsw/jbe@4 1020 font-size: 75%;
bsw/jbe@4 1021 float: right;
bsw/jbe@4 1022 }
bsw/jbe@4 1023
bsw/jbe@4 1024 .help_actions a {
bsw/jbe@4 1025 margin-right: 1em;
bsw/jbe@4 1026 color: #468;
bsw/jbe@4 1027 }
bsw/jbe@4 1028
bsw/jbe@4 1029 .wiki {
bsw/jbe@4 1030 }
bsw/jbe@4 1031
bsw/jbe@4 1032 .wiki h1,
bsw/jbe@4 1033 .wiki h2,
bsw/jbe@4 1034 .wiki h3,
bsw/jbe@4 1035 .wiki h4 {
bsw/jbe@4 1036 margin-top: 1ex;
bsw/jbe@4 1037 margin-bottom: 1ex;
bsw/jbe@4 1038 }
bsw/jbe@4 1039
bsw/jbe@4 1040 .wiki h1 {
bsw/jbe@4 1041 font-size: 150%;
bsw/jbe@4 1042 }
bsw/jbe@4 1043
bsw/jbe@4 1044 .wiki h2 {
bsw/jbe@4 1045 font-size: 125%;
bsw/jbe@4 1046 }
bsw/jbe@4 1047
bsw/jbe@4 1048 .wiki p {
bsw/jbe@4 1049 margin-top: 1ex;
bsw/jbe@4 1050 margin-bottom: 1ex;
bsw/jbe@4 1051 }
bsw/jbe@4 1052
bsw/jbe@4 1053 form .warning {
bsw/jbe@4 1054 background-color: #ffd;
bsw/jbe@4 1055 color: #000;
bsw/jbe@4 1056 border: 1px solid #dda;
bsw/jbe@4 1057 margin: 1ex;
bsw/jbe@4 1058 margin-bottom: 2ex;
bsw/jbe@4 1059 padding: 1ex;
bsw/jbe@4 1060 }
bsw/jbe@5 1061
bsw@9 1062 a.not_voted {
bsw@9 1063 display: block;
bsw@9 1064 background-color: #fec;
bsw@9 1065 color: #000;
bsw@9 1066 }
bsw/jbe@5 1067
bsw@11 1068 .action_active {
bsw@11 1069 background-color: #fec;
bsw@11 1070 }
bsw@11 1071
bsw/jbe@19 1072 .heading {
bsw/jbe@19 1073 font-size: 120%;
bsw/jbe@19 1074 font-weight: bold;
bsw/jbe@19 1075 margin-top: 2ex;
bsw/jbe@19 1076 margin-bottom: 1ex;
bsw/jbe@19 1077 }
bsw/jbe@19 1078
bsw/jbe@19 1079 .heading.first {
bsw/jbe@19 1080 margin-top: 0;
bsw/jbe@19 1081 }
bsw/jbe@19 1082
bsw/jbe@5 1083 /*************************************************************************
bsw/jbe@5 1084 * Voting
bsw/jbe@5 1085 */
bsw/jbe@5 1086
bsw/jbe@5 1087 #voting {
bsw/jbe@5 1088 position: relative;
bsw/jbe@5 1089 }
bsw/jbe@5 1090 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1091 border: 2px black solid;
bsw/jbe@5 1092 margin-top: 5ex;
bsw/jbe@5 1093 margin-bottom: 5ex;
bsw/jbe@5 1094 padding: 1ex;
bsw/jbe@5 1095 padding-bottom: 2ex;
bsw/jbe@5 1096 }
bsw/jbe@5 1097 #voting .approval {
bsw/jbe@5 1098 background-color: #9f9;
bsw/jbe@5 1099 }
bsw/jbe@5 1100 #voting .approval .movable {
bsw/jbe@5 1101 background-color: #dfd;
bsw/jbe@5 1102 }
bsw/jbe@5 1103 #voting .abstention {
bsw/jbe@5 1104 background-color: #ccc;
bsw/jbe@5 1105 }
bsw/jbe@5 1106 #voting .abstention .movable {
bsw/jbe@5 1107 background-color: #eee;
bsw/jbe@5 1108 }
bsw/jbe@5 1109 #voting .disapproval {
bsw/jbe@5 1110 background-color: #f88;
bsw/jbe@5 1111 }
bsw/jbe@5 1112 #voting .disapproval .movable {
bsw/jbe@5 1113 background-color: #fbb;
bsw/jbe@5 1114 }
bsw/jbe@5 1115 #voting .cathead {
bsw/jbe@5 1116 font-weight: bold;
bsw/jbe@5 1117 }
bsw/jbe@5 1118 #voting .movable {
bsw/jbe@5 1119 position: relative;
bsw/jbe@5 1120 border: 1px black solid;
bsw/jbe@5 1121 margin: 1ex;
bsw/jbe@5 1122 padding: 0.5ex;
bsw/jbe@19 1123 }
bsw/jbe@19 1124 #voting .voting_form_active .movable {
bsw/jbe@5 1125 cursor: pointer;
bsw/jbe@5 1126 }
bsw/jbe@19 1127 #voting .voting_form_active .clickable {
bsw/jbe@5 1128 cursor: auto;
bsw/jbe@5 1129 }
bsw/jbe@19 1130 #voting .voting_form_active a.clickable {
bsw/jbe@5 1131 cursor: pointer;
bsw/jbe@5 1132 }
bsw/jbe@6 1133
bsw/jbe@6 1134 #voting .grabber {
bsw/jbe@6 1135 vertical-align: middle;
bsw/jbe@6 1136 cursor: move;
bsw/jbe@19 1137 }
bsw/jbe@19 1138
bsw/jbe@19 1139

Impressum / About Us