liquid_feedback_frontend

annotate static/lf2.css @ 217:73dbc9e2bfd4

find changesets by author, revision, files, or words in the commit message
Cummulative patch for enhancements at next generation frontend
author bsw
date Sat Mar 12 19:22:50 2011 +0100 (2011-03-12)
parents 4f6e6b213fb8
children 7ea52c710503
rev   line source
bsw@216 1 /*
bsw@216 2 * CSS reset
bsw@216 3 */
bsw@213 4
bsw@213 5 html, body, div, span, applet, object, iframe,
bsw@213 6 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
bsw@213 7 a, abbr, acronym, address, big, cite, code,
bsw@213 8 del, dfn, em, font, img, ins, kbd, q, s, samp,
bsw@213 9 small, strike, strong, sub, sup, tt, var,
bsw@213 10 dl, dt, dd, ol, ul, li,
bsw@213 11 fieldset, form, label, legend,
bsw@213 12 table, caption, tbody, tfoot, thead, tr, th, td {
bsw@213 13 margin: 0;
bsw@213 14 padding: 0;
bsw@213 15 border: 0;
bsw@213 16 outline: 0;
bsw@213 17 font-weight: inherit;
bsw@213 18 font-style: inherit;
bsw@213 19 font-size: 100%;
bsw@213 20 font-family: inherit;
bsw@213 21 vertical-align: baseline;
bsw@213 22 }
bsw@213 23 /* remember to define focus styles! */
bsw@213 24 :focus {
bsw@213 25 outline: 0;
bsw@213 26 }
bsw@213 27 body {
bsw@213 28 line-height: 1;
bsw@213 29 color: black;
bsw@213 30 background: white;
bsw@213 31 }
bsw@213 32 ol, ul {
bsw@213 33 list-style: none;
bsw@213 34 }
bsw@213 35 /* tables still need 'cellspacing="0"' in the markup */
bsw@213 36 table {
bsw@213 37 border-collapse: separate;
bsw@213 38 border-spacing: 0;
bsw@213 39 }
bsw@213 40 caption, th, td {
bsw@213 41 text-align: left;
bsw@213 42 font-weight: normal;
bsw@213 43 }
bsw@213 44 blockquote:before, blockquote:after,
bsw@213 45 q:before, q:after {
bsw@213 46 content: "";
bsw@213 47 }
bsw@213 48 blockquote, q {
bsw@213 49 quotes: "" "";
bsw@213 50 }
bsw@213 51
bsw@216 52
bsw@216 53 /*
bsw@216 54 * Positioning
bsw@216 55 */
bsw@216 56
bsw@217 57 .topbox .right
bsw@216 58 { float: right; }
bsw@216 59
bsw@217 60 .topbox a,
bsw@217 61 .topbox span,
bsw@217 62 .topbox select
bsw@217 63 { float: left; }
bsw@216 64
bsw@216 65 .slot_default
bsw@216 66 { position: relative; width: 67%; }
bsw@216 67
bsw@216 68 .slot_sidebar
bsw@216 69 { float: left; width: 30%; }
bsw@216 70
bsw@216 71 .sidebar_right .slot_sidebar
bsw@216 72 { float: right; width: 30%; }
bsw@216 73
bsw@216 74 .slot_sidebar .box
bsw@216 75 { width: 100%; }
bsw@216 76
bsw@216 77 .box
bsw@216 78 { position: relative; width: 100%; }
bsw@216 79
bsw@216 80 .box .row
bsw@216 81 { overflow: auto; }
bsw@216 82
bsw@216 83 .box .row .col.left
bsw@216 84 { float: left; }
bsw@216 85
bsw@216 86 .box .row .col.right
bsw@216 87 { float: right; }
bsw@213 88
bsw@213 89 /*
bsw@216 90 * Margins und paddings
bsw@216 91 */
bsw@216 92
bsw@217 93 .topbox a
bsw@217 94 { margin: 0 0 0 0.5em; padding: 0.7ex 0.5em 0.3ex 0.5em; }
bsw@217 95
bsw@217 96 .topbox select
bsw@217 97 { margin: 0.5ex 0 0.5ex 0; padding: 0.3ex 0.2em 0.2ex 0.2em;}
bsw@217 98
bsw@217 99 .topbox .right a,
bsw@217 100 .topbox .right span
bsw@217 101 { margin: 0 0.5em 0 0; padding: 0.7ex 0.5em 0.3ex 0.3em; }
bsw@216 102
bsw@216 103 .slot_default
bsw@216 104 { margin: 2ex 1% 2ex 32%; }
bsw@216 105
bsw@216 106 .sidebar_right .slot_default
bsw@216 107 { margin: 2ex 32% 2ex 1%; }
bsw@216 108
bsw@216 109 .slot_sidebar
bsw@216 110 { margin: 2ex 1% 2ex 1%; }
bsw@216 111
bsw@216 112 .sidebar_right .slot_sidebar
bsw@216 113 { margin: 0 1% 2ex 1%; }
bsw@216 114
bsw@216 115 .box
bsw@216 116 { margin: 0 0 2ex 0; }
bsw@216 117
bsw@216 118
bsw@216 119 .box .row .col
bsw@216 120 { padding: 0.5ex 0.2em 0.5ex 0.2em; }
bsw@216 121
bsw@216 122 .box .row .col:first-child
bsw@216 123 { padding-left: 0.5em; }
bsw@216 124
bsw@216 125 .box .row.subhead .col
bsw@216 126 { margin-top: 2ex; }
bsw@216 127
bsw@216 128 /*
bsw@216 129 * Colors
bsw@216 130 */
bsw@216 131
bsw@217 132 body
bsw@216 133 { background-color: #27C9FF; color: #000 }
bsw@216 134
bsw@217 135 .topbox.line1,
bsw@217 136 .topbox.line1 a,
bsw@217 137 .topbox.line1 select
bsw@217 138 { background-color: #444; color: #fff; }
bsw@217 139
bsw@217 140 .topbox.line2,
bsw@217 141 .topbox.line2 a
bsw@217 142 { color: #000; }
bsw@217 143 .topbox.line2 span.inactive
bsw@217 144 { opacity: 0.2; }
bsw@217 145 .topbox a.active
bsw@217 146 /* { background-color: #B2ECFF; color: #000; }*/
bsw@217 147 { background-color: #e7f0ff; color: #000; }
bsw@216 148
bsw@216 149
bsw@216 150 .box { background-color: #fff; }
bsw@216 151
bsw@216 152 .box { color: #000; }
bsw@216 153
bsw@216 154 .box a { color: #068; }
bsw@216 155
bsw@216 156 .box .row.head,
bsw@216 157 .box .row.head2,
bsw@216 158 .box .row.active
bsw@217 159 /* { background-color: #D7F5FF;}*/
bsw@217 160 { background-color: #e7f0ff;}
bsw@216 161
bsw@216 162 .box .row.head .col.head
bsw@216 163 { color: #444; }
bsw@216 164
bsw@216 165 .draft .authors,
bsw@216 166 .initiative .authors
bsw@216 167 { color: #777; }
bsw@216 168
bsw@216 169 .member_content
bsw@217 170 { background-color: #FFF4DC; }
bsw@213 171
bsw@213 172 /*
bsw@216 173 * Borders
bsw@216 174 */
bsw@216 175
bsw@216 176 .box .row
bsw@216 177 { border-bottom: 1px solid #ccc; }
bsw@216 178 .box .row.head
bsw@216 179 { border-bottom-color: #777; }
bsw@216 180 .box .row.subhead
bsw@216 181 { border-bottom-color: #777; }
bsw@216 182 .box .row:last-child
bsw@216 183 { border-bottom: none; }
bsw@216 184
bsw@216 185 .box.issue .row.unit_name
bsw@216 186 { border-bottom-color: #ccc; }
bsw@217 187
bsw@213 188
bsw@216 189 /*
bsw@216 190 * Rounded corners
bsw@216 191 */
bsw@216 192
bsw@216 193 .box { border-radius: 1ex; -moz-border-radius: 1ex;
bsw@217 194 -webkit-box-shadow: 1px 1px 3px #11576F; -moz-box-shadow: 0 0 2px 1px #444; }
bsw@213 195
bsw@216 196 .box .row:first-child.head,
bsw@216 197 .box .row:first-child.head2
bsw@216 198 { border-radius: 1ex 1ex 0 0 ; }
bsw@216 199 .box .row:last-child
bsw@216 200 { border-radius: 0 0 1ex 1ex; }
bsw@216 201
bsw@217 202 .box .row:first-child:last-child.head,
bsw@217 203 .box .row:first-child:last-child.head2
bsw@217 204 { border-radius: 1ex 1ex 1ex 1ex; }
bsw@217 205
bsw@217 206 .topbox.line1
bsw@217 207 { -webkit-box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; }
bsw@217 208
bsw@217 209 .topbox a.active
bsw@217 210 { border-radius: 0 0 1ex 1ex;
bsw@217 211 -webkit-box-shadow: 1px 1px 3px #11576F, inset 0px 7px 3px -5px #444;
bsw@217 212 -moz-box-shadow: 2px 2px 3px 0px #444;
bsw@217 213 }
bsw@217 214
bsw@216 215 /*
bsw@216 216 * Text Formatting
bsw@216 217 */
bsw@216 218
bsw@216 219 body, input, select {
bsw@216 220 font-family: sans-serif;
bsw@216 221 font-size: 100%;
bsw@213 222 }
bsw@213 223
bsw@217 224 .topbox {
bsw@217 225 line-height: 135%;
bsw@213 226 }
bsw@213 227
bsw@217 228 .topbox a,
bsw@217 229 .topbox span
bsw@217 230 { font-weight: bold;
bsw@217 231 text-decoration: none; }
bsw@217 232
bsw@216 233 .box a { text-decoration: none; }
bsw@213 234
bsw@216 235 .box .row .col
bsw@216 236 { line-height: 115%; }
bsw@213 237
bsw@216 238 .box .row.head .col.head,
bsw@216 239 .box .row.head2 .col.head
bsw@216 240 { font-weight: bold; }
bsw@213 241
bsw@216 242 .box .row.subhead .col
bsw@216 243 { font-weight: bold; }
bsw@213 244
bsw@213 245
bsw@213 246
bsw@217 247 .box .row.head .col.head select
bsw@217 248 { font-weight: bold; width: 100%; }
bsw@215 249
bsw@216 250 /*
bsw@216 251 * Scrolled col
bsw@216 252 */
bsw@213 253
bsw@213 254 .box .row .col.scrolled {
bsw@213 255 padding: 0;
bsw@213 256 max-height: 300px;
bsw@213 257 overflow: auto;
bsw@213 258 }
bsw@213 259
bsw@213 260 .box .row .col.scrolled .head {
bsw@213 261 font-weight: bold;
bsw@213 262 padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213 263 }
bsw@213 264
bsw@213 265 /*
bsw@216 266 * Bars
bsw@216 267 */
bsw@213 268
bsw@213 269 .bar {
bsw@213 270 float: right;
bsw@213 271 margin-left: 0.3em;
bsw@213 272 }
bsw@213 273
bsw@213 274 .bar div {
bsw@213 275 margin-top: 2px;
bsw@213 276 float: left;
bsw@213 277 height: 11px;
bsw@213 278 }
bsw@213 279 .bar .green {
bsw@213 280 background-color: #0a0;
bsw@213 281 }
bsw@213 282
bsw@213 283 .bar .grey {
bsw@213 284 background-color: #eee;
bsw@213 285 }
bsw@213 286
bsw@213 287 /*
bsw@216 288 * Avatars
bsw@216 289 */
bsw@216 290
bsw@216 291 .avatar_image {
bsw@216 292 border-radius: 1ex;
bsw@216 293 }
bsw@213 294
bsw@213 295 .avatars {
bsw@213 296 overflow: auto;
bsw@213 297 }
bsw@213 298
bsw@213 299 .avatars .avatar {
bsw@213 300 float: left;
bsw@213 301 margin-left: 2px;
bsw@213 302 margin-right: 2px;
bsw@213 303 }
bsw@213 304
bsw@213 305 .avatars.normal .avatar {
bsw@213 306 width: 100px;
bsw@217 307 text-align: center;
bsw@213 308 }
bsw@213 309
bsw@213 310 .avatars.small .avatar {
bsw@213 311 border: 2px solid #fff;
bsw@213 312 border-radius: 0.5ex;
bsw@213 313 -moz-border-radius: 0.5ex;
bsw@213 314 }
bsw@213 315
bsw@213 316 .avatars .arrow {
bsw@213 317 float: left;
bsw@213 318 margin-top: 0.3ex;
bsw@213 319 }
bsw@213 320
bsw@213 321 .avatars.small .avatar img {
bsw@213 322 border-radius: 0.25ex;
bsw@213 323 -moz-border-radius: 0.25ex;
bsw@213 324 }
bsw@213 325
bsw@213 326 .avatars.normal .avatar img {
bsw@213 327 margin-left: 0.3em;
bsw@213 328 margin-top: 0.3ex;
bsw@213 329 border-radius: 1ex;
bsw@213 330 -moz-border-radius: 1ex;
bsw@213 331 }
bsw@213 332
bsw@213 333 .avatars.small .avatar img {
bsw@213 334 height: 24px;
bsw@213 335 width: 24px;
bsw@213 336 }
bsw@213 337
bsw@213 338 .avatars.normal .avatar img {
bsw@213 339 height: 48px;
bsw@213 340 width: 48px;
bsw@213 341 }
bsw@213 342
bsw@213 343 .avatars.normal .avatar .name {
bsw@213 344 margin-left: 0.3em;
bsw@213 345 margin-top: 0.3ex;
bsw@213 346 line-height: 100%;
bsw@213 347 font-size: 70%;
bsw@213 348 overflow: hidden;
bsw@213 349 height: 4ex;
bsw@213 350 }
bsw@213 351
bsw@213 352 .avatars .avatar .weight {
bsw@213 353 text-align: center;
bsw@213 354 font-size: 70%;
bsw@213 355 }
bsw@213 356
bsw@213 357 .avatars.small .avatar.participation {
bsw@213 358 border-color: #f70;
bsw@213 359 }
bsw@213 360
bsw@213 361 .avatars.small .avatar.overridden,
bsw@213 362 .avatars.small .arrow.overridden {
bsw@213 363 opacity: 0.3;
bsw@213 364 }
bsw@213 365
bsw@213 366 /*
bsw@216 367 * Area
bsw@216 368 */
bsw@213 369
bsw@213 370 .area .name {
bsw@213 371 color: #444;
bsw@213 372 }
bsw@213 373
bsw@213 374 .area .name a {
bsw@213 375 font-weight: normal;
bsw@213 376 }
bsw@213 377
bsw@213 378 .area .name .avatars {
bsw@213 379 float: right;
bsw@213 380 margin-top: -3px;
bsw@213 381 }
bsw@213 382
bsw@216 383 /*
bsw@216 384 * Initiative
bsw@216 385 */
bsw@213 386
bsw@213 387 .initiative .name,
bsw@213 388 .initiative a.name {
bsw@213 389 font-weight: bold;
bsw@213 390 }
bsw@213 391
bsw@215 392 .draft .authors,
bsw@213 393 .initiative .authors {
bsw@213 394 /* text format */
bsw@213 395 font-size: 80%;
bsw@213 396 font-style: italic;
bsw@213 397 }
bsw@213 398
bsw@213 399 .drafts .draft .created {
bsw@213 400 font-weight: bold;
bsw@213 401 }
bsw@213 402
bsw@216 403 /*
bsw@216 404 * Draft
bsw@216 405 */
bsw@213 406
bsw@217 407 .member_content .draft {
bsw@213 408 line-height: 135%;
bsw@213 409 }
bsw@213 410
bsw@217 411 .draft h1 {
bsw@217 412 font-size: 135%;
bsw@217 413 }
bsw@217 414
bsw@213 415 .draft h2 {
bsw@213 416 font-size: 135%;
bsw@213 417 font-weight: bold;
bsw@213 418 margin-bottom: 0.5ex;
bsw@213 419 }
bsw@213 420
bsw@213 421 .draft h3 {
bsw@213 422 font-size: 135%;
bsw@213 423 margin-bottom: 0.5ex;
bsw@213 424 }
bsw@213 425
bsw@213 426 .draft p {
bsw@213 427 margin-bottom: 1ex;
bsw@213 428 }
bsw@213 429
bsw@213 430 .draft ul {
bsw@213 431 padding-left: 2em;
bsw@213 432 list-style: disc;
bsw@213 433 }
bsw@213 434
bsw@213 435 .draft ul li {
bsw@213 436 margin-bottom: 1ex;
bsw@213 437 }

Impressum / About Us