liquid_feedback_frontend

annotate static/style.css @ 4:80c215dbf076

Version alpha5

Many optical changes and improved usability

Support for different wiki-formatting-engines

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

Impressum / About Us