liquid_feedback_frontend

annotate static/style.css @ 10:72c5e0ee7c98

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

Bugfixes:
- Security fix: Every user was able to change the discussion URL of an initiative
- Creation of new issues in areas without default policies is now possible
- Members can now be sorted in different ways
- No error when trying to compare a draft with itself
- Added missing local statement to variable initialization in app/main/delegation/new.lua
- CSS flaw in initiative action bar fixed

New features:
- Possiblity to invite other users to become initiator
- Revokation of initiatives implemented
- Number of suggestions, supporters, etc. is shown on corresponding tabs of initiative view
- Members can now be sorted by account creation (default sorting is "newest first")
- Configuration option to create an automatic discussion link for all issues
- First draft of global timeline feature (not accessible via link yet)
- Custom stylesheet URL for users marked as developers

In area listing the number of closed issues is shown too

Renamed "author" field of initiative to "last author"

Removed wrongly included file app/main/member/_show_thumb.lua.orig in the distribution

Help texts updated
author bsw
date Sun Jan 10 12:00:00 2010 +0100 (2010-01-10)
parents 0ee1e0c42d4c
children 77d58efe99fd
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/jbe@4 263 .delegation {
bsw@2 264 float: left;
bsw/jbe@4 265 position: relative;
bsw/jbe@4 266 }
bsw/jbe@4 267
bsw/jbe@4 268 .interest img,
bsw/jbe@4 269 .slot_support img,
bsw/jbe@4 270 .delegation img {
bsw/jbe@4 271 padding-left: 0.2em;
bsw/jbe@4 272 padding-right: 0.2em;
bsw/jbe@4 273 }
bsw/jbe@4 274 .vote_info .head {
bsw/jbe@4 275 float: left;
bsw@2 276 margin-right: 1em;
bsw@2 277 }
bsw@2 278
bsw/jbe@5 279 .interest .head_active,
bsw@10 280 .slot_support .head_potential_supporter{
bsw/jbe@5 281 background-color: #fec;
bsw/jbe@5 282 border: 1px solid #b96;
bsw/jbe@4 283 }
bsw/jbe@4 284
bsw/jbe@5 285 .slot_support .head_supporter {
bsw/jbe@5 286 background-color: #dfc;
bsw/jbe@4 287 border: 1px solid #8b8;
bsw/jbe@4 288 }
bsw/jbe@4 289
bsw@10 290 .slot_support .head_initiator {
bsw@10 291 background-color: #eee;
bsw@10 292 border: 1px solid #999;
bsw@10 293 }
bsw@10 294
bsw/jbe@4 295 .delegation .head_active {
bsw/jbe@5 296 background-color: #ddf;
bsw/jbe@5 297 border: 1px solid #88b;
bsw@2 298 }
bsw@2 299
bsw@2 300 .vote_info .close {
bsw/jbe@4 301 position: absolute;
bsw/jbe@4 302 top: 0;
bsw/jbe@4 303 right: 0;
bsw@2 304 padding: 1ex;
bsw/jbe@4 305 display: block;
bsw@2 306 }
bsw@2 307
bsw@2 308 .vote_info .content {
bsw/jbe@4 309 font-size: 133%;
bsw/jbe@4 310 line-height: 100%;
bsw/jbe@4 311 top: 3ex;
bsw@2 312 display: none;
bsw@2 313 position: absolute;
bsw@2 314 z-index: 10;
bsw@2 315 background-color: #fff;
bsw/jbe@4 316 border: 1px solid #999;
bsw@2 317 padding: 1em;
bsw/jbe@4 318 width: 25em;
bsw@2 319 }
bsw@2 320
bsw@2 321 .vote_info .delegation_arrow {
bsw@2 322 margin-top: 1ex;
bsw@2 323 margin-bottom: 1ex;
bsw@2 324 vertical-align: middle;
bsw@2 325 }
bsw@2 326
bsw/jbe@4 327 .vote_info .delegation_arrow_overridden {
bsw/jbe@4 328 opacity: 0.4;
bsw/jbe@4 329 }
bsw/jbe@4 330
bsw/jbe@4 331 .vote_info .delegation_scope_overridden {
bsw/jbe@4 332 color: #777;
bsw/jbe@4 333 }
bsw/jbe@4 334
bsw@2 335 .vote_info .delegation_scope {
bsw@2 336 display: inline;
bsw@2 337 }
bsw@2 338
bsw@2 339 .vote_info .delegation_info {
bsw@2 340 }
bsw@2 341
bsw@2 342 .vote_info .member_thumb {
bsw@2 343 clear: left;
bsw@2 344 }
bsw@2 345
bsw/jbe@4 346 .delegation_overridden .member_thumb {
bsw/jbe@4 347 opacity: 0.4;
bsw/jbe@4 348 }
bsw/jbe@4 349
bsw@2 350 .delegation .revoke {
bsw@2 351 margin: 0.5ex;
bsw/jbe@4 352 float: right;
bsw@2 353 }
bsw@2 354
bsw@2 355 .delegation .revoke img {
bsw@2 356 vertical-align: middle;
bsw@2 357 }
bsw@2 358
bsw/jbe@4 359
bsw/jbe@4 360 .sub_title div {
bsw/jbe@4 361 border-top: 1px solid #444;
bsw/jbe@4 362 padding-top: 1ex;
bsw/jbe@4 363 margin-top: 1ex;
bsw/jbe@4 364 font-weight: bold;
bsw/jbe@4 365 font-size: 135%;
bsw/jbe@4 366 line-height: 110%;
bsw/jbe@4 367 }
bsw/jbe@4 368
bsw@2 369 /*************************************************************************
bsw/jbe@0 370 * Main content
bsw/jbe@0 371 */
bsw/jbe@0 372
bsw/jbe@0 373 .main {
bsw/jbe@0 374 margin-left: 1em;
bsw/jbe@0 375 margin-right: 1em;
bsw/jbe@0 376 }
bsw/jbe@0 377
bsw/jbe@0 378
bsw/jbe@0 379 /*************************************************************************
bsw/jbe@0 380 * ui.tab
bsw/jbe@0 381 */
bsw/jbe@0 382
bsw/jbe@0 383 .ui_tabs_links {
bsw/jbe@0 384 margin-top: 4ex;
bsw/jbe@0 385 font-size: 75%;
bsw/jbe@0 386 }
bsw/jbe@0 387
bsw/jbe@0 388 .ui_tabs_links a {
bsw/jbe@0 389 padding: 1ex;
bsw/jbe@4 390 line-height: 200%;
bsw/jbe@0 391 background-color: #e7e7e7;
bsw/jbe@4 392 white-space: nowrap;
bsw/jbe@0 393 }
bsw/jbe@0 394
bsw/jbe@0 395 .ui_tabs_links a:hover {
bsw/jbe@0 396 background-color: #d7d7d7;
bsw/jbe@0 397 }
bsw/jbe@0 398
bsw/jbe@0 399 .ui_tabs_links a.selected {
bsw/jbe@0 400 background-color: #444;
bsw/jbe@0 401 color: #fff;
bsw/jbe@0 402 text-decoration: none;
bsw/jbe@0 403 padding: 1ex;
bsw/jbe@0 404 }
bsw/jbe@0 405
bsw/jbe@0 406 .ui_tabs_content {
bsw/jbe@0 407 border: 1px solid #444;
bsw/jbe@0 408 padding: 1ex 1ex 1ex 1ex;
bsw/jbe@0 409 }
bsw/jbe@0 410
bsw/jbe@0 411 /*************************************************************************
bsw/jbe@5 412 * ui.filter
bsw/jbe@0 413 * ui.order
bsw/jbe@0 414 */
bsw/jbe@0 415
bsw/jbe@5 416 .ui_filter_head,
bsw/jbe@5 417 .ui_order_head {
bsw@2 418 color: #777;
bsw/jbe@5 419 margin-top: 1ex;
bsw/jbe@5 420 margin-bottom: 1.5ex;
bsw@2 421 font-size: 75%;
bsw@2 422 }
bsw@2 423
bsw/jbe@5 424 .ui_filter_head a,
bsw/jbe@0 425 .ui_order_head a {
bsw/jbe@0 426 color: #777;
bsw/jbe@0 427 padding: 0.5ex;
bsw/jbe@0 428 }
bsw/jbe@0 429
bsw/jbe@5 430 .ui_filter_head a.active,
bsw/jbe@5 431 .ui_order_head a.active {
bsw/jbe@0 432 color: #fff;
bsw/jbe@0 433 background-color: #777;
bsw/jbe@0 434 padding: 0.5ex;
bsw/jbe@0 435 }
bsw/jbe@0 436
bsw/jbe@0 437 /*************************************************************************
bsw/jbe@0 438 * ui.paginate
bsw/jbe@0 439 */
bsw/jbe@0 440
bsw/jbe@0 441 .ui_paginate_select a {
bsw/jbe@0 442 padding: 0.5ex;
bsw/jbe@0 443 }
bsw/jbe@0 444
bsw/jbe@0 445 /*************************************************************************
bsw/jbe@0 446 * ui.bargraph
bsw/jbe@0 447 */
bsw/jbe@0 448
bsw/jbe@0 449 .bargraph {
bsw@2 450 width: 101px;
bsw/jbe@0 451 }
bsw/jbe@0 452
bsw/jbe@0 453 .bargraph div {
bsw/jbe@0 454 float: left;
bsw/jbe@0 455 margin-top: 0.5ex;
bsw@2 456 height: 1.3ex;
bsw/jbe@0 457 }
bsw/jbe@0 458
bsw/jbe@4 459 .bargraph_legend {
bsw/jbe@4 460 margin-top: 2ex;
bsw/jbe@4 461 }
bsw/jbe@4 462
bsw/jbe@4 463 .bargraph_legend .bargraph {
bsw/jbe@4 464 width: 26px;
bsw/jbe@4 465 }
bsw/jbe@4 466
bsw/jbe@4 467 .bargraph_legend div,
bsw/jbe@4 468 .bargraph_legend div div,
bsw/jbe@4 469 .bargraph_legend div div div {
bsw/jbe@4 470 float: left;
bsw/jbe@4 471 }
bsw/jbe@4 472
bsw/jbe@4 473 .bargraph_legend_label {
bsw/jbe@4 474 margin-left: 0.5em;
bsw/jbe@4 475 margin-right: 1em;
bsw/jbe@4 476 }
bsw/jbe@4 477
bsw/jbe@0 478 /*************************************************************************
bsw/jbe@0 479 * vertical ui.form
bsw/jbe@0 480 */
bsw/jbe@0 481
bsw/jbe@0 482 .login input[type=text],
bsw/jbe@0 483 .vertical input[type=text],
bsw/jbe@0 484 .login input[type=password],
bsw/jbe@0 485 .vertical input[type=password],
bsw/jbe@0 486 .vertical textarea,
bsw/jbe@0 487 .vertical select {
bsw/jbe@0 488 font-family: sans-serif;
bsw/jbe@0 489 font-size: 100%;
bsw@2 490 width: 50em;
bsw/jbe@0 491 border: 1px solid #444;
bsw/jbe@0 492 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 493 margin-bottom: 1ex;
bsw/jbe@0 494 }
bsw/jbe@0 495
bsw/jbe@0 496 .login input[type=password],
bsw/jbe@0 497 .vertical input[type=password] {
bsw/jbe@0 498 width: 16em;
bsw/jbe@0 499 }
bsw/jbe@0 500
bsw/jbe@0 501 .vertical select {
bsw/jbe@0 502 padding-right: 0;
bsw/jbe@0 503 }
bsw/jbe@0 504
bsw/jbe@0 505 .login .ui_field_label,
bsw/jbe@0 506 .vertical .ui_field_label {
bsw/jbe@0 507 text-transform: uppercase;
bsw/jbe@0 508 font-size: 70%;
bsw/jbe@4 509 line-height: 120%;
bsw/jbe@0 510 font-weight: bold;
bsw/jbe@0 511 color: #777;
bsw/jbe@0 512 width: 15em;
bsw/jbe@0 513 display: block;
bsw/jbe@0 514 float: left;
bsw/jbe@0 515 clear: left;
bsw/jbe@0 516 text-align: right;
bsw/jbe@0 517 padding-right: 0.5em;
bsw/jbe@0 518 }
bsw/jbe@0 519
bsw/jbe@0 520 .login input[type=text],
bsw/jbe@0 521 .login input[type=password] {
bsw/jbe@0 522 width: 10em;
bsw/jbe@0 523 }
bsw/jbe@0 524
bsw/jbe@0 525 .login div,
bsw/jbe@0 526 .vertical div {
bsw/jbe@0 527 clear: left;
bsw/jbe@0 528 }
bsw/jbe@0 529
bsw/jbe@0 530 .vertical span {
bsw/jbe@0 531 display: block;
bsw/jbe@0 532 margin-bottom: 0.5ex;
bsw/jbe@0 533 }
bsw/jbe@0 534
bsw/jbe@0 535 .vertical span:after {
bsw/jbe@0 536 content: " ";
bsw/jbe@0 537 }
bsw/jbe@0 538
bsw/jbe@0 539 .vertical span span {
bsw/jbe@0 540 display: inline;
bsw/jbe@0 541 margin-bottom: 0;
bsw/jbe@0 542 }
bsw/jbe@0 543
bsw/jbe@0 544 .login input[type=submit],
bsw/jbe@0 545 .vertical input[type=submit] {
bsw/jbe@0 546 font-size: 100%;
bsw/jbe@0 547 margin-left: 11em;
bsw/jbe@0 548 background-color: #444444;
bsw/jbe@0 549 color: #fff;
bsw/jbe@0 550 border: none;
bsw/jbe@0 551 padding: 0.75ex;
bsw/jbe@0 552 }
bsw/jbe@0 553
bsw/jbe@0 554 .login input[type=submit]:hover,
bsw/jbe@0 555 .vertical input[type=submit]:hover {
bsw/jbe@0 556 background-color: #444444;
bsw/jbe@0 557 }
bsw/jbe@0 558
bsw/jbe@0 559 /*************************************************************************
bsw/jbe@0 560 * Tables
bsw/jbe@0 561 */
bsw/jbe@0 562
bsw/jbe@0 563
bsw/jbe@0 564 table a.action {
bsw/jbe@0 565 font-size: 70%;
bsw/jbe@0 566 line-height: 190%;
bsw/jbe@0 567 padding: 0.5ex;
bsw/jbe@0 568 color: #777;
bsw/jbe@0 569 }
bsw/jbe@0 570
bsw/jbe@0 571 table a.active {
bsw/jbe@0 572 color: #fff;
bsw/jbe@0 573 }
bsw/jbe@0 574
bsw/jbe@0 575 th {
bsw/jbe@0 576 text-align: left;
bsw/jbe@0 577 border-bottom: 1px solid #000;
bsw/jbe@0 578 }
bsw/jbe@0 579
bsw/jbe@0 580 tr:hover td {
bsw/jbe@0 581 background-color: #ddd;
bsw/jbe@0 582 }
bsw/jbe@0 583
bsw/jbe@0 584
bsw/jbe@0 585 tr table tr:hover td {
bsw/jbe@0 586 background-color: #fff;
bsw/jbe@0 587 }
bsw/jbe@0 588
bsw/jbe@0 589
bsw/jbe@0 590 /*************************************************************************
bsw/jbe@0 591 * Hidden inline form
bsw/jbe@0 592 */
bsw/jbe@0 593
bsw/jbe@0 594 .hidden_inline_form {
bsw/jbe@0 595 display: none;
bsw/jbe@0 596 border: 1px solid #444;
bsw/jbe@0 597 width: 42em;
bsw@8 598 position: fixed;
bsw/jbe@0 599 background-color: #fff;
bsw/jbe@0 600 left: 5em;
bsw@8 601 top: 5ex;
bsw/jbe@0 602 }
bsw/jbe@0 603
bsw/jbe@0 604 .hidden_inline_form a {
bsw/jbe@0 605 padding: 0.5ex;
bsw/jbe@0 606 color: #fff;
bsw/jbe@0 607 }
bsw/jbe@0 608
bsw/jbe@0 609
bsw/jbe@0 610 .hidden_inline_form .head {
bsw/jbe@0 611 background-color: #444;
bsw/jbe@0 612 color: #fff;
bsw/jbe@0 613 display: block;
bsw/jbe@0 614 padding: 0.5ex;
bsw/jbe@0 615 }
bsw/jbe@0 616
bsw/jbe@0 617 .hidden_inline_form input[type=text],
bsw/jbe@0 618 .hidden_inline_form textarea,
bsw/jbe@0 619 .hidden_inline_form select {
bsw/jbe@0 620 width: 30em;
bsw/jbe@0 621 }
bsw/jbe@0 622
bsw/jbe@0 623 /*************************************************************************
bsw/jbe@0 624 * Positive / Negtive votes
bsw/jbe@0 625 */
bsw/jbe@0 626
bsw/jbe@0 627
bsw/jbe@0 628 .positive_votes span {
bsw/jbe@0 629 display: inline;
bsw/jbe@0 630 }
bsw/jbe@0 631
bsw/jbe@0 632 .positive_votes {
bsw/jbe@0 633 display: inline;
bsw/jbe@0 634 background-color: #cfc;
bsw/jbe@0 635 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 636 }
bsw/jbe@0 637
bsw/jbe@0 638 .negative_votes span {
bsw/jbe@0 639 display: inline;
bsw/jbe@0 640 }
bsw/jbe@0 641
bsw/jbe@0 642 .negative_votes {
bsw/jbe@0 643 display: inline;
bsw/jbe@0 644 background-color: #fcc;
bsw/jbe@0 645 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 646 }
bsw/jbe@0 647
bsw/jbe@5 648 .suggestion_my_opinion a {
bsw/jbe@5 649 white-space: nowrap;
bsw/jbe@5 650 padding-left: 0.2ex !important;
bsw/jbe@5 651 padding-right: 0.2ex !important;
bsw/jbe@5 652 }
bsw/jbe@0 653
bsw/jbe@0 654 .active {
bsw/jbe@0 655 background-color: #444;
bsw/jbe@0 656 color: #fff;
bsw/jbe@0 657 }
bsw/jbe@0 658
bsw/jbe@0 659 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 660 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 661 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 662 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 663
bsw/jbe@0 664
bsw/jbe@0 665
bsw/jbe@0 666
bsw/jbe@0 667 /*************************************************************************
bsw/jbe@0 668 * Issues
bsw/jbe@0 669 */
bsw/jbe@0 670
bsw/jbe@0 671 .issues tr {
bsw@2 672 border: 1px solid #ccc;
bsw/jbe@0 673 }
bsw/jbe@0 674
bsw/jbe@0 675 .issues tr tr {
bsw@2 676 border: none;
bsw/jbe@0 677 }
bsw/jbe@0 678
bsw/jbe@0 679 .lang_chooser {
bsw/jbe@0 680 float: right;
bsw/jbe@0 681 margin-right: 0.5em;
bsw/jbe@0 682 }
bsw@2 683
bsw@2 684 .delegation_list_entry {
bsw@2 685 margin-right: 2em;
bsw@2 686 margin-bottom: 2ex;
bsw@2 687 float: left;
bsw@2 688 clear: left;
bsw@2 689 }
bsw@2 690
bsw@2 691 .delegation_list_entry .delegation_arrow {
bsw@2 692 float: left;
bsw@2 693 }
bsw@2 694
bsw@2 695 .delegation_list_entry .delegation_scope {
bsw@2 696 float: left;
bsw@2 697 width: 25em;
bsw@2 698 }
bsw@2 699
bsw@2 700 .delegation_list_entry .delegation_scope a {
bsw@2 701 display: block;
bsw@2 702 }
bsw@2 703
bsw@2 704 .member_list .member_thumb {
bsw@2 705 float: left;
bsw@2 706 margin-right: 1em;
bsw@2 707 margin-bottom: 2ex;
bsw@2 708 }
bsw@2 709
bsw@2 710 .member_thumb {
bsw@2 711 text-decoration: none;
bsw/jbe@4 712 width: 18em;
bsw/jbe@4 713 height: 48px;
bsw@2 714 display: block;
bsw@2 715 float: left;
bsw/jbe@4 716 border: 1px solid #999;
bsw/jbe@4 717 overflow: hidden;
bsw/jbe@4 718 xwhite-space: nowrap;
bsw/jbe@4 719 position: relative;
bsw/jbe@4 720 }
bsw/jbe@4 721
bsw/jbe@4 722 .member_thumb a{
bsw/jbe@4 723 position: absolute;
bsw/jbe@4 724 top: 0;
bsw/jbe@4 725 left: 0;
bsw/jbe@4 726 padding: 0;
bsw/jbe@4 727 margin: 0;
bsw@2 728 }
bsw@2 729
bsw@3 730 .member_thumb a:hover div {
bsw@3 731 background-color: #444;
bsw@3 732 color: #fff;
bsw@3 733 }
bsw@3 734
bsw@2 735 .member_thumb img {
bsw/jbe@4 736 padding: 0;
bsw/jbe@4 737 margin: 0;
bsw@2 738 vertical-align: bottom;
bsw@2 739 }
bsw@2 740
bsw@2 741 .member_thumb div {
bsw/jbe@4 742 }
bsw/jbe@4 743
bsw/jbe@4 744 .member_thumb .member_image {
bsw@3 745 }
bsw@3 746
bsw@3 747 .member_thumb .member_name {
bsw/jbe@4 748 position: absolute;
bsw/jbe@4 749 left: 48px;
bsw/jbe@4 750 top: 2ex;
bsw/jbe@4 751 font-size: 100%;
bsw/jbe@4 752 width: 14em;
bsw@2 753 }
bsw@2 754
bsw@3 755 .member_thumb .flags {
bsw@3 756 float: right;
bsw@3 757 font-size: 75%;
bsw@3 758 }
bsw@3 759
bsw/jbe@4 760 .member_thumb .flags a{
bsw/jbe@4 761 position: static;
bsw/jbe@4 762 float: right;
bsw/jbe@4 763 }
bsw/jbe@4 764
bsw/jbe@4 765
bsw/jbe@4 766 .member .right {
bsw/jbe@4 767 float: right;
bsw/jbe@4 768 }
bsw/jbe@4 769
bsw@10 770 .member_thumb.not_accepted {
bsw@10 771 opacity: 0.5;
bsw@10 772 }
bsw@10 773
bsw/jbe@4 774 .draft_content,
bsw/jbe@4 775 .member_statement {
bsw@2 776 background-color: #eee;
bsw@2 777 border: 1px solid #ccc;
bsw/jbe@4 778 padding-left: 1ex;
bsw/jbe@4 779 padding-right: 1ex;
bsw@2 780 }
bsw@2 781
bsw@2 782 .diff {
bsw@2 783 background-color: #eee;
bsw@2 784 border: 1px solid #ccc;
bsw@2 785 padding: 1ex;
bsw@2 786 }
bsw@2 787
bsw@2 788 .diff .added {
bsw@2 789 background-color: #cfc;
bsw@2 790 }
bsw@2 791
bsw@2 792 .diff .removed {
bsw@2 793 background-color: #fcc;
bsw@2 794 }
bsw@2 795
bsw@2 796 .slot_issue_info {
bsw@2 797 background-color: #eee;
bsw@2 798 border: 1px solid #ccc;
bsw@2 799 float: right;
bsw@2 800 padding: 0.5ex;
bsw@2 801 line-height: 130%;
bsw@2 802 margin-right: 1em;
bsw@2 803 }
bsw@2 804
bsw@2 805 .issue_info label {
bsw@2 806 float: left;
bsw@2 807 width: 8em;
bsw@2 808 text-transform: uppercase;
bsw@2 809 font-size: 70%;
bsw@2 810 color: #777;
bsw@2 811 font-weight: bold;
bsw@2 812 clear: left;
bsw@2 813 text-align: right;
bsw@2 814 margin-right: 0.7em;
bsw@2 815 }
bsw@2 816
bsw/jbe@6 817 .draft_updated_info,
bsw@10 818 .voting_active_info,
bsw@10 819 .revoked_info,
bsw@10 820 .initiator_invite_info {
bsw/jbe@6 821 background-color: #fec;
bsw/jbe@6 822 border: 2px solid #b96;
bsw@2 823 padding: 1ex;
bsw@3 824 }
bsw@3 825
bsw/jbe@4 826 .suggestion_fulfilled {
bsw/jbe@4 827 width: 15em;
bsw/jbe@4 828 }
bsw/jbe@4 829 .suggestion_fulfilled a.action {
bsw/jbe@4 830 padding-left: 0;
bsw/jbe@4 831 line-height: 120%;
bsw/jbe@4 832 }
bsw/jbe@4 833
bsw/jbe@6 834 .help,
bsw/jbe@6 835 .use_terms {
bsw/jbe@4 836 border: 1px solid #bcd;
bsw/jbe@4 837 background-color: #def;
bsw/jbe@4 838 color: #000;
bsw/jbe@4 839 padding: 1ex;
bsw/jbe@4 840 }
bsw/jbe@4 841
bsw/jbe@4 842 .help_visible {
bsw/jbe@4 843 margin-bottom: 1ex;
bsw/jbe@4 844 }
bsw/jbe@4 845
bsw/jbe@4 846 .help_visible .help_icon {
bsw/jbe@4 847 float: right;
bsw/jbe@4 848 }
bsw/jbe@4 849
bsw/jbe@4 850 .slot_help_hidden {
bsw/jbe@4 851 float: right;
bsw/jbe@4 852 margin-right: 1em;
bsw/jbe@4 853 }
bsw/jbe@4 854
bsw/jbe@4 855 .help_actions {
bsw/jbe@4 856 font-size: 75%;
bsw/jbe@4 857 float: right;
bsw/jbe@4 858 }
bsw/jbe@4 859
bsw/jbe@4 860 .help_actions a {
bsw/jbe@4 861 margin-right: 1em;
bsw/jbe@4 862 color: #468;
bsw/jbe@4 863 }
bsw/jbe@4 864
bsw/jbe@4 865 .wiki {
bsw/jbe@4 866 }
bsw/jbe@4 867
bsw/jbe@4 868 .wiki h1,
bsw/jbe@4 869 .wiki h2,
bsw/jbe@4 870 .wiki h3,
bsw/jbe@4 871 .wiki h4 {
bsw/jbe@4 872 margin-top: 1ex;
bsw/jbe@4 873 margin-bottom: 1ex;
bsw/jbe@4 874 }
bsw/jbe@4 875
bsw/jbe@4 876 .wiki h1 {
bsw/jbe@4 877 font-size: 150%;
bsw/jbe@4 878 }
bsw/jbe@4 879
bsw/jbe@4 880 .wiki h2 {
bsw/jbe@4 881 font-size: 125%;
bsw/jbe@4 882 }
bsw/jbe@4 883
bsw/jbe@4 884 .wiki p {
bsw/jbe@4 885 margin-top: 1ex;
bsw/jbe@4 886 margin-bottom: 1ex;
bsw/jbe@4 887 }
bsw/jbe@4 888
bsw/jbe@4 889 form .warning {
bsw/jbe@4 890 background-color: #ffd;
bsw/jbe@4 891 color: #000;
bsw/jbe@4 892 border: 1px solid #dda;
bsw/jbe@4 893 margin: 1ex;
bsw/jbe@4 894 margin-bottom: 2ex;
bsw/jbe@4 895 padding: 1ex;
bsw/jbe@4 896 }
bsw/jbe@5 897
bsw@9 898 a.not_voted {
bsw@9 899 display: block;
bsw@9 900 background-color: #fec;
bsw@9 901 color: #000;
bsw@9 902 }
bsw/jbe@5 903
bsw/jbe@5 904 /*************************************************************************
bsw/jbe@5 905 * Voting
bsw/jbe@5 906 */
bsw/jbe@5 907
bsw/jbe@5 908 #voting {
bsw/jbe@5 909 position: relative;
bsw/jbe@5 910 }
bsw/jbe@5 911 #voting .approval, .abstention, .disapproval {
bsw/jbe@5 912 border: 2px black solid;
bsw/jbe@5 913 margin-top: 5ex;
bsw/jbe@5 914 margin-bottom: 5ex;
bsw/jbe@5 915 padding: 1ex;
bsw/jbe@5 916 padding-bottom: 2ex;
bsw/jbe@5 917 }
bsw/jbe@5 918 #voting .approval {
bsw/jbe@5 919 background-color: #9f9;
bsw/jbe@5 920 }
bsw/jbe@5 921 #voting .approval .movable {
bsw/jbe@5 922 background-color: #dfd;
bsw/jbe@5 923 }
bsw/jbe@5 924 #voting .abstention {
bsw/jbe@5 925 background-color: #ccc;
bsw/jbe@5 926 }
bsw/jbe@5 927 #voting .abstention .movable {
bsw/jbe@5 928 background-color: #eee;
bsw/jbe@5 929 }
bsw/jbe@5 930 #voting .disapproval {
bsw/jbe@5 931 background-color: #f88;
bsw/jbe@5 932 }
bsw/jbe@5 933 #voting .disapproval .movable {
bsw/jbe@5 934 background-color: #fbb;
bsw/jbe@5 935 }
bsw/jbe@5 936 #voting .cathead {
bsw/jbe@5 937 font-weight: bold;
bsw/jbe@5 938 }
bsw/jbe@5 939 #voting .movable {
bsw/jbe@5 940 position: relative;
bsw/jbe@5 941 border: 1px black solid;
bsw/jbe@5 942 margin: 1ex;
bsw/jbe@5 943 padding: 0.5ex;
bsw/jbe@5 944 cursor: pointer;
bsw/jbe@5 945 }
bsw/jbe@5 946 #voting .clickable {
bsw/jbe@5 947 cursor: auto;
bsw/jbe@5 948 }
bsw/jbe@5 949 #voting a.clickable {
bsw/jbe@5 950 cursor: pointer;
bsw/jbe@5 951 }
bsw/jbe@6 952
bsw/jbe@6 953 #voting .grabber {
bsw/jbe@6 954 vertical-align: middle;
bsw/jbe@6 955 cursor: move;
bsw/jbe@6 956 }

Impressum / About Us