liquid_feedback_frontend

annotate static/lf2.css @ 213:acf92c2d33f4

Seperated css and fixed issue delegations for second generation frontend
author bsw
date Thu Mar 03 21:26:35 2011 +0100 (2011-03-03)
parents
children 1dab81353eb1
rev   line source
bsw@213 1 /* CSS reset */
bsw@213 2
bsw@213 3 html, body, div, span, applet, object, iframe,
bsw@213 4 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
bsw@213 5 a, abbr, acronym, address, big, cite, code,
bsw@213 6 del, dfn, em, font, img, ins, kbd, q, s, samp,
bsw@213 7 small, strike, strong, sub, sup, tt, var,
bsw@213 8 dl, dt, dd, ol, ul, li,
bsw@213 9 fieldset, form, label, legend,
bsw@213 10 table, caption, tbody, tfoot, thead, tr, th, td {
bsw@213 11 margin: 0;
bsw@213 12 padding: 0;
bsw@213 13 border: 0;
bsw@213 14 outline: 0;
bsw@213 15 font-weight: inherit;
bsw@213 16 font-style: inherit;
bsw@213 17 font-size: 100%;
bsw@213 18 font-family: inherit;
bsw@213 19 vertical-align: baseline;
bsw@213 20 }
bsw@213 21 /* remember to define focus styles! */
bsw@213 22 :focus {
bsw@213 23 outline: 0;
bsw@213 24 }
bsw@213 25 body {
bsw@213 26 line-height: 1;
bsw@213 27 color: black;
bsw@213 28 background: white;
bsw@213 29 }
bsw@213 30 ol, ul {
bsw@213 31 list-style: none;
bsw@213 32 }
bsw@213 33 /* tables still need 'cellspacing="0"' in the markup */
bsw@213 34 table {
bsw@213 35 border-collapse: separate;
bsw@213 36 border-spacing: 0;
bsw@213 37 }
bsw@213 38 caption, th, td {
bsw@213 39 text-align: left;
bsw@213 40 font-weight: normal;
bsw@213 41 }
bsw@213 42 blockquote:before, blockquote:after,
bsw@213 43 q:before, q:after {
bsw@213 44 content: "";
bsw@213 45 }
bsw@213 46 blockquote, q {
bsw@213 47 quotes: "" "";
bsw@213 48 }
bsw@213 49
bsw@213 50 /* end CSS reset */
bsw@213 51
bsw@213 52
bsw@213 53 /*
bsw@213 54 Global settings
bsw@213 55 */
bsw@213 56 body {
bsw@213 57 font-family: sans-serif;
bsw@213 58 background-color: #7df;
bsw@213 59 color: #000;
bsw@213 60 }
bsw@213 61
bsw@213 62 a {
bsw@213 63 background-color: #ffffff;
bsw@213 64 color: #000;
bsw@213 65 }
bsw@213 66
bsw@213 67 /*
bsw@213 68 Main top navigation
bsw@213 69 */
bsw@213 70
bsw@213 71 .tab1 {
bsw@213 72 background-color: #444;
bsw@213 73 color: #000;
bsw@213 74 }
bsw@213 75
bsw@213 76 .tab1 .right {
bsw@213 77 float: right;
bsw@213 78 }
bsw@213 79
bsw@213 80 .tab1 a {
bsw@213 81 float: left;
bsw@213 82 padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw@213 83 margin-left: 0.5em;
bsw@213 84 background-color: #444;
bsw@213 85 color: #fff;
bsw@213 86 font-weight: bold;
bsw@213 87 text-decoration: none;
bsw@213 88 }
bsw@213 89
bsw@213 90 .tab1 .right a {
bsw@213 91 margin-left: 0;
bsw@213 92 margin-right: 0.5em;
bsw@213 93 }
bsw@213 94
bsw@213 95 .tab1 a.active {
bsw@213 96 background-color: #7df;
bsw@213 97 color: #000;
bsw@213 98 }
bsw@213 99
bsw@213 100 /*
bsw@213 101 Default slot
bsw@213 102 */
bsw@213 103
bsw@213 104 .slot_default {
bsw@213 105 margin: 2ex 1% 2ex 32%;
bsw@213 106 position: relative;
bsw@213 107 width: 67%;
bsw@213 108 }
bsw@213 109
bsw@213 110 .sidebar_right .slot_default {
bsw@213 111 margin: 2ex 32% 2ex 1%;
bsw@213 112 }
bsw@213 113
bsw@213 114 /*
bsw@213 115 Sidebar
bsw@213 116 */
bsw@213 117
bsw@213 118 .slot_sidebar {
bsw@213 119 margin: 2ex 1% 2ex 1%;
bsw@213 120 float: left;
bsw@213 121 width: 30%;
bsw@213 122 }
bsw@213 123
bsw@213 124 .sidebar_right .slot_sidebar {
bsw@213 125 margin: 0 1% 2ex 1%;
bsw@213 126 float: right;
bsw@213 127 width: 30%;
bsw@213 128 }
bsw@213 129
bsw@213 130 .slot_sidebar .box {
bsw@213 131 width: 100%;
bsw@213 132 }
bsw@213 133
bsw@213 134
bsw@213 135 /*
bsw@213 136 Boxes
bsw@213 137 */
bsw@213 138
bsw@213 139 .box a {
bsw@213 140 text-decoration: none;
bsw@213 141 color: #46a;
bsw@213 142 }
bsw@213 143
bsw@213 144 .boxhead,
bsw@213 145 a.boxhead {
bsw@213 146 /* position */
bsw@213 147 display: block;
bsw@213 148 margin-bottom: 0.5ex;
bsw@213 149 margin-top: 1ex;
bsw@213 150 margin-left: 0.5em;
bsw@213 151
bsw@213 152 /* color */
bsw@213 153 background-color: #7df;
bsw@213 154 color: #000;
bsw@213 155
bsw@213 156 /* text format */
bsw@213 157 font-weight: bold;
bsw@213 158 text-shadow: 2px 2px 2px #fff;
bsw@213 159 }
bsw@213 160
bsw@213 161 .box {
bsw@213 162 /* position */
bsw@213 163 position: relative;
bsw@213 164 width: 100%;
bsw@213 165 margin-bottom: 2ex;
bsw@213 166
bsw@213 167 /* border and shadow*/
bsw@213 168 border-radius: 1ex;
bsw@213 169 -moz-border-radius: 1ex;
bsw@213 170 -webkit-box-shadow: 2px 2px 3px 0px #444;
bsw@213 171 -moz-box-shadow: 2px 2px 3px 0px #444;
bsw@213 172
bsw@213 173 /* color */
bsw@213 174 background-color: #fff;
bsw@213 175 color: #000;
bsw@213 176
bsw@213 177 }
bsw@213 178
bsw@213 179 .box .row {
bsw@213 180 overflow: auto;
bsw@213 181 /* position */
bsw@213 182
bsw@213 183 /* border */
bsw@213 184 border-top: 1px solid #ccc;
bsw@213 185 }
bsw@213 186
bsw@213 187 .box .row .col {
bsw@213 188 /* position */
bsw@213 189 padding: 0.5ex 0.2em 0.5ex 0.2em;
bsw@213 190
bsw@213 191 /* text format */
bsw@213 192 line-height: 125%;
bsw@213 193 }
bsw@213 194
bsw@213 195 .box .row .col.left {
bsw@213 196 float: left;
bsw@213 197 }
bsw@213 198
bsw@213 199 .box .row .col.right {
bsw@213 200 float: right;
bsw@213 201 }
bsw@213 202
bsw@213 203 .box .row .col.clearleft {
bsw@213 204 clear: left;
bsw@213 205 }
bsw@213 206
bsw@213 207 .box .row .col.clearright {
bsw@213 208 clear: right;
bsw@213 209 }
bsw@213 210
bsw@213 211 .box .row .col.toggle {
bsw@213 212 float: left;
bsw@213 213 /* position */
bsw@213 214 padding-left: 0.4em;
bsw@213 215 }
bsw@213 216
bsw@213 217 .box .row .col.toggle:hover {
bsw@213 218 /* color */
bsw@213 219 background-color: #7cf;
bsw@213 220
bsw@213 221 /* cursor */
bsw@213 222 cursor: pointer;
bsw@213 223 }
bsw@213 224
bsw@213 225 .box .row.first .col.toggle {
bsw@213 226 /* border */
bsw@213 227 border-radius: 1ex 0 0 0;
bsw@213 228 }
bsw@213 229
bsw@213 230 .box .row.last .col.toggle {
bsw@213 231 /* border */
bsw@213 232 border-radius: 0 0 0 1ex;
bsw@213 233 }
bsw@213 234
bsw@213 235 .box .row.toggled .col.first {
bsw@213 236 /* position */
bsw@213 237 margin-left: 1.5em;
bsw@213 238 }
bsw@213 239
bsw@213 240 .box .row.first {
bsw@213 241 /* border */
bsw@213 242 border-top: none;
bsw@213 243 }
bsw@213 244
bsw@213 245 .box .row .col.first {
bsw@213 246 /* position */
bsw@213 247 padding-left: 0.5em;
bsw@213 248 }
bsw@213 249
bsw@213 250 .box .row.toggled .col.first {
bsw@213 251 /* position */
bsw@213 252 padding-left: 0.2em;
bsw@213 253 }
bsw@213 254
bsw@213 255 .box .row.head {
bsw@213 256 background-color: #e4e7f0;
bsw@213 257 color: #000;
bsw@213 258 border-radius: 1ex 1ex 0 0;
bsw@213 259 }
bsw@213 260
bsw@213 261 .box .row.last {
bsw@213 262 border-radius: 0 0 1ex 1ex;
bsw@213 263 }
bsw@213 264
bsw@213 265 .box .row.head .col.head {
bsw@213 266 font-weight: bold;
bsw@213 267 color: #444;
bsw@213 268 }
bsw@213 269
bsw@213 270 .box .row.head .col a {
bsw@213 271 background-color: #e4e7f0;
bsw@213 272 color: #3B6E7F;
bsw@213 273 }
bsw@213 274
bsw@213 275 .box .row.head2 {
bsw@213 276 background-color: #f2f3f7;
bsw@213 277 color: #000;
bsw@213 278 }
bsw@213 279
bsw@213 280 .box .row.head2 .col a {
bsw@213 281 background-color: #f2f3f7;
bsw@213 282 color: #3B6E7F;
bsw@213 283 }
bsw@213 284
bsw@213 285
bsw@213 286 .box .row .col a {
bsw@213 287 color: #3B6E7F;
bsw@213 288 }
bsw@213 289
bsw@213 290 .box .row.active,
bsw@213 291 .box .row.active a {
bsw@213 292 background-color: #DDF7FF;
bsw@213 293 }
bsw@213 294
bsw@213 295 /* Sidebar hover button */
bsw@213 296
bsw@213 297 .hoverbutton_container {
bsw@213 298 position: relative;
bsw@213 299 }
bsw@213 300
bsw@213 301
bsw@213 302 .hoverbutton {
bsw@213 303 /* position */
bsw@213 304 display: none;
bsw@213 305 position: absolute;
bsw@213 306 top: 0px;
bsw@213 307 left: 0px;
bsw@213 308 height: 100%;
bsw@213 309 width: 100%;
bsw@213 310
bsw@213 311 /* color */
bsw@213 312 background-color: #fff;
bsw@213 313
bsw@213 314 /* text format */
bsw@213 315 font-weight: bold;
bsw@213 316
bsw@213 317 /* cursor */
bsw@213 318 cursor: pointer;
bsw@213 319 }
bsw@213 320
bsw@213 321 .hoverbutton_container:hover .hoverbutton {
bsw@213 322 /* position */
bsw@213 323 display: block;
bsw@213 324 }
bsw@213 325
bsw@213 326 .hoverbutton_container:hover .hoverbutton img {
bsw@213 327 /* text format */
bsw@213 328 vertical-align: middle;
bsw@213 329 }
bsw@213 330
bsw@213 331 .hoverbutton_container:hover .hoverbutton.noaction {
bsw@213 332 /* color */
bsw@213 333 background-color: #ccc;
bsw@213 334
bsw@213 335 /* cursor */
bsw@213 336 cursor: default;
bsw@213 337 }
bsw@213 338
bsw@213 339 .hoverbutton_container:hover .hoverbutton.green {
bsw@213 340 background-color: #cfc;
bsw@213 341 }
bsw@213 342
bsw@213 343 .hoverbutton_container:hover .hoverbutton.red {
bsw@213 344 background-color: #fcc;
bsw@213 345 }
bsw@213 346
bsw@213 347 .hoverbutton .content {
bsw@213 348 /* position */
bsw@213 349 padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213 350 }
bsw@213 351
bsw@213 352 /* Scrolled col */
bsw@213 353
bsw@213 354 .box .row .col.scrolled {
bsw@213 355 padding: 0;
bsw@213 356 max-height: 300px;
bsw@213 357 overflow: auto;
bsw@213 358 }
bsw@213 359
bsw@213 360 .box .row .col.scrolled .head {
bsw@213 361 font-weight: bold;
bsw@213 362 padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213 363 }
bsw@213 364
bsw@213 365 /*
bsw@213 366 Bars
bsw@213 367 */
bsw@213 368
bsw@213 369 .bar {
bsw@213 370 float: right;
bsw@213 371 margin-left: 0.3em;
bsw@213 372 }
bsw@213 373
bsw@213 374 .bar div {
bsw@213 375 margin-top: 2px;
bsw@213 376 float: left;
bsw@213 377 height: 11px;
bsw@213 378 }
bsw@213 379 .bar .green {
bsw@213 380 background-color: #0a0;
bsw@213 381 }
bsw@213 382
bsw@213 383 .bar .grey {
bsw@213 384 background-color: #eee;
bsw@213 385 }
bsw@213 386
bsw@213 387 /*
bsw@213 388 Avatars
bsw@213 389 */
bsw@213 390
bsw@213 391 .avatars {
bsw@213 392 overflow: auto;
bsw@213 393 }
bsw@213 394
bsw@213 395 .avatars .avatar {
bsw@213 396 float: left;
bsw@213 397 margin-left: 2px;
bsw@213 398 margin-right: 2px;
bsw@213 399 }
bsw@213 400
bsw@213 401 .avatars.normal .avatar {
bsw@213 402 width: 100px;
bsw@213 403 -webkit-box-shadow: 1px 1px 1px #000;
bsw@213 404 background-color: #eee;
bsw@213 405 border-radius: 1ex;
bsw@213 406 -moz-border-radius: 1ex;
bsw@213 407 }
bsw@213 408
bsw@213 409 .avatars.small .avatar {
bsw@213 410 border: 2px solid #fff;
bsw@213 411 border-radius: 0.5ex;
bsw@213 412 -moz-border-radius: 0.5ex;
bsw@213 413 }
bsw@213 414
bsw@213 415 .avatars .arrow {
bsw@213 416 float: left;
bsw@213 417 margin-top: 0.3ex;
bsw@213 418 }
bsw@213 419
bsw@213 420 .avatars .avatar.myweight {
bsw@213 421 border-color: #f70;
bsw@213 422 background-color: #f70;
bsw@213 423 }
bsw@213 424
bsw@213 425 .avatars .avatar.autoreject {
bsw@213 426 border-color: #f00;
bsw@213 427 background-color: #f00;
bsw@213 428 }
bsw@213 429
bsw@213 430 .avatars.small .avatar img {
bsw@213 431 border-radius: 0.25ex;
bsw@213 432 -moz-border-radius: 0.25ex;
bsw@213 433 }
bsw@213 434
bsw@213 435 .avatars.normal .avatar img {
bsw@213 436 margin-left: 0.3em;
bsw@213 437 margin-top: 0.3ex;
bsw@213 438 border-radius: 1ex;
bsw@213 439 -moz-border-radius: 1ex;
bsw@213 440 }
bsw@213 441
bsw@213 442 .avatars.small .avatar img {
bsw@213 443 height: 24px;
bsw@213 444 width: 24px;
bsw@213 445 }
bsw@213 446
bsw@213 447 .avatars.normal .avatar img {
bsw@213 448 height: 48px;
bsw@213 449 width: 48px;
bsw@213 450 }
bsw@213 451
bsw@213 452 .avatars.normal .avatar .name {
bsw@213 453 margin-left: 0.3em;
bsw@213 454 margin-top: 0.3ex;
bsw@213 455 line-height: 100%;
bsw@213 456 font-size: 70%;
bsw@213 457 overflow: hidden;
bsw@213 458 height: 4ex;
bsw@213 459 }
bsw@213 460
bsw@213 461 .avatars .avatar .weight {
bsw@213 462 text-align: center;
bsw@213 463 font-size: 70%;
bsw@213 464 }
bsw@213 465
bsw@213 466 .avatars.small .avatar.participation {
bsw@213 467 border-color: #f70;
bsw@213 468 }
bsw@213 469
bsw@213 470 .avatars.small .avatar.overridden,
bsw@213 471 .avatars.small .arrow.overridden {
bsw@213 472 opacity: 0.3;
bsw@213 473 }
bsw@213 474
bsw@213 475 /*
bsw@213 476 Area
bsw@213 477 */
bsw@213 478
bsw@213 479 .area .name {
bsw@213 480 color: #444;
bsw@213 481 }
bsw@213 482
bsw@213 483 .area .name a {
bsw@213 484 font-weight: normal;
bsw@213 485 }
bsw@213 486
bsw@213 487 .area .name .avatars {
bsw@213 488 float: right;
bsw@213 489 margin-top: -3px;
bsw@213 490 }
bsw@213 491
bsw@213 492 /* Initiatives */
bsw@213 493
bsw@213 494 .initiative .name,
bsw@213 495 .initiative a.name {
bsw@213 496 font-weight: bold;
bsw@213 497 }
bsw@213 498
bsw@213 499 .initiative .authors {
bsw@213 500 /* color */
bsw@213 501 color: #777;
bsw@213 502
bsw@213 503 /* text format */
bsw@213 504 font-size: 80%;
bsw@213 505 font-style: italic;
bsw@213 506 }
bsw@213 507
bsw@213 508 .initiative .authors a {
bsw@213 509 /* color */
bsw@213 510 }
bsw@213 511
bsw@213 512 .drafts .draft .created {
bsw@213 513 font-weight: bold;
bsw@213 514 }
bsw@213 515
bsw@213 516 .drafts .draft .author_name {
bsw@213 517 font-style: italic;
bsw@213 518 }
bsw@213 519
bsw@213 520 /* Draft */
bsw@213 521
bsw@213 522 .draft {
bsw@213 523 line-height: 135%;
bsw@213 524 }
bsw@213 525
bsw@213 526 .draft h2 {
bsw@213 527 font-size: 135%;
bsw@213 528 font-weight: bold;
bsw@213 529 margin-bottom: 0.5ex;
bsw@213 530 }
bsw@213 531
bsw@213 532 .draft h3 {
bsw@213 533 font-size: 135%;
bsw@213 534 margin-bottom: 0.5ex;
bsw@213 535 }
bsw@213 536
bsw@213 537 .draft p {
bsw@213 538 margin-bottom: 1ex;
bsw@213 539 }
bsw@213 540
bsw@213 541 .draft ul {
bsw@213 542 padding-left: 2em;
bsw@213 543 list-style: disc;
bsw@213 544 }
bsw@213 545
bsw@213 546 .draft ul li {
bsw@213 547 margin-bottom: 1ex;
bsw@213 548 }

Impressum / About Us