liquid_feedback_frontend

annotate static/style.css @ 32:4ae09a588103

find changesets by author, revision, files, or words in the commit message
Changed style.css: Member thumb a bit smaller
author bsw
date Tue Feb 23 21:10:23 2010 +0100 (2010-02-23)
parents b195682957dc
children 4f39f0a0d5b5
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/jbe@19 506
bsw/jbe@19 507
bsw/jbe@0 508 /*************************************************************************
bsw/jbe@19 509 * ui.filters
bsw/jbe@0 510 */
bsw/jbe@0 511
bsw/jbe@19 512 .ui_filter_closed_head,
bsw/jbe@19 513 .ui_filter_head {
bsw@2 514 color: #777;
bsw/jbe@5 515 margin-top: 1ex;
bsw/jbe@5 516 margin-bottom: 1.5ex;
bsw@2 517 font-size: 75%;
bsw@2 518 }
bsw@2 519
bsw/jbe@19 520 .ui_filter_head a {
bsw/jbe@0 521 color: #777;
bsw/jbe@0 522 padding: 0.5ex;
bsw/jbe@0 523 }
bsw/jbe@0 524
bsw/jbe@19 525 .ui_filter_head a.active {
bsw/jbe@0 526 color: #fff;
bsw/jbe@0 527 background-color: #777;
bsw/jbe@0 528 padding: 0.5ex;
bsw/jbe@0 529 }
bsw/jbe@0 530
bsw/jbe@0 531 /*************************************************************************
bsw/jbe@0 532 * ui.paginate
bsw/jbe@0 533 */
bsw/jbe@0 534
bsw@11 535 .ui_paginate_head {
bsw@11 536 margin-bottom: 1ex;
bsw@11 537 }
bsw@11 538
bsw@11 539 .ui_paginate_foot {
bsw@11 540 margin-top: 1ex;
bsw@11 541 }
bsw@11 542
bsw/jbe@0 543 .ui_paginate_select a {
bsw/jbe@0 544 padding: 0.5ex;
bsw/jbe@0 545 }
bsw/jbe@0 546
bsw/jbe@0 547 /*************************************************************************
bsw/jbe@0 548 * ui.bargraph
bsw/jbe@0 549 */
bsw/jbe@0 550
bsw/jbe@0 551 .bargraph {
bsw/jbe@19 552 width: 103px;
bsw/jbe@19 553 }
bsw/jbe@19 554
bsw/jbe@19 555 .bargraph50 {
bsw/jbe@19 556 width: 52px;
bsw/jbe@0 557 }
bsw/jbe@0 558
bsw/jbe@0 559 .bargraph div {
bsw/jbe@0 560 float: left;
bsw/jbe@0 561 margin-top: 0.5ex;
bsw@2 562 height: 1.3ex;
bsw/jbe@0 563 }
bsw/jbe@0 564
bsw/jbe@4 565 .bargraph_legend {
bsw/jbe@4 566 margin-top: 2ex;
bsw/jbe@4 567 }
bsw/jbe@4 568
bsw/jbe@4 569 .bargraph_legend .bargraph {
bsw/jbe@4 570 width: 26px;
bsw/jbe@4 571 }
bsw/jbe@4 572
bsw/jbe@4 573 .bargraph_legend div,
bsw/jbe@4 574 .bargraph_legend div div,
bsw/jbe@4 575 .bargraph_legend div div div {
bsw/jbe@4 576 float: left;
bsw/jbe@4 577 }
bsw/jbe@4 578
bsw/jbe@4 579 .bargraph_legend_label {
bsw/jbe@4 580 margin-left: 0.5em;
bsw/jbe@4 581 margin-right: 1em;
bsw/jbe@4 582 }
bsw/jbe@4 583
bsw/jbe@0 584 /*************************************************************************
bsw/jbe@0 585 * vertical ui.form
bsw/jbe@0 586 */
bsw/jbe@0 587
bsw/jbe@0 588 .login input[type=text],
bsw/jbe@0 589 .vertical input[type=text],
bsw/jbe@0 590 .login input[type=password],
bsw/jbe@0 591 .vertical input[type=password],
bsw/jbe@0 592 .vertical textarea,
bsw/jbe@0 593 .vertical select {
bsw/jbe@0 594 font-family: sans-serif;
bsw/jbe@0 595 font-size: 100%;
bsw@2 596 width: 50em;
bsw/jbe@0 597 border: 1px solid #444;
bsw/jbe@0 598 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 599 margin-bottom: 1ex;
bsw/jbe@0 600 }
bsw/jbe@0 601
bsw/jbe@0 602 .login input[type=password],
bsw/jbe@0 603 .vertical input[type=password] {
bsw/jbe@0 604 width: 16em;
bsw/jbe@0 605 }
bsw/jbe@0 606
bsw/jbe@0 607 .vertical select {
bsw/jbe@0 608 padding-right: 0;
bsw/jbe@0 609 }
bsw/jbe@0 610
bsw/jbe@0 611 .login .ui_field_label,
bsw/jbe@0 612 .vertical .ui_field_label {
bsw/jbe@0 613 text-transform: uppercase;
bsw/jbe@0 614 font-size: 70%;
bsw/jbe@4 615 line-height: 120%;
bsw/jbe@0 616 font-weight: bold;
bsw/jbe@0 617 color: #777;
bsw/jbe@0 618 width: 15em;
bsw/jbe@0 619 display: block;
bsw/jbe@0 620 float: left;
bsw/jbe@0 621 clear: left;
bsw/jbe@0 622 text-align: right;
bsw/jbe@0 623 padding-right: 0.5em;
bsw/jbe@0 624 }
bsw/jbe@0 625
bsw@11 626 .ui_field_label.label_right {
bsw@11 627 text-align: left;
bsw@11 628 width: auto;
bsw@11 629 }
bsw@11 630
bsw/jbe@0 631 .login input[type=text],
bsw/jbe@0 632 .login input[type=password] {
bsw/jbe@0 633 width: 10em;
bsw/jbe@0 634 }
bsw/jbe@0 635
bsw/jbe@0 636 .login div,
bsw/jbe@0 637 .vertical div {
bsw/jbe@0 638 clear: left;
bsw/jbe@0 639 }
bsw/jbe@0 640
bsw/jbe@0 641 .vertical span {
bsw/jbe@0 642 display: block;
bsw/jbe@0 643 margin-bottom: 0.5ex;
bsw/jbe@0 644 }
bsw/jbe@0 645
bsw/jbe@0 646 .vertical span:after {
bsw/jbe@0 647 content: " ";
bsw/jbe@0 648 }
bsw/jbe@0 649
bsw/jbe@0 650 .vertical span span {
bsw/jbe@0 651 display: inline;
bsw/jbe@0 652 margin-bottom: 0;
bsw/jbe@0 653 }
bsw/jbe@0 654
bsw/jbe@0 655 .login input[type=submit],
bsw/jbe@0 656 .vertical input[type=submit] {
bsw/jbe@0 657 font-size: 100%;
bsw/jbe@0 658 margin-left: 11em;
bsw/jbe@0 659 background-color: #444444;
bsw/jbe@0 660 color: #fff;
bsw/jbe@0 661 border: none;
bsw/jbe@0 662 padding: 0.75ex;
bsw/jbe@0 663 }
bsw/jbe@0 664
bsw/jbe@0 665 .login input[type=submit]:hover,
bsw/jbe@0 666 .vertical input[type=submit]:hover {
bsw/jbe@0 667 background-color: #444444;
bsw/jbe@0 668 }
bsw/jbe@0 669
bsw/jbe@0 670 /*************************************************************************
bsw/jbe@0 671 * Tables
bsw/jbe@0 672 */
bsw/jbe@0 673
bsw/jbe@0 674
bsw/jbe@0 675 table a.action {
bsw/jbe@0 676 font-size: 70%;
bsw/jbe@0 677 line-height: 190%;
bsw/jbe@0 678 padding: 0.5ex;
bsw/jbe@0 679 color: #777;
bsw/jbe@0 680 }
bsw/jbe@0 681
bsw/jbe@0 682 table a.active {
bsw/jbe@0 683 color: #fff;
bsw/jbe@0 684 }
bsw/jbe@0 685
bsw/jbe@0 686 th {
bsw/jbe@0 687 text-align: left;
bsw/jbe@0 688 border-bottom: 1px solid #000;
bsw/jbe@0 689 }
bsw/jbe@0 690
bsw/jbe@0 691 tr:hover td {
bsw/jbe@0 692 background-color: #ddd;
bsw/jbe@0 693 }
bsw/jbe@0 694
bsw@11 695 .nohover tr:hover td {
bsw@11 696 background-color: #fff;
bsw@11 697 }
bsw@11 698
bsw@11 699 .nohover table tr:hover td {
bsw@11 700 background-color: #ddd;
bsw@11 701 }
bsw@11 702
bsw/jbe@0 703
bsw/jbe@0 704 tr table tr:hover td {
bsw/jbe@0 705 background-color: #fff;
bsw/jbe@0 706 }
bsw/jbe@0 707
bsw/jbe@0 708
bsw/jbe@0 709 /*************************************************************************
bsw/jbe@0 710 * Hidden inline form
bsw/jbe@0 711 */
bsw/jbe@0 712
bsw/jbe@0 713 .hidden_inline_form {
bsw/jbe@0 714 display: none;
bsw/jbe@0 715 border: 1px solid #444;
bsw/jbe@0 716 width: 42em;
bsw@8 717 position: fixed;
bsw/jbe@0 718 background-color: #fff;
bsw/jbe@0 719 left: 5em;
bsw@8 720 top: 5ex;
bsw/jbe@19 721 z-index: 2;
bsw/jbe@0 722 }
bsw/jbe@0 723
bsw/jbe@0 724 .hidden_inline_form a {
bsw/jbe@0 725 padding: 0.5ex;
bsw/jbe@0 726 color: #fff;
bsw/jbe@0 727 }
bsw/jbe@0 728
bsw/jbe@0 729
bsw/jbe@0 730 .hidden_inline_form .head {
bsw/jbe@0 731 background-color: #444;
bsw/jbe@0 732 color: #fff;
bsw/jbe@0 733 display: block;
bsw/jbe@0 734 padding: 0.5ex;
bsw/jbe@0 735 }
bsw/jbe@0 736
bsw/jbe@0 737 .hidden_inline_form input[type=text],
bsw/jbe@0 738 .hidden_inline_form textarea,
bsw/jbe@0 739 .hidden_inline_form select {
bsw/jbe@0 740 width: 30em;
bsw/jbe@0 741 }
bsw/jbe@0 742
bsw/jbe@0 743 /*************************************************************************
bsw/jbe@0 744 * Positive / Negtive votes
bsw/jbe@0 745 */
bsw/jbe@0 746
bsw/jbe@0 747
bsw/jbe@0 748 .positive_votes span {
bsw/jbe@0 749 display: inline;
bsw/jbe@0 750 }
bsw/jbe@0 751
bsw/jbe@0 752 .positive_votes {
bsw/jbe@0 753 display: inline;
bsw/jbe@0 754 background-color: #cfc;
bsw/jbe@0 755 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 756 }
bsw/jbe@0 757
bsw/jbe@0 758 .negative_votes span {
bsw/jbe@0 759 display: inline;
bsw/jbe@0 760 }
bsw/jbe@0 761
bsw/jbe@0 762 .negative_votes {
bsw/jbe@0 763 display: inline;
bsw/jbe@0 764 background-color: #fcc;
bsw/jbe@0 765 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 766 }
bsw/jbe@0 767
bsw/jbe@19 768 .suggestion_my_opinion a,
bsw/jbe@19 769 .suggestion_my_opinion span {
bsw/jbe@5 770 white-space: nowrap;
bsw/jbe@5 771 padding-left: 0.2ex !important;
bsw/jbe@5 772 padding-right: 0.2ex !important;
bsw/jbe@5 773 }
bsw/jbe@0 774
bsw/jbe@0 775 .active {
bsw/jbe@0 776 background-color: #444;
bsw/jbe@0 777 color: #fff;
bsw/jbe@0 778 }
bsw/jbe@0 779
bsw/jbe@0 780 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 781 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 782 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 783 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 784
bsw/jbe@0 785
bsw/jbe@0 786
bsw/jbe@0 787
bsw/jbe@0 788 /*************************************************************************
bsw/jbe@0 789 * Issues
bsw/jbe@0 790 */
bsw/jbe@0 791
bsw/jbe@0 792 .issues tr {
bsw@2 793 border: 1px solid #ccc;
bsw/jbe@0 794 }
bsw/jbe@0 795
bsw/jbe@0 796 .issues tr tr {
bsw@2 797 border: none;
bsw/jbe@0 798 }
bsw/jbe@0 799
bsw/jbe@0 800 .lang_chooser {
bsw/jbe@0 801 float: right;
bsw/jbe@0 802 margin-right: 0.5em;
bsw/jbe@0 803 }
bsw@2 804
bsw@2 805 .delegation_list_entry {
bsw@2 806 margin-right: 2em;
bsw@2 807 margin-bottom: 2ex;
bsw@2 808 float: left;
bsw@2 809 clear: left;
bsw@2 810 }
bsw@2 811
bsw@2 812 .delegation_list_entry .delegation_arrow {
bsw@2 813 float: left;
bsw@2 814 }
bsw@2 815
bsw@2 816 .delegation_list_entry .delegation_scope {
bsw@2 817 float: left;
bsw@2 818 width: 25em;
bsw@2 819 }
bsw@2 820
bsw@2 821 .delegation_list_entry .delegation_scope a {
bsw@2 822 display: block;
bsw@2 823 }
bsw@2 824
bsw@2 825 .member_list .member_thumb {
bsw@2 826 float: left;
bsw@2 827 margin-right: 1em;
bsw@2 828 margin-bottom: 2ex;
bsw@2 829 }
bsw@2 830
bsw@2 831 .member_thumb {
bsw@2 832 text-decoration: none;
bsw@32 833 width: 14.5em;
bsw/jbe@4 834 height: 48px;
bsw@2 835 display: block;
bsw@2 836 float: left;
bsw/jbe@4 837 border: 1px solid #999;
bsw/jbe@4 838 overflow: hidden;
bsw/jbe@4 839 xwhite-space: nowrap;
bsw/jbe@4 840 position: relative;
bsw/jbe@4 841 }
bsw/jbe@4 842
bsw/jbe@4 843 .member_thumb a{
bsw/jbe@4 844 position: absolute;
bsw/jbe@4 845 top: 0;
bsw/jbe@4 846 left: 0;
bsw/jbe@4 847 padding: 0;
bsw/jbe@4 848 margin: 0;
bsw@2 849 }
bsw@2 850
bsw@3 851 .member_thumb a:hover div {
bsw@3 852 background-color: #444;
bsw@3 853 color: #fff;
bsw@3 854 }
bsw@3 855
bsw@2 856 .member_thumb img {
bsw/jbe@4 857 padding: 0;
bsw/jbe@4 858 margin: 0;
bsw@2 859 vertical-align: bottom;
bsw@2 860 }
bsw@2 861
bsw@2 862 .member_thumb div {
bsw/jbe@4 863 }
bsw/jbe@4 864
bsw/jbe@4 865 .member_thumb .member_image {
bsw@3 866 }
bsw@3 867
bsw@3 868 .member_thumb .member_name {
bsw/jbe@4 869 position: absolute;
bsw/jbe@4 870 left: 48px;
bsw/jbe@4 871 top: 2ex;
bsw/jbe@4 872 font-size: 100%;
bsw/jbe@4 873 width: 14em;
bsw@2 874 }
bsw@2 875
bsw@3 876 .member_thumb .flags {
bsw/jbe@19 877 text-align: right;
bsw@3 878 font-size: 75%;
bsw@3 879 }
bsw@3 880
bsw/jbe@19 881 .member_thumb .flags a,
bsw/jbe@19 882 .member_thumb .flags img {
bsw/jbe@4 883 position: static;
bsw/jbe@4 884 float: right;
bsw/jbe@19 885 margin-left: 0.5em;
bsw/jbe@4 886 }
bsw/jbe@4 887
bsw/jbe@4 888
bsw/jbe@4 889 .member .right {
bsw/jbe@4 890 float: right;
bsw/jbe@4 891 }
bsw/jbe@4 892
bsw/jbe@19 893 .member_thumb.not_accepted,
bsw/jbe@19 894 .member_thumb.not_informed {
bsw@10 895 opacity: 0.5;
bsw@10 896 }
bsw@10 897
bsw/jbe@19 898 .member_statement,
bsw/jbe@4 899 .draft_content,
bsw/jbe@19 900 .suggestion_content {
bsw@2 901 background-color: #eee;
bsw@2 902 border: 1px solid #ccc;
bsw/jbe@4 903 padding-left: 1ex;
bsw/jbe@4 904 padding-right: 1ex;
bsw@2 905 }
bsw@2 906
bsw@2 907 .diff {
bsw@2 908 background-color: #eee;
bsw@2 909 border: 1px solid #ccc;
bsw@2 910 padding: 1ex;
bsw@2 911 }
bsw@2 912
bsw@2 913 .diff .added {
bsw@2 914 background-color: #cfc;
bsw@2 915 }
bsw@2 916
bsw@2 917 .diff .removed {
bsw@2 918 background-color: #fcc;
bsw@2 919 }
bsw@2 920
bsw@2 921 .slot_issue_info {
bsw@2 922 background-color: #eee;
bsw@2 923 border: 1px solid #ccc;
bsw@2 924 float: right;
bsw@2 925 padding: 0.5ex;
bsw@2 926 line-height: 130%;
bsw@2 927 margin-right: 1em;
bsw@2 928 }
bsw@2 929
bsw@2 930 .issue_info label {
bsw@2 931 float: left;
bsw@2 932 width: 8em;
bsw@2 933 text-transform: uppercase;
bsw@2 934 font-size: 70%;
bsw@2 935 color: #777;
bsw@2 936 font-weight: bold;
bsw@2 937 clear: left;
bsw@2 938 text-align: right;
bsw@2 939 margin-right: 0.7em;
bsw@2 940 }
bsw@2 941
bsw/jbe@19 942 .admitted_info {
bsw/jbe@19 943 background-color: #dfd;
bsw/jbe@19 944 padding: 1ex;
bsw/jbe@19 945 margin-bottom: 2ex;
bsw/jbe@19 946 }
bsw/jbe@19 947
bsw/jbe@19 948 .not_admitted_info,
bsw/jbe@19 949 .revoked_info {
bsw/jbe@19 950 background-color: #fdd;
bsw/jbe@19 951 padding: 1ex;
bsw/jbe@19 952 margin-bottom: 2ex;
bsw/jbe@19 953 }
bsw/jbe@19 954
bsw/jbe@6 955 .draft_updated_info,
bsw@10 956 .voting_active_info,
bsw@11 957 .initiator_invite_info,
bsw@11 958 .motd {
bsw/jbe@6 959 background-color: #fec;
bsw/jbe@19 960 border: 1px solid #b96;
bsw@2 961 padding: 1ex;
bsw/jbe@19 962 margin-bottom: 2ex;
bsw@3 963 }
bsw@3 964
bsw/jbe@4 965 .suggestion_fulfilled {
bsw/jbe@4 966 width: 15em;
bsw/jbe@4 967 }
bsw/jbe@4 968 .suggestion_fulfilled a.action {
bsw/jbe@4 969 padding-left: 0;
bsw/jbe@4 970 line-height: 120%;
bsw/jbe@4 971 }
bsw/jbe@4 972
bsw/jbe@6 973 .help,
bsw/jbe@6 974 .use_terms {
bsw/jbe@4 975 border: 1px solid #bcd;
bsw/jbe@4 976 background-color: #def;
bsw/jbe@4 977 color: #000;
bsw/jbe@4 978 padding: 1ex;
bsw/jbe@4 979 }
bsw/jbe@4 980
bsw/jbe@4 981 .help_visible {
bsw/jbe@4 982 margin-bottom: 1ex;
bsw/jbe@4 983 }
bsw/jbe@4 984
bsw/jbe@4 985 .help_visible .help_icon {
bsw/jbe@4 986 float: right;
bsw/jbe@4 987 }
bsw/jbe@4 988
bsw/jbe@4 989 .slot_help_hidden {
bsw/jbe@4 990 float: right;
bsw/jbe@4 991 margin-right: 1em;
bsw/jbe@4 992 }
bsw/jbe@4 993
bsw/jbe@4 994 .help_actions {
bsw/jbe@4 995 font-size: 75%;
bsw/jbe@4 996 float: right;
bsw/jbe@4 997 }
bsw/jbe@4 998
bsw/jbe@4 999 .help_actions a {
bsw/jbe@4 1000 margin-right: 1em;
bsw/jbe@4 1001 color: #468;
bsw/jbe@4 1002 }
bsw/jbe@4 1003
bsw/jbe@4 1004 .wiki {
bsw/jbe@4 1005 }
bsw/jbe@4 1006
bsw/jbe@4 1007 .wiki h1,
bsw/jbe@4 1008 .wiki h2,
bsw/jbe@4 1009 .wiki h3,
bsw/jbe@4 1010 .wiki h4 {
bsw/jbe@4 1011 margin-top: 1ex;
bsw/jbe@4 1012 margin-bottom: 1ex;
bsw/jbe@4 1013 }
bsw/jbe@4 1014
bsw/jbe@4 1015 .wiki h1 {
bsw/jbe@4 1016 font-size: 150%;
bsw/jbe@4 1017 }
bsw/jbe@4 1018
bsw/jbe@4 1019 .wiki h2 {
bsw/jbe@4 1020 font-size: 125%;
bsw/jbe@4 1021 }
bsw/jbe@4 1022
bsw/jbe@4 1023 .wiki p {
bsw/jbe@4 1024 margin-top: 1ex;
bsw/jbe@4 1025 margin-bottom: 1ex;
bsw/jbe@4 1026 }
bsw/jbe@4 1027
bsw/jbe@4 1028 form .warning {
bsw/jbe@4 1029 background-color: #ffd;
bsw/jbe@4 1030 color: #000;
bsw/jbe@4 1031 border: 1px solid #dda;
bsw/jbe@4 1032 margin: 1ex;
bsw/jbe@4 1033 margin-bottom: 2ex;
bsw/jbe@4 1034 padding: 1ex;
bsw/jbe@4 1035 }
bsw/jbe@5 1036
bsw@9 1037 a.not_voted {
bsw@9 1038 display: block;
bsw@9 1039 background-color: #fec;
bsw@9 1040 color: #000;
bsw@9 1041 }
bsw/jbe@5 1042
bsw@11 1043 .action_active {
bsw@11 1044 background-color: #fec;
bsw@11 1045 }
bsw@11 1046
bsw/jbe@19 1047 .heading {
bsw/jbe@19 1048 font-size: 120%;
bsw/jbe@19 1049 font-weight: bold;
bsw/jbe@19 1050 margin-top: 2ex;
bsw/jbe@19 1051 margin-bottom: 1ex;
bsw/jbe@19 1052 }
bsw/jbe@19 1053
bsw/jbe@19 1054 .heading.first {
bsw/jbe@19 1055 margin-top: 0;
bsw/jbe@19 1056 }
bsw/jbe@19 1057
bsw/jbe@5 1058 /*************************************************************************
bsw/jbe@5 1059 * Voting
bsw/jbe@5 1060 */
bsw/jbe@5 1061
bsw/jbe@5 1062 #voting {
bsw/jbe@5 1063 position: relative;
bsw/jbe@5 1064 }
bsw/jbe@5 1065 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 1066 border: 2px black solid;
bsw/jbe@5 1067 margin-top: 5ex;
bsw/jbe@5 1068 margin-bottom: 5ex;
bsw/jbe@5 1069 padding: 1ex;
bsw/jbe@5 1070 padding-bottom: 2ex;
bsw/jbe@5 1071 }
bsw/jbe@5 1072 #voting .approval {
bsw/jbe@5 1073 background-color: #9f9;
bsw/jbe@5 1074 }
bsw/jbe@5 1075 #voting .approval .movable {
bsw/jbe@5 1076 background-color: #dfd;
bsw/jbe@5 1077 }
bsw/jbe@5 1078 #voting .abstention {
bsw/jbe@5 1079 background-color: #ccc;
bsw/jbe@5 1080 }
bsw/jbe@5 1081 #voting .abstention .movable {
bsw/jbe@5 1082 background-color: #eee;
bsw/jbe@5 1083 }
bsw/jbe@5 1084 #voting .disapproval {
bsw/jbe@5 1085 background-color: #f88;
bsw/jbe@5 1086 }
bsw/jbe@5 1087 #voting .disapproval .movable {
bsw/jbe@5 1088 background-color: #fbb;
bsw/jbe@5 1089 }
bsw/jbe@5 1090 #voting .cathead {
bsw/jbe@5 1091 font-weight: bold;
bsw/jbe@5 1092 }
bsw/jbe@5 1093 #voting .movable {
bsw/jbe@5 1094 position: relative;
bsw/jbe@5 1095 border: 1px black solid;
bsw/jbe@5 1096 margin: 1ex;
bsw/jbe@5 1097 padding: 0.5ex;
bsw/jbe@19 1098 }
bsw/jbe@19 1099 #voting .voting_form_active .movable {
bsw/jbe@5 1100 cursor: pointer;
bsw/jbe@5 1101 }
bsw/jbe@19 1102 #voting .voting_form_active .clickable {
bsw/jbe@5 1103 cursor: auto;
bsw/jbe@5 1104 }
bsw/jbe@19 1105 #voting .voting_form_active a.clickable {
bsw/jbe@5 1106 cursor: pointer;
bsw/jbe@5 1107 }
bsw/jbe@6 1108
bsw/jbe@6 1109 #voting .grabber {
bsw/jbe@6 1110 vertical-align: middle;
bsw/jbe@6 1111 cursor: move;
bsw/jbe@19 1112 }
bsw/jbe@19 1113
bsw/jbe@19 1114

Impressum / About Us