liquid_feedback_frontend

annotate static/style.css @ 16:559c6be0e1e9

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

Impressum / About Us