1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/lf2.css	Thu Mar 03 21:26:35 2011 +0100
     1.3 @@ -0,0 +1,548 @@
     1.4 +/* CSS reset */
     1.5 +
     1.6 +html, body, div, span, applet, object, iframe,
     1.7 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
     1.8 +a, abbr, acronym, address, big, cite, code,
     1.9 +del, dfn, em, font, img, ins, kbd, q, s, samp,
    1.10 +small, strike, strong, sub, sup, tt, var,
    1.11 +dl, dt, dd, ol, ul, li,
    1.12 +fieldset, form, label, legend,
    1.13 +table, caption, tbody, tfoot, thead, tr, th, td {
    1.14 +    margin: 0;
    1.15 +    padding: 0;
    1.16 +    border: 0;
    1.17 +    outline: 0;
    1.18 +    font-weight: inherit;
    1.19 +    font-style: inherit;
    1.20 +    font-size: 100%;
    1.21 +    font-family: inherit;
    1.22 +    vertical-align: baseline;
    1.23 +}
    1.24 +/* remember to define focus styles! */
    1.25 +:focus {
    1.26 +    outline: 0;
    1.27 +}
    1.28 +body {
    1.29 +    line-height: 1;
    1.30 +    color: black;
    1.31 +    background: white;
    1.32 +}
    1.33 +ol, ul {
    1.34 +    list-style: none;
    1.35 +}
    1.36 +/* tables still need 'cellspacing="0"' in the markup */
    1.37 +table {
    1.38 +    border-collapse: separate;
    1.39 +    border-spacing: 0;
    1.40 +}
    1.41 +caption, th, td {
    1.42 +    text-align: left;
    1.43 +    font-weight: normal;
    1.44 +}
    1.45 +blockquote:before, blockquote:after,
    1.46 +q:before, q:after {
    1.47 +    content: "";
    1.48 +}
    1.49 +blockquote, q {
    1.50 +    quotes: "" "";
    1.51 +}
    1.52 +
    1.53 +/* end CSS reset */
    1.54 +
    1.55 +
    1.56 +/*
    1.57 +    Global settings
    1.58 +*/
    1.59 +body {
    1.60 +  font-family: sans-serif;
    1.61 +  background-color: #7df;
    1.62 +  color: #000;
    1.63 +}
    1.64 +
    1.65 +a {
    1.66 +  background-color: #ffffff;
    1.67 +  color: #000;
    1.68 +}
    1.69 +
    1.70 +/*
    1.71 +    Main top navigation
    1.72 +*/
    1.73 +
    1.74 +.tab1 {
    1.75 +  background-color: #444;
    1.76 +  color: #000;
    1.77 +}
    1.78 +
    1.79 +.tab1 .right {
    1.80 +  float: right;
    1.81 +}
    1.82 +
    1.83 +.tab1 a {
    1.84 +  float: left;
    1.85 +  padding: 0.5ex 0.5em 0.5ex 0.5em;
    1.86 +  margin-left: 0.5em;
    1.87 +  background-color: #444;
    1.88 +  color: #fff;
    1.89 +  font-weight: bold;
    1.90 +  text-decoration: none;
    1.91 +}
    1.92 +
    1.93 +.tab1 .right a {
    1.94 +  margin-left: 0;
    1.95 +  margin-right: 0.5em;
    1.96 +}
    1.97 +
    1.98 +.tab1 a.active {
    1.99 +  background-color: #7df;
   1.100 +  color: #000;
   1.101 +}
   1.102 +
   1.103 +/*
   1.104 +    Default slot
   1.105 +*/
   1.106 +
   1.107 +.slot_default {
   1.108 +  margin: 2ex 1% 2ex 32%;
   1.109 +  position: relative;
   1.110 +  width: 67%;
   1.111 +}
   1.112 +
   1.113 +.sidebar_right .slot_default {
   1.114 +  margin: 2ex 32% 2ex 1%;
   1.115 +}
   1.116 +
   1.117 +/*
   1.118 +Sidebar
   1.119 +*/
   1.120 +
   1.121 +.slot_sidebar {
   1.122 +  margin: 2ex 1% 2ex 1%;
   1.123 +  float: left;
   1.124 +  width: 30%;
   1.125 +}
   1.126 +
   1.127 +.sidebar_right .slot_sidebar {
   1.128 +  margin: 0 1% 2ex 1%;
   1.129 +  float: right;
   1.130 +  width: 30%;
   1.131 +}
   1.132 +
   1.133 +.slot_sidebar .box {
   1.134 +  width: 100%;
   1.135 +}
   1.136 +
   1.137 +
   1.138 +/*
   1.139 +    Boxes
   1.140 +*/
   1.141 +
   1.142 +.box a {
   1.143 +  text-decoration: none;
   1.144 +  color: #46a;
   1.145 +}
   1.146 +
   1.147 +.boxhead,
   1.148 +a.boxhead {
   1.149 +  /* position */
   1.150 +  display: block;
   1.151 +  margin-bottom: 0.5ex;
   1.152 +  margin-top: 1ex;
   1.153 +  margin-left: 0.5em;
   1.154 +
   1.155 +  /* color */
   1.156 +  background-color: #7df;
   1.157 +  color: #000;
   1.158 +
   1.159 +  /* text format */
   1.160 +  font-weight: bold;
   1.161 +  text-shadow: 2px 2px 2px #fff;
   1.162 +}
   1.163 +
   1.164 +.box {
   1.165 +  /* position */
   1.166 +  position: relative;
   1.167 +  width: 100%;
   1.168 +  margin-bottom: 2ex;
   1.169 +
   1.170 +  /* border and shadow*/
   1.171 +  border-radius: 1ex;
   1.172 +  -moz-border-radius: 1ex;
   1.173 +  -webkit-box-shadow: 2px 2px 3px 0px #444;
   1.174 +  -moz-box-shadow: 2px 2px 3px 0px #444;
   1.175 +
   1.176 +  /* color */
   1.177 +  background-color: #fff;
   1.178 +  color: #000;
   1.179 +
   1.180 +}
   1.181 +
   1.182 +.box .row {
   1.183 +  overflow: auto;
   1.184 +  /* position */
   1.185 +
   1.186 +  /* border */
   1.187 +  border-top: 1px solid #ccc;
   1.188 +}
   1.189 +
   1.190 +.box .row .col {
   1.191 +  /* position */
   1.192 +  padding: 0.5ex 0.2em 0.5ex 0.2em;
   1.193 +
   1.194 +  /* text format */
   1.195 +  line-height: 125%;
   1.196 +}
   1.197 +
   1.198 +.box .row .col.left {
   1.199 +  float: left;
   1.200 +}
   1.201 +
   1.202 +.box .row .col.right {
   1.203 +  float: right;
   1.204 +}
   1.205 +
   1.206 +.box .row .col.clearleft {
   1.207 +  clear: left;
   1.208 +}
   1.209 +
   1.210 +.box .row .col.clearright {
   1.211 +  clear: right;
   1.212 +}
   1.213 +
   1.214 +.box .row .col.toggle {
   1.215 +  float: left;
   1.216 +  /* position */
   1.217 +  padding-left: 0.4em;
   1.218 +}
   1.219 +
   1.220 +.box .row .col.toggle:hover {
   1.221 +  /* color */
   1.222 +  background-color: #7cf;
   1.223 +
   1.224 +  /* cursor */
   1.225 +  cursor: pointer;
   1.226 +}
   1.227 +
   1.228 +.box .row.first .col.toggle {
   1.229 +  /* border */
   1.230 +  border-radius: 1ex 0 0 0;
   1.231 +}
   1.232 +
   1.233 +.box .row.last .col.toggle {
   1.234 +  /* border */
   1.235 +  border-radius: 0 0 0 1ex;
   1.236 +}
   1.237 +
   1.238 +.box .row.toggled .col.first {
   1.239 +  /* position */
   1.240 +  margin-left: 1.5em;
   1.241 +}
   1.242 +
   1.243 +.box .row.first {
   1.244 +  /* border */
   1.245 +  border-top: none;
   1.246 +}
   1.247 +
   1.248 +.box .row .col.first {
   1.249 +  /* position */
   1.250 +  padding-left: 0.5em;
   1.251 +}
   1.252 +
   1.253 +.box .row.toggled .col.first {
   1.254 +  /* position */
   1.255 +  padding-left: 0.2em;
   1.256 +}
   1.257 +
   1.258 +.box .row.head {
   1.259 +  background-color: #e4e7f0;
   1.260 +  color: #000;
   1.261 +  border-radius: 1ex 1ex 0 0;
   1.262 +}
   1.263 +
   1.264 +.box .row.last {
   1.265 +  border-radius: 0 0 1ex 1ex;
   1.266 +}
   1.267 +
   1.268 +.box .row.head .col.head {
   1.269 +  font-weight: bold;
   1.270 +  color: #444;
   1.271 +}
   1.272 +
   1.273 +.box .row.head .col a {
   1.274 +  background-color: #e4e7f0;
   1.275 +  color: #3B6E7F;
   1.276 +}
   1.277 +
   1.278 +.box .row.head2 {
   1.279 +  background-color: #f2f3f7;
   1.280 +  color: #000;
   1.281 +}
   1.282 +
   1.283 +.box .row.head2 .col a {
   1.284 +  background-color: #f2f3f7;
   1.285 +  color: #3B6E7F;
   1.286 +}
   1.287 +
   1.288 +
   1.289 +.box .row .col a {
   1.290 +  color: #3B6E7F;
   1.291 +}
   1.292 +
   1.293 +.box .row.active,
   1.294 +.box .row.active a {
   1.295 +  background-color: #DDF7FF;
   1.296 +}
   1.297 +
   1.298 +/* Sidebar hover button */
   1.299 +
   1.300 +.hoverbutton_container {
   1.301 +  position: relative;
   1.302 +}
   1.303 +
   1.304 +
   1.305 +.hoverbutton {
   1.306 +  /* position */
   1.307 +  display: none;
   1.308 +  position: absolute;
   1.309 +  top: 0px;
   1.310 +  left: 0px;
   1.311 +  height: 100%;
   1.312 +  width: 100%;
   1.313 +
   1.314 +  /* color */
   1.315 +  background-color: #fff;
   1.316 +
   1.317 +  /* text format */
   1.318 +  font-weight: bold;
   1.319 +
   1.320 +  /* cursor */
   1.321 +  cursor: pointer;
   1.322 +}
   1.323 +
   1.324 +.hoverbutton_container:hover .hoverbutton {
   1.325 +  /* position */
   1.326 +  display: block;
   1.327 +}
   1.328 +
   1.329 +.hoverbutton_container:hover .hoverbutton img {
   1.330 +  /* text format */
   1.331 +  vertical-align: middle;
   1.332 +}
   1.333 +
   1.334 +.hoverbutton_container:hover .hoverbutton.noaction {
   1.335 +  /* color */
   1.336 +  background-color: #ccc;
   1.337 +
   1.338 +  /* cursor */
   1.339 +  cursor: default;
   1.340 +}
   1.341 +
   1.342 +.hoverbutton_container:hover .hoverbutton.green {
   1.343 +  background-color: #cfc;
   1.344 +}
   1.345 +
   1.346 +.hoverbutton_container:hover .hoverbutton.red {
   1.347 +  background-color: #fcc;
   1.348 +}
   1.349 +
   1.350 +.hoverbutton .content {
   1.351 +  /* position */
   1.352 +  padding: 0.5ex 0.2em 0.5ex 0.5em;
   1.353 +}
   1.354 +
   1.355 +/* Scrolled col */
   1.356 +
   1.357 +.box .row .col.scrolled {
   1.358 +  padding: 0;
   1.359 +  max-height: 300px;
   1.360 +  overflow: auto;
   1.361 +}
   1.362 +
   1.363 +.box .row .col.scrolled .head {
   1.364 +  font-weight: bold;
   1.365 +  padding: 0.5ex 0.2em 0.5ex 0.5em;
   1.366 +}
   1.367 +
   1.368 +/*
   1.369 +  Bars
   1.370 +*/
   1.371 +
   1.372 +.bar {
   1.373 +  float: right;
   1.374 +  margin-left: 0.3em;
   1.375 +}
   1.376 +
   1.377 +.bar div {
   1.378 +  margin-top: 2px;
   1.379 +  float: left;
   1.380 +  height: 11px;
   1.381 +}
   1.382 +.bar .green {
   1.383 +  background-color: #0a0;
   1.384 +}
   1.385 +
   1.386 +.bar .grey {
   1.387 +  background-color: #eee;
   1.388 +}
   1.389 +
   1.390 +/*
   1.391 +    Avatars
   1.392 +*/
   1.393 +
   1.394 +.avatars {
   1.395 +  overflow: auto;
   1.396 +}
   1.397 +
   1.398 +.avatars .avatar {
   1.399 +  float: left;
   1.400 +  margin-left: 2px;
   1.401 +  margin-right: 2px;
   1.402 +}
   1.403 +
   1.404 +.avatars.normal .avatar {
   1.405 +  width: 100px;
   1.406 +  -webkit-box-shadow: 1px 1px 1px #000;
   1.407 +  background-color: #eee;
   1.408 +  border-radius: 1ex;
   1.409 +  -moz-border-radius: 1ex;
   1.410 +}
   1.411 +
   1.412 +.avatars.small .avatar {
   1.413 +  border: 2px solid #fff;
   1.414 +  border-radius: 0.5ex;
   1.415 +  -moz-border-radius: 0.5ex;
   1.416 +}
   1.417 +
   1.418 +.avatars .arrow {
   1.419 +  float: left;
   1.420 +  margin-top: 0.3ex;
   1.421 +}
   1.422 +
   1.423 +.avatars .avatar.myweight {
   1.424 +  border-color: #f70;
   1.425 +  background-color: #f70;
   1.426 +}
   1.427 +
   1.428 +.avatars .avatar.autoreject {
   1.429 +  border-color: #f00;
   1.430 +  background-color: #f00;
   1.431 +}
   1.432 +
   1.433 +.avatars.small .avatar img {
   1.434 +  border-radius: 0.25ex;
   1.435 +  -moz-border-radius: 0.25ex;
   1.436 +}
   1.437 +
   1.438 +.avatars.normal .avatar img {
   1.439 +  margin-left: 0.3em;
   1.440 +  margin-top: 0.3ex;
   1.441 +  border-radius: 1ex;
   1.442 +  -moz-border-radius: 1ex;
   1.443 +}
   1.444 +
   1.445 +.avatars.small .avatar img {
   1.446 +  height: 24px;
   1.447 +  width: 24px;
   1.448 +}
   1.449 +
   1.450 +.avatars.normal .avatar img {
   1.451 +  height: 48px;
   1.452 +  width: 48px;
   1.453 +}
   1.454 +
   1.455 +.avatars.normal .avatar .name {
   1.456 +  margin-left: 0.3em;
   1.457 +  margin-top: 0.3ex;
   1.458 +  line-height: 100%;
   1.459 +  font-size: 70%;
   1.460 +  overflow: hidden;
   1.461 +  height: 4ex;
   1.462 +}
   1.463 +
   1.464 +.avatars .avatar .weight {
   1.465 +  text-align: center;
   1.466 +  font-size: 70%;
   1.467 +}
   1.468 +
   1.469 +.avatars.small .avatar.participation {
   1.470 +  border-color: #f70;
   1.471 +}
   1.472 +
   1.473 +.avatars.small .avatar.overridden,
   1.474 +.avatars.small .arrow.overridden {
   1.475 +  opacity: 0.3;
   1.476 +}
   1.477 +
   1.478 +/*
   1.479 +  Area
   1.480 +*/
   1.481 +
   1.482 +.area .name {
   1.483 +  color: #444;
   1.484 +}
   1.485 +
   1.486 +.area .name a {
   1.487 +  font-weight: normal;
   1.488 +}
   1.489 +
   1.490 +.area .name .avatars {
   1.491 +  float: right;
   1.492 +  margin-top: -3px;
   1.493 +}
   1.494 +
   1.495 +/* Initiatives */
   1.496 +
   1.497 +.initiative .name,
   1.498 +.initiative a.name {
   1.499 +  font-weight: bold;
   1.500 +}
   1.501 +
   1.502 +.initiative .authors {
   1.503 +  /* color */
   1.504 +  color: #777;
   1.505 +
   1.506 +  /* text format */
   1.507 +  font-size: 80%;
   1.508 +  font-style: italic;
   1.509 +}
   1.510 +
   1.511 +.initiative .authors a {
   1.512 +  /* color */
   1.513 +}
   1.514 +
   1.515 +.drafts .draft .created {
   1.516 +  font-weight: bold;
   1.517 +}
   1.518 +
   1.519 +.drafts .draft .author_name {
   1.520 +  font-style: italic;
   1.521 +}
   1.522 +
   1.523 +/* Draft */
   1.524 +
   1.525 +.draft {
   1.526 +  line-height: 135%;
   1.527 +}
   1.528 +
   1.529 +.draft h2 {
   1.530 +  font-size: 135%;
   1.531 +  font-weight: bold;
   1.532 +  margin-bottom: 0.5ex;
   1.533 +}
   1.534 +
   1.535 +.draft h3 {
   1.536 +  font-size: 135%;
   1.537 +  margin-bottom: 0.5ex;
   1.538 +}
   1.539 +
   1.540 +.draft p {
   1.541 +  margin-bottom: 1ex;
   1.542 +}
   1.543 +
   1.544 +.draft ul {
   1.545 +  padding-left: 2em;
   1.546 +  list-style: disc;
   1.547 +}
   1.548 +
   1.549 +.draft ul li {
   1.550 +  margin-bottom: 1ex;
   1.551 +}