liquid_feedback_frontend

annotate static/lf2.css @ 218:7ea52c710503

find changesets by author, revision, files, or words in the commit message
Some little changes for next generation frontend
author bsw
date Sun Mar 13 16:53:33 2011 +0100 (2011-03-13)
parents 73dbc9e2bfd4
children
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@218 93 .topbox { margin: 0 1% 0 1%; }
bsw@218 94
bsw@218 95 .topbox
bsw@218 96 { margin-bottom: 1ex; }
bsw@218 97
bsw@217 98 .topbox a
bsw@218 99 { margin: 0 0.5em 0 0; padding: 0.3ex 0.5em 0.3ex 0.5em; }
bsw@217 100
bsw@217 101 .topbox select
bsw@217 102 { margin: 0.5ex 0 0.5ex 0; padding: 0.3ex 0.2em 0.2ex 0.2em;}
bsw@217 103
bsw@217 104 .topbox .right a,
bsw@217 105 .topbox .right span
bsw@218 106 { margin: 0 0 0 0.5em; padding: 0.3ex 0.5em 0.3ex 0.3em; }
bsw@216 107
bsw@216 108 .slot_default
bsw@218 109 { margin: 0 1% 2ex 32%; }
bsw@216 110
bsw@216 111 .sidebar_right .slot_default
bsw@218 112 { margin: 0 32% 2ex 1%; }
bsw@216 113
bsw@216 114 .slot_sidebar
bsw@218 115 { margin: 0 1% 2ex 1%; }
bsw@216 116
bsw@216 117 .sidebar_right .slot_sidebar
bsw@216 118 { margin: 0 1% 2ex 1%; }
bsw@216 119
bsw@216 120 .box
bsw@216 121 { margin: 0 0 2ex 0; }
bsw@216 122
bsw@216 123
bsw@216 124 .box .row .col
bsw@216 125 { padding: 0.5ex 0.2em 0.5ex 0.2em; }
bsw@216 126
bsw@216 127 .box .row .col:first-child
bsw@216 128 { padding-left: 0.5em; }
bsw@216 129
bsw@216 130 .box .row.subhead .col
bsw@216 131 { margin-top: 2ex; }
bsw@216 132
bsw@216 133 /*
bsw@216 134 * Colors
bsw@216 135 */
bsw@216 136
bsw@217 137 body
bsw@218 138 { background-color: #27C9FF; color: #000; }
bsw@218 139
bsw@218 140 .topbox.line1
bsw@218 141 { background-color: #444; }
bsw@216 142
bsw@217 143 .topbox.line1,
bsw@218 144 .topbox.line1 a
bsw@218 145 { color: #fff; }
bsw@217 146
bsw@217 147 .topbox.line2 a
bsw@218 148 { background-color: #27C9FF; color: #000; }
bsw@217 149 .topbox.line2 span.inactive
bsw@217 150 { opacity: 0.2; }
bsw@217 151 .topbox a.active
bsw@217 152 /* { background-color: #B2ECFF; color: #000; }*/
bsw@217 153 { background-color: #e7f0ff; color: #000; }
bsw@216 154
bsw@216 155
bsw@216 156 .box { background-color: #fff; }
bsw@216 157
bsw@216 158 .box { color: #000; }
bsw@216 159
bsw@216 160 .box a { color: #068; }
bsw@216 161
bsw@216 162 .box .row.head,
bsw@218 163 .box .row.head2
bsw@218 164 { background-color: #e7f0ff; }
bsw@218 165
bsw@216 166 .box .row.active
bsw@218 167 { background-color: #f1F2F8; }
bsw@216 168
bsw@216 169 .box .row.head .col.head
bsw@216 170 { color: #444; }
bsw@216 171
bsw@216 172 .draft .authors,
bsw@216 173 .initiative .authors
bsw@216 174 { color: #777; }
bsw@216 175
bsw@216 176 .member_content
bsw@217 177 { background-color: #FFF4DC; }
bsw@213 178
bsw@213 179 /*
bsw@216 180 * Borders
bsw@216 181 */
bsw@216 182
bsw@216 183 .box .row
bsw@216 184 { border-bottom: 1px solid #ccc; }
bsw@216 185 .box .row.head
bsw@216 186 { border-bottom-color: #777; }
bsw@216 187 .box .row.subhead
bsw@216 188 { border-bottom-color: #777; }
bsw@216 189 .box .row:last-child
bsw@216 190 { border-bottom: none; }
bsw@216 191
bsw@216 192 .box.issue .row.unit_name
bsw@216 193 { border-bottom-color: #ccc; }
bsw@218 194
bsw@213 195
bsw@216 196 /*
bsw@216 197 * Rounded corners
bsw@216 198 */
bsw@216 199
bsw@218 200 .box { border-radius: 0.8ex; -moz-border-radius: 0.8ex;
bsw@218 201 -webkit-box-shadow: 1px 1px 2px #11576F; -moz-box-shadow: 0 0 2px 1px #444; }
bsw@213 202
bsw@216 203 .box .row:first-child.head,
bsw@216 204 .box .row:first-child.head2
bsw@218 205 { border-radius: 0.8ex 0.8ex 0 0 ; }
bsw@216 206 .box .row:last-child
bsw@218 207 { border-radius: 0 0 0.8ex 0.8ex; }
bsw@216 208
bsw@217 209 .box .row:first-child:last-child.head,
bsw@217 210 .box .row:first-child:last-child.head2
bsw@218 211 { border-radius: 0.8ex 0.8ex 0.8ex 0.8ex; }
bsw@217 212
bsw@218 213 .topbox.line1
bsw@218 214 { border-radius: 0 0 0.8ex 0.8ex;
bsw@218 215 -webkit-box-shadow: 1px 1px 2px #11576F; -moz-box-shadow: 1px 1px 2px #444; }
bsw@217 216
bsw@218 217 .topbox a
bsw@218 218 { border-radius: 0.8ex; }
bsw@218 219
bsw@217 220 .topbox a.active
bsw@218 221 { -webkit-box-shadow: 1px 1px 2px #11576F; -moz-box-shadow: 1px 1px 2px 0px #444;
bsw@217 222 }
bsw@217 223
bsw@216 224 /*
bsw@216 225 * Text Formatting
bsw@216 226 */
bsw@216 227
bsw@216 228 body, input, select {
bsw@216 229 font-family: sans-serif;
bsw@216 230 font-size: 100%;
bsw@213 231 }
bsw@213 232
bsw@217 233 .topbox {
bsw@217 234 line-height: 135%;
bsw@213 235 }
bsw@213 236
bsw@217 237 .topbox a,
bsw@217 238 .topbox span
bsw@217 239 { font-weight: bold;
bsw@217 240 text-decoration: none; }
bsw@217 241
bsw@216 242 .box a { text-decoration: none; }
bsw@213 243
bsw@216 244 .box .row .col
bsw@216 245 { line-height: 115%; }
bsw@213 246
bsw@216 247 .box .row.head .col.head,
bsw@216 248 .box .row.head2 .col.head
bsw@216 249 { font-weight: bold; }
bsw@213 250
bsw@216 251 .box .row.subhead .col
bsw@216 252 { font-weight: bold; }
bsw@213 253
bsw@213 254
bsw@213 255
bsw@217 256 .box .row.head .col.head select
bsw@217 257 { font-weight: bold; width: 100%; }
bsw@215 258
bsw@216 259 /*
bsw@216 260 * Scrolled col
bsw@216 261 */
bsw@213 262
bsw@213 263 .box .row .col.scrolled {
bsw@213 264 padding: 0;
bsw@213 265 max-height: 300px;
bsw@213 266 overflow: auto;
bsw@213 267 }
bsw@213 268
bsw@213 269 .box .row .col.scrolled .head {
bsw@213 270 font-weight: bold;
bsw@213 271 padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213 272 }
bsw@213 273
bsw@213 274 /*
bsw@216 275 * Bars
bsw@216 276 */
bsw@213 277
bsw@213 278 .bar {
bsw@213 279 float: right;
bsw@213 280 margin-left: 0.3em;
bsw@213 281 }
bsw@213 282
bsw@213 283 .bar div {
bsw@213 284 margin-top: 2px;
bsw@213 285 float: left;
bsw@213 286 height: 11px;
bsw@213 287 }
bsw@213 288 .bar .green {
bsw@213 289 background-color: #0a0;
bsw@213 290 }
bsw@213 291
bsw@213 292 .bar .grey {
bsw@213 293 background-color: #eee;
bsw@213 294 }
bsw@213 295
bsw@213 296 /*
bsw@216 297 * Avatars
bsw@216 298 */
bsw@216 299
bsw@216 300 .avatar_image {
bsw@216 301 border-radius: 1ex;
bsw@216 302 }
bsw@213 303
bsw@213 304 .avatars {
bsw@213 305 overflow: auto;
bsw@213 306 }
bsw@213 307
bsw@213 308 .avatars .avatar {
bsw@213 309 float: left;
bsw@213 310 margin-left: 2px;
bsw@213 311 margin-right: 2px;
bsw@213 312 }
bsw@213 313
bsw@213 314 .avatars.normal .avatar {
bsw@213 315 width: 100px;
bsw@217 316 text-align: center;
bsw@213 317 }
bsw@213 318
bsw@213 319 .avatars.small .avatar {
bsw@213 320 border: 2px solid #fff;
bsw@213 321 border-radius: 0.5ex;
bsw@213 322 -moz-border-radius: 0.5ex;
bsw@213 323 }
bsw@213 324
bsw@213 325 .avatars .arrow {
bsw@213 326 float: left;
bsw@213 327 margin-top: 0.3ex;
bsw@213 328 }
bsw@213 329
bsw@213 330 .avatars.small .avatar img {
bsw@213 331 border-radius: 0.25ex;
bsw@213 332 -moz-border-radius: 0.25ex;
bsw@213 333 }
bsw@213 334
bsw@213 335 .avatars.normal .avatar img {
bsw@213 336 margin-left: 0.3em;
bsw@213 337 margin-top: 0.3ex;
bsw@213 338 border-radius: 1ex;
bsw@213 339 -moz-border-radius: 1ex;
bsw@213 340 }
bsw@213 341
bsw@213 342 .avatars.small .avatar img {
bsw@213 343 height: 24px;
bsw@213 344 width: 24px;
bsw@213 345 }
bsw@213 346
bsw@213 347 .avatars.normal .avatar img {
bsw@213 348 height: 48px;
bsw@213 349 width: 48px;
bsw@213 350 }
bsw@213 351
bsw@213 352 .avatars.normal .avatar .name {
bsw@213 353 margin-left: 0.3em;
bsw@213 354 margin-top: 0.3ex;
bsw@213 355 line-height: 100%;
bsw@213 356 font-size: 70%;
bsw@213 357 overflow: hidden;
bsw@213 358 height: 4ex;
bsw@213 359 }
bsw@213 360
bsw@213 361 .avatars .avatar .weight {
bsw@213 362 text-align: center;
bsw@213 363 font-size: 70%;
bsw@213 364 }
bsw@213 365
bsw@213 366 .avatars.small .avatar.participation {
bsw@213 367 border-color: #f70;
bsw@213 368 }
bsw@213 369
bsw@213 370 .avatars.small .avatar.overridden,
bsw@213 371 .avatars.small .arrow.overridden {
bsw@213 372 opacity: 0.3;
bsw@213 373 }
bsw@213 374
bsw@213 375 /*
bsw@216 376 * Area
bsw@216 377 */
bsw@213 378
bsw@213 379 .area .name {
bsw@213 380 color: #444;
bsw@213 381 }
bsw@213 382
bsw@213 383 .area .name a {
bsw@213 384 font-weight: normal;
bsw@213 385 }
bsw@213 386
bsw@213 387 .area .name .avatars {
bsw@213 388 float: right;
bsw@213 389 margin-top: -3px;
bsw@213 390 }
bsw@213 391
bsw@216 392 /*
bsw@216 393 * Initiative
bsw@216 394 */
bsw@213 395
bsw@213 396 .initiative .name,
bsw@213 397 .initiative a.name {
bsw@213 398 font-weight: bold;
bsw@213 399 }
bsw@213 400
bsw@215 401 .draft .authors,
bsw@213 402 .initiative .authors {
bsw@213 403 /* text format */
bsw@213 404 font-size: 80%;
bsw@213 405 font-style: italic;
bsw@213 406 }
bsw@213 407
bsw@213 408 .drafts .draft .created {
bsw@213 409 font-weight: bold;
bsw@213 410 }
bsw@213 411
bsw@216 412 /*
bsw@216 413 * Draft
bsw@216 414 */
bsw@213 415
bsw@217 416 .member_content .draft {
bsw@213 417 line-height: 135%;
bsw@213 418 }
bsw@213 419
bsw@217 420 .draft h1 {
bsw@217 421 font-size: 135%;
bsw@217 422 }
bsw@217 423
bsw@213 424 .draft h2 {
bsw@213 425 font-size: 135%;
bsw@213 426 font-weight: bold;
bsw@213 427 margin-bottom: 0.5ex;
bsw@213 428 }
bsw@213 429
bsw@213 430 .draft h3 {
bsw@213 431 font-size: 135%;
bsw@213 432 margin-bottom: 0.5ex;
bsw@213 433 }
bsw@213 434
bsw@213 435 .draft p {
bsw@213 436 margin-bottom: 1ex;
bsw@213 437 }
bsw@213 438
bsw@213 439 .draft ul {
bsw@213 440 padding-left: 2em;
bsw@213 441 list-style: disc;
bsw@213 442 }
bsw@213 443
bsw@213 444 .draft ul li {
bsw@213 445 margin-bottom: 1ex;
bsw@213 446 }

Impressum / About Us