liquid_feedback_frontend

annotate static/style.css @ 0:3bfb2fcf7ab9

Version alpha1
author bsw/jbe
date Wed Nov 18 12:00:00 2009 +0100 (2009-11-18)
parents
children 5c601807d397
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/jbe@0 26 vertical-align: top;
bsw/jbe@0 27 padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw/jbe@0 28 }
bsw/jbe@0 29
bsw/jbe@0 30 a.active {
bsw/jbe@0 31 color: #fff;
bsw/jbe@0 32 }
bsw/jbe@0 33
bsw/jbe@0 34 .highlighted {
bsw/jbe@0 35 background-color: #fa7;
bsw/jbe@0 36 color: #000;
bsw/jbe@0 37 }
bsw/jbe@0 38
bsw/jbe@0 39 .admin_only {
bsw/jbe@0 40 font-style: italic;
bsw/jbe@0 41 }
bsw/jbe@0 42
bsw/jbe@0 43 /*************************************************************************
bsw/jbe@0 44 * Notices, warnings and errors
bsw/jbe@0 45 */
bsw/jbe@0 46
bsw/jbe@0 47 .layout_notice, .layout_error, .layout_warning {
bsw/jbe@0 48 background: #fff;
bsw/jbe@0 49 font-weight: bold;
bsw/jbe@0 50 right: 2ex;
bsw/jbe@0 51 line-height: 1.7em;
bsw/jbe@0 52 position: absolute;
bsw/jbe@0 53 top: 6ex;
bsw/jbe@0 54 width: 60ex;
bsw/jbe@0 55 -moz-opacity:0.7;
bsw/jbe@0 56 }
bsw/jbe@0 57
bsw/jbe@0 58 .slot_notice, .slot_warning, .slot_error {
bsw/jbe@0 59 padding: 2ex;
bsw/jbe@0 60 }
bsw/jbe@0 61
bsw/jbe@0 62 .slot_notice {
bsw/jbe@0 63 color: green;
bsw/jbe@0 64 border: 2px solid green;
bsw/jbe@0 65 }
bsw/jbe@0 66
bsw/jbe@0 67 .slot_warning {
bsw/jbe@0 68 color: orange;
bsw/jbe@0 69 border: 2px solid orange;
bsw/jbe@0 70 }
bsw/jbe@0 71
bsw/jbe@0 72 .slot_error {
bsw/jbe@0 73 color: red;
bsw/jbe@0 74 border: 2px solid red;
bsw/jbe@0 75 }
bsw/jbe@0 76
bsw/jbe@0 77 /*************************************************************************
bsw/jbe@0 78 * Navigation, search and language chooser bar
bsw/jbe@0 79 */
bsw/jbe@0 80
bsw/jbe@0 81 .topbar {
bsw/jbe@0 82 margin-bottom: 1em;
bsw/jbe@0 83 background-color: #444;
bsw/jbe@0 84 color: #fff;
bsw/jbe@0 85 font-size: 75%;
bsw/jbe@0 86 }
bsw/jbe@0 87
bsw/jbe@0 88 .topbar a {
bsw/jbe@0 89 color: #fff;
bsw/jbe@0 90 }
bsw/jbe@0 91
bsw/jbe@0 92 .topbar a:hover {
bsw/jbe@0 93 background-color: #fff;
bsw/jbe@0 94 color: #000;
bsw/jbe@0 95 }
bsw/jbe@0 96
bsw/jbe@0 97 .navigation,
bsw/jbe@0 98 .logout_button {
bsw/jbe@0 99 line-height: 250%;
bsw/jbe@0 100 }
bsw/jbe@0 101
bsw/jbe@0 102 .navigation img,
bsw/jbe@0 103 .logout_button img {
bsw/jbe@0 104 margin-right: 0.5em;
bsw/jbe@0 105 vertical-align: middle;
bsw/jbe@0 106 }
bsw/jbe@0 107
bsw/jbe@0 108 .navigation a,
bsw/jbe@0 109 .logout_button a {
bsw/jbe@0 110 padding: 1ex;
bsw/jbe@0 111 }
bsw/jbe@0 112
bsw/jbe@0 113 .logout_button {
bsw/jbe@0 114 float: right;
bsw/jbe@0 115 }
bsw/jbe@0 116
bsw/jbe@0 117 .searchbox {
bsw/jbe@0 118 padding: 0.5ex 1em 0ex 1em;
bsw/jbe@0 119 float: right;
bsw/jbe@0 120 line-height: 250%;
bsw/jbe@0 121 }
bsw/jbe@0 122
bsw/jbe@0 123 .searchbox div {
bsw/jbe@0 124 display: inline;
bsw/jbe@0 125 }
bsw/jbe@0 126
bsw/jbe@0 127 .searchbox select {
bsw/jbe@0 128 margin-left: 0.3em;
bsw/jbe@0 129 margin-right: 0.4em;
bsw/jbe@0 130 font-size: 100%;
bsw/jbe@0 131 width: 8em;
bsw/jbe@0 132 }
bsw/jbe@0 133
bsw/jbe@0 134 .searchbox input[type=text] {
bsw/jbe@0 135 width: 8em;
bsw/jbe@0 136 padding: 0.25ex 0.25em 0.25ex 0.25em;
bsw/jbe@0 137 margin-right: 0.5em;
bsw/jbe@0 138 font-size: 100%;
bsw/jbe@0 139 }
bsw/jbe@0 140
bsw/jbe@0 141 .searchbox input[type=submit] {
bsw/jbe@0 142 font-size: 100%;
bsw/jbe@0 143 width: 2.5em;
bsw/jbe@0 144 }
bsw/jbe@0 145
bsw/jbe@0 146 /*************************************************************************
bsw/jbe@0 147 * Title of current page including path and actions
bsw/jbe@0 148 */
bsw/jbe@0 149
bsw/jbe@0 150 .title_bar {
bsw/jbe@0 151 border-bottom: 1px solid #000;
bsw/jbe@0 152 margin-bottom: 2ex;
bsw/jbe@0 153 }
bsw/jbe@0 154
bsw/jbe@0 155 .path {
bsw/jbe@0 156 color: #444;
bsw/jbe@0 157 xbackground-color: #ddd;
bsw/jbe@0 158 }
bsw/jbe@0 159
bsw/jbe@0 160 .path div {
bsw/jbe@0 161 margin-left: 1em;
bsw/jbe@0 162 font-size: 100%;
bsw/jbe@0 163 line-height: 180%;
bsw/jbe@0 164 }
bsw/jbe@0 165
bsw/jbe@0 166 .path a {
bsw/jbe@0 167 color: #444;
bsw/jbe@0 168 }
bsw/jbe@0 169
bsw/jbe@0 170 .slot_path div {
bsw/jbe@0 171 display: inline;
bsw/jbe@0 172 margin-left: 1em;
bsw/jbe@0 173 margin-right: 1em;
bsw/jbe@0 174 }
bsw/jbe@0 175
bsw/jbe@0 176 .title {
bsw/jbe@0 177 color: #000;
bsw/jbe@0 178 margin-bottom: 0.5ex;
bsw/jbe@0 179 }
bsw/jbe@0 180
bsw/jbe@0 181 .slot_title {
bsw/jbe@0 182 }
bsw/jbe@0 183
bsw/jbe@0 184 .title div {
bsw/jbe@0 185 margin-left: 0.66em;
bsw/jbe@0 186 font-weight: bold;
bsw/jbe@0 187 font-size: 135%;
bsw/jbe@0 188 line-height: 110%;
bsw/jbe@0 189 }
bsw/jbe@0 190
bsw/jbe@0 191 .title a {
bsw/jbe@0 192 color: #fff;
bsw/jbe@0 193 }
bsw/jbe@0 194
bsw/jbe@0 195 .avatar {
bsw/jbe@0 196 float: left;
bsw/jbe@0 197 margin-right: 0.5em;
bsw/jbe@0 198 }
bsw/jbe@0 199
bsw/jbe@0 200 .actions {
bsw/jbe@0 201 display: inline;
bsw/jbe@0 202 font-size: 75%;
bsw/jbe@0 203 line-height: 200%;
bsw/jbe@0 204 }
bsw/jbe@0 205
bsw/jbe@0 206 .slot_actions {
bsw/jbe@0 207 margin-left: 1em;
bsw/jbe@0 208 display: inline;
bsw/jbe@0 209 }
bsw/jbe@0 210
bsw/jbe@0 211 .actions a {
bsw/jbe@0 212 padding: 0.5ex 0.5em 0.5ex 0.0em;
bsw/jbe@0 213 margin-right: 1em;
bsw/jbe@0 214 vertical-align: middle;
bsw/jbe@0 215 }
bsw/jbe@0 216
bsw/jbe@0 217 .actions a:hover {
bsw/jbe@0 218 background-color: #d7d7d7;
bsw/jbe@0 219 }
bsw/jbe@0 220
bsw/jbe@0 221 .actions img {
bsw/jbe@0 222 padding-left: 0.2em;
bsw/jbe@0 223 padding-right: 0.2em;
bsw/jbe@0 224 }
bsw/jbe@0 225
bsw/jbe@0 226 /*************************************************************************
bsw/jbe@0 227 * Main content
bsw/jbe@0 228 */
bsw/jbe@0 229
bsw/jbe@0 230 .main {
bsw/jbe@0 231 margin-left: 1em;
bsw/jbe@0 232 margin-right: 1em;
bsw/jbe@0 233 }
bsw/jbe@0 234
bsw/jbe@0 235
bsw/jbe@0 236 /*************************************************************************
bsw/jbe@0 237 * ui.tab
bsw/jbe@0 238 */
bsw/jbe@0 239
bsw/jbe@0 240 .ui_tabs_links {
bsw/jbe@0 241 margin-top: 4ex;
bsw/jbe@0 242 font-size: 75%;
bsw/jbe@0 243 }
bsw/jbe@0 244
bsw/jbe@0 245 .ui_tabs_links a {
bsw/jbe@0 246 padding: 1ex;
bsw/jbe@0 247 margin-left: 0.5em;
bsw/jbe@0 248 background-color: #e7e7e7;
bsw/jbe@0 249 }
bsw/jbe@0 250
bsw/jbe@0 251 .ui_tabs_links a:hover {
bsw/jbe@0 252 background-color: #d7d7d7;
bsw/jbe@0 253 }
bsw/jbe@0 254
bsw/jbe@0 255 .ui_tabs_links a.selected {
bsw/jbe@0 256 background-color: #444;
bsw/jbe@0 257 color: #fff;
bsw/jbe@0 258 text-decoration: none;
bsw/jbe@0 259 padding: 1ex;
bsw/jbe@0 260 }
bsw/jbe@0 261
bsw/jbe@0 262 .ui_tabs_content {
bsw/jbe@0 263 border: 1px solid #444;
bsw/jbe@0 264 padding: 1ex 1ex 1ex 1ex;
bsw/jbe@0 265 }
bsw/jbe@0 266
bsw/jbe@0 267 /*************************************************************************
bsw/jbe@0 268 * ui.order
bsw/jbe@0 269 */
bsw/jbe@0 270
bsw/jbe@0 271 .ui_order_head {
bsw/jbe@0 272 color: #777;
bsw/jbe@0 273 text-align: right;
bsw/jbe@0 274 margin-bottom: 1ex;
bsw/jbe@0 275 font-size: 75%;
bsw/jbe@0 276 }
bsw/jbe@0 277
bsw/jbe@0 278 .ui_order_head a {
bsw/jbe@0 279 color: #777;
bsw/jbe@0 280 padding: 0.5ex;
bsw/jbe@0 281 }
bsw/jbe@0 282
bsw/jbe@0 283 .ui_order_head a.active{
bsw/jbe@0 284 color: #fff;
bsw/jbe@0 285 background-color: #777;
bsw/jbe@0 286 padding: 0.5ex;
bsw/jbe@0 287 }
bsw/jbe@0 288
bsw/jbe@0 289 /*************************************************************************
bsw/jbe@0 290 * ui.paginate
bsw/jbe@0 291 */
bsw/jbe@0 292
bsw/jbe@0 293 .ui_paginate_select a {
bsw/jbe@0 294 padding: 0.5ex;
bsw/jbe@0 295 }
bsw/jbe@0 296
bsw/jbe@0 297 /*************************************************************************
bsw/jbe@0 298 * ui.bargraph
bsw/jbe@0 299 */
bsw/jbe@0 300
bsw/jbe@0 301 .bargraph {
bsw/jbe@0 302 width: 50px;
bsw/jbe@0 303 }
bsw/jbe@0 304
bsw/jbe@0 305 .bargraph div {
bsw/jbe@0 306 float: left;
bsw/jbe@0 307 margin-top: 0.5ex;
bsw/jbe@0 308 height: 1ex;
bsw/jbe@0 309 }
bsw/jbe@0 310
bsw/jbe@0 311 /*************************************************************************
bsw/jbe@0 312 * vertical ui.form
bsw/jbe@0 313 */
bsw/jbe@0 314
bsw/jbe@0 315 .login input[type=text],
bsw/jbe@0 316 .vertical input[type=text],
bsw/jbe@0 317 .login input[type=password],
bsw/jbe@0 318 .vertical input[type=password],
bsw/jbe@0 319 .vertical textarea,
bsw/jbe@0 320 .vertical select {
bsw/jbe@0 321 font-family: sans-serif;
bsw/jbe@0 322 font-size: 100%;
bsw/jbe@0 323 border: 1px solid #444;
bsw/jbe@0 324 width: 40em;
bsw/jbe@0 325 padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0 326 margin-bottom: 1ex;
bsw/jbe@0 327 }
bsw/jbe@0 328
bsw/jbe@0 329 .login input[type=password],
bsw/jbe@0 330 .vertical input[type=password] {
bsw/jbe@0 331 width: 16em;
bsw/jbe@0 332 }
bsw/jbe@0 333
bsw/jbe@0 334 .vertical select {
bsw/jbe@0 335 padding-right: 0;
bsw/jbe@0 336 }
bsw/jbe@0 337
bsw/jbe@0 338 .login .ui_field_label,
bsw/jbe@0 339 .vertical .ui_field_label {
bsw/jbe@0 340 text-transform: uppercase;
bsw/jbe@0 341 font-size: 70%;
bsw/jbe@0 342 line-height: 190%;
bsw/jbe@0 343 font-weight: bold;
bsw/jbe@0 344 color: #777;
bsw/jbe@0 345 width: 15em;
bsw/jbe@0 346 display: block;
bsw/jbe@0 347 float: left;
bsw/jbe@0 348 clear: left;
bsw/jbe@0 349 text-align: right;
bsw/jbe@0 350 padding-right: 0.5em;
bsw/jbe@0 351 }
bsw/jbe@0 352
bsw/jbe@0 353 .login input[type=text],
bsw/jbe@0 354 .login input[type=password] {
bsw/jbe@0 355 width: 10em;
bsw/jbe@0 356 }
bsw/jbe@0 357
bsw/jbe@0 358 .login div,
bsw/jbe@0 359 .vertical div {
bsw/jbe@0 360 clear: left;
bsw/jbe@0 361 }
bsw/jbe@0 362
bsw/jbe@0 363 .vertical span {
bsw/jbe@0 364 display: block;
bsw/jbe@0 365 margin-bottom: 0.5ex;
bsw/jbe@0 366 }
bsw/jbe@0 367
bsw/jbe@0 368 .vertical span:after {
bsw/jbe@0 369 content: " ";
bsw/jbe@0 370 }
bsw/jbe@0 371
bsw/jbe@0 372 .vertical span span {
bsw/jbe@0 373 display: inline;
bsw/jbe@0 374 margin-bottom: 0;
bsw/jbe@0 375 }
bsw/jbe@0 376
bsw/jbe@0 377 .login input[type=submit],
bsw/jbe@0 378 .vertical input[type=submit] {
bsw/jbe@0 379 font-size: 100%;
bsw/jbe@0 380 margin-left: 11em;
bsw/jbe@0 381 background-color: #444444;
bsw/jbe@0 382 color: #fff;
bsw/jbe@0 383 border: none;
bsw/jbe@0 384 padding: 0.75ex;
bsw/jbe@0 385 }
bsw/jbe@0 386
bsw/jbe@0 387 .login input[type=submit]:hover,
bsw/jbe@0 388 .vertical input[type=submit]:hover {
bsw/jbe@0 389 background-color: #444444;
bsw/jbe@0 390 }
bsw/jbe@0 391
bsw/jbe@0 392 /*************************************************************************
bsw/jbe@0 393 * Tables
bsw/jbe@0 394 */
bsw/jbe@0 395
bsw/jbe@0 396
bsw/jbe@0 397 table a.action {
bsw/jbe@0 398 font-size: 70%;
bsw/jbe@0 399 line-height: 190%;
bsw/jbe@0 400 padding: 0.5ex;
bsw/jbe@0 401 color: #777;
bsw/jbe@0 402 }
bsw/jbe@0 403
bsw/jbe@0 404 table a.active {
bsw/jbe@0 405 color: #fff;
bsw/jbe@0 406 }
bsw/jbe@0 407
bsw/jbe@0 408 th {
bsw/jbe@0 409 text-align: left;
bsw/jbe@0 410 border-bottom: 1px solid #000;
bsw/jbe@0 411 }
bsw/jbe@0 412
bsw/jbe@0 413 tr:hover td {
bsw/jbe@0 414 background-color: #ddd;
bsw/jbe@0 415 }
bsw/jbe@0 416
bsw/jbe@0 417
bsw/jbe@0 418 tr table tr:hover td {
bsw/jbe@0 419 background-color: #fff;
bsw/jbe@0 420 }
bsw/jbe@0 421
bsw/jbe@0 422
bsw/jbe@0 423 /*************************************************************************
bsw/jbe@0 424 * Hidden inline form
bsw/jbe@0 425 */
bsw/jbe@0 426
bsw/jbe@0 427 .hidden_inline_form {
bsw/jbe@0 428 display: none;
bsw/jbe@0 429 border: 1px solid #444;
bsw/jbe@0 430 width: 42em;
bsw/jbe@0 431 position: absolute;
bsw/jbe@0 432 background-color: #fff;
bsw/jbe@0 433 left: 5em;
bsw/jbe@0 434 top: 20ex;
bsw/jbe@0 435 }
bsw/jbe@0 436
bsw/jbe@0 437 .hidden_inline_form a {
bsw/jbe@0 438 padding: 0.5ex;
bsw/jbe@0 439 color: #fff;
bsw/jbe@0 440 }
bsw/jbe@0 441
bsw/jbe@0 442
bsw/jbe@0 443 .hidden_inline_form .head {
bsw/jbe@0 444 background-color: #444;
bsw/jbe@0 445 color: #fff;
bsw/jbe@0 446 display: block;
bsw/jbe@0 447 padding: 0.5ex;
bsw/jbe@0 448 }
bsw/jbe@0 449
bsw/jbe@0 450 .hidden_inline_form input[type=text],
bsw/jbe@0 451 .hidden_inline_form textarea,
bsw/jbe@0 452 .hidden_inline_form select {
bsw/jbe@0 453 width: 30em;
bsw/jbe@0 454 }
bsw/jbe@0 455
bsw/jbe@0 456 /*************************************************************************
bsw/jbe@0 457 * Positive / Negtive votes
bsw/jbe@0 458 */
bsw/jbe@0 459
bsw/jbe@0 460
bsw/jbe@0 461 .positive_votes span {
bsw/jbe@0 462 display: inline;
bsw/jbe@0 463 }
bsw/jbe@0 464
bsw/jbe@0 465 .positive_votes {
bsw/jbe@0 466 display: inline;
bsw/jbe@0 467 background-color: #cfc;
bsw/jbe@0 468 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 469 }
bsw/jbe@0 470
bsw/jbe@0 471 .negative_votes span {
bsw/jbe@0 472 display: inline;
bsw/jbe@0 473 }
bsw/jbe@0 474
bsw/jbe@0 475 .negative_votes {
bsw/jbe@0 476 display: inline;
bsw/jbe@0 477 background-color: #fcc;
bsw/jbe@0 478 padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0 479 }
bsw/jbe@0 480
bsw/jbe@0 481
bsw/jbe@0 482
bsw/jbe@0 483 .active {
bsw/jbe@0 484 background-color: #444;
bsw/jbe@0 485 color: #fff;
bsw/jbe@0 486 }
bsw/jbe@0 487
bsw/jbe@0 488 .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0 489 .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0 490 .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0 491 .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0 492
bsw/jbe@0 493
bsw/jbe@0 494
bsw/jbe@0 495
bsw/jbe@0 496 /*************************************************************************
bsw/jbe@0 497 * Issues
bsw/jbe@0 498 */
bsw/jbe@0 499
bsw/jbe@0 500 .issues tr {
bsw/jbe@0 501 border-bottom: 1px solid #444;
bsw/jbe@0 502 }
bsw/jbe@0 503
bsw/jbe@0 504 .issues tr tr {
bsw/jbe@0 505 border-bottom: none;
bsw/jbe@0 506 }
bsw/jbe@0 507
bsw/jbe@0 508 /*************************************************************************
bsw/jbe@0 509 * delegation
bsw/jbe@0 510 */
bsw/jbe@0 511
bsw/jbe@0 512 .infobox {
bsw/jbe@0 513 float: right;
bsw/jbe@0 514 margin-right: 1em;
bsw/jbe@0 515 }
bsw/jbe@0 516
bsw/jbe@0 517 .slot_interest,
bsw/jbe@0 518 .slot_support,
bsw/jbe@0 519 .slot_delegation {
bsw/jbe@0 520 border: 2px solid #444;
bsw/jbe@0 521 width: 20em;
bsw/jbe@0 522 font-size: 75%;
bsw/jbe@0 523 padding: 0;
bsw/jbe@0 524 margin-bottom: 0.5ex;
bsw/jbe@0 525 }
bsw/jbe@0 526
bsw/jbe@0 527 .infobox .head {
bsw/jbe@0 528 margin: 0.5ex;
bsw/jbe@0 529 }
bsw/jbe@0 530
bsw/jbe@0 531 .infobox .content {
bsw/jbe@0 532 display: none;
bsw/jbe@0 533 position: absolute;
bsw/jbe@0 534 z-index: 10;
bsw/jbe@0 535 width: 20em;
bsw/jbe@0 536 background-color: #fff;
bsw/jbe@0 537 border: 2px solid #444;
bsw/jbe@0 538 }
bsw/jbe@0 539
bsw/jbe@0 540 .infobox .text {
bsw/jbe@0 541 margin: 0.5ex;
bsw/jbe@0 542 margin-bottom: 1ex;
bsw/jbe@0 543 }
bsw/jbe@0 544
bsw/jbe@0 545 .infobox .member {
bsw/jbe@0 546 margin: 0.5ex;
bsw/jbe@0 547 display: block;
bsw/jbe@0 548 font-weight: bold;
bsw/jbe@0 549 margin-bottom: 1ex;
bsw/jbe@0 550 }
bsw/jbe@0 551
bsw/jbe@0 552 .delegation .revoke {
bsw/jbe@0 553 margin: 0.5ex;
bsw/jbe@0 554 }
bsw/jbe@0 555
bsw/jbe@0 556 .lang_chooser {
bsw/jbe@0 557 float: right;
bsw/jbe@0 558 margin-right: 0.5em;
bsw/jbe@0 559 }

Impressum / About Us