1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/style.css	Wed Nov 18 12:00:00 2009 +0100
     1.3 @@ -0,0 +1,559 @@
     1.4 +/*************************************************************************
     1.5 + * Some global definitions 
     1.6 + */
     1.7 +
     1.8 +body, th, td {
     1.9 +  font-family: sans-serif;
    1.10 +  font-size: 14px;
    1.11 +  padding: 0;
    1.12 +  margin: 0;
    1.13 +}
    1.14 +
    1.15 +body, a {
    1.16 +  color: #000;
    1.17 +}
    1.18 +
    1.19 +img {
    1.20 +  border: none;
    1.21 +}
    1.22 +
    1.23 +table {
    1.24 +  border-collapse: collapse;
    1.25 +  border: none;
    1.26 +}
    1.27 +
    1.28 +td, th {
    1.29 +  vertical-align: top;
    1.30 +  padding: 0.5ex 0.5em 0.5ex 0.5em;
    1.31 +}
    1.32 +
    1.33 +a.active {
    1.34 +  color: #fff; 
    1.35 +}
    1.36 +
    1.37 +.highlighted {
    1.38 +  background-color: #fa7;
    1.39 +  color: #000;
    1.40 +}
    1.41 +
    1.42 +.admin_only {
    1.43 +  font-style: italic;
    1.44 +}
    1.45 +
    1.46 +/*************************************************************************
    1.47 + * Notices, warnings and errors
    1.48 + */
    1.49 +
    1.50 +.layout_notice, .layout_error, .layout_warning {
    1.51 +        background: #fff;
    1.52 +        font-weight: bold;
    1.53 +        right: 2ex;
    1.54 +        line-height: 1.7em;
    1.55 +        position: absolute;
    1.56 +        top: 6ex;
    1.57 +        width: 60ex;
    1.58 +        -moz-opacity:0.7;
    1.59 +}
    1.60 +
    1.61 +.slot_notice, .slot_warning, .slot_error {
    1.62 +        padding: 2ex;
    1.63 +}
    1.64 +
    1.65 +.slot_notice {
    1.66 +        color: green;
    1.67 +        border: 2px solid green;
    1.68 +}
    1.69 +
    1.70 +.slot_warning {
    1.71 +        color: orange;
    1.72 +        border: 2px solid orange;
    1.73 +}
    1.74 +
    1.75 +.slot_error {
    1.76 +        color: red;
    1.77 +        border: 2px solid red;
    1.78 +}
    1.79 +
    1.80 +/*************************************************************************
    1.81 + * Navigation, search and language chooser bar 
    1.82 + */
    1.83 +
    1.84 +.topbar {
    1.85 +  margin-bottom: 1em;
    1.86 +  background-color: #444;
    1.87 +  color: #fff;
    1.88 +  font-size: 75%;
    1.89 +}
    1.90 +
    1.91 +.topbar a {
    1.92 +  color: #fff;
    1.93 +}
    1.94 +
    1.95 +.topbar  a:hover {
    1.96 +  background-color: #fff;
    1.97 +  color: #000;
    1.98 +}
    1.99 +
   1.100 +.navigation,
   1.101 +.logout_button {
   1.102 +  line-height: 250%;
   1.103 +}
   1.104 +
   1.105 +.navigation img,
   1.106 +.logout_button img {
   1.107 +  margin-right: 0.5em;
   1.108 +  vertical-align: middle;
   1.109 +}
   1.110 +
   1.111 +.navigation a,
   1.112 +.logout_button a {
   1.113 +  padding: 1ex;
   1.114 +}
   1.115 +
   1.116 +.logout_button {
   1.117 +  float: right;
   1.118 +}
   1.119 +
   1.120 +.searchbox {
   1.121 +  padding: 0.5ex 1em 0ex 1em;
   1.122 +  float: right;
   1.123 +  line-height: 250%;
   1.124 +}
   1.125 +
   1.126 +.searchbox div {
   1.127 +  display: inline;
   1.128 +}
   1.129 +
   1.130 +.searchbox select {
   1.131 +  margin-left: 0.3em;
   1.132 +  margin-right: 0.4em;
   1.133 +  font-size: 100%;
   1.134 +  width: 8em;
   1.135 +}
   1.136 +
   1.137 +.searchbox input[type=text] {
   1.138 +  width: 8em;
   1.139 +  padding: 0.25ex 0.25em 0.25ex 0.25em;
   1.140 +  margin-right: 0.5em;
   1.141 +  font-size: 100%;
   1.142 +}
   1.143 +
   1.144 +.searchbox input[type=submit] {
   1.145 +  font-size: 100%;
   1.146 +  width: 2.5em;
   1.147 +}
   1.148 +
   1.149 +/*************************************************************************
   1.150 + * Title of current page including path and actions
   1.151 + */
   1.152 +
   1.153 +.title_bar {
   1.154 +  border-bottom: 1px solid #000;
   1.155 +  margin-bottom: 2ex;
   1.156 +}
   1.157 +
   1.158 +.path {
   1.159 +  color: #444;
   1.160 +  xbackground-color: #ddd;
   1.161 +}
   1.162 +
   1.163 +.path div {
   1.164 +  margin-left: 1em;
   1.165 +  font-size: 100%;
   1.166 +  line-height: 180%;
   1.167 +}
   1.168 +
   1.169 +.path a {
   1.170 +  color: #444;
   1.171 +}
   1.172 +
   1.173 +.slot_path div {
   1.174 +  display: inline;
   1.175 +  margin-left: 1em;
   1.176 +  margin-right: 1em;
   1.177 +}
   1.178 +
   1.179 +.title {
   1.180 +  color: #000;
   1.181 +  margin-bottom: 0.5ex;
   1.182 +}
   1.183 +
   1.184 +.slot_title {
   1.185 +}
   1.186 +
   1.187 +.title div {
   1.188 +  margin-left: 0.66em;
   1.189 +  font-weight: bold;
   1.190 +  font-size: 135%;
   1.191 +  line-height: 110%;
   1.192 +}
   1.193 +
   1.194 +.title a {
   1.195 +  color: #fff;
   1.196 +}
   1.197 +
   1.198 +.avatar {
   1.199 +  float: left;
   1.200 +  margin-right: 0.5em;
   1.201 +}
   1.202 +
   1.203 +.actions {
   1.204 +  display: inline;
   1.205 +  font-size: 75%;
   1.206 +  line-height: 200%;
   1.207 +}
   1.208 +
   1.209 +.slot_actions {
   1.210 +  margin-left: 1em;
   1.211 +  display: inline;
   1.212 +}
   1.213 +
   1.214 +.actions a {
   1.215 +  padding: 0.5ex 0.5em 0.5ex 0.0em;
   1.216 +  margin-right: 1em;
   1.217 +  vertical-align: middle;
   1.218 +}
   1.219 +
   1.220 +.actions a:hover {
   1.221 +  background-color: #d7d7d7;
   1.222 +}
   1.223 +
   1.224 +.actions img {
   1.225 +  padding-left: 0.2em;
   1.226 +  padding-right: 0.2em;
   1.227 +}
   1.228 +
   1.229 +/*************************************************************************
   1.230 + * Main content
   1.231 + */
   1.232 +
   1.233 +.main {
   1.234 +  margin-left: 1em;
   1.235 +  margin-right: 1em;
   1.236 +}
   1.237 +
   1.238 +
   1.239 +/*************************************************************************
   1.240 + * ui.tab
   1.241 + */
   1.242 +
   1.243 +.ui_tabs_links {
   1.244 +  margin-top: 4ex;
   1.245 +  font-size: 75%;
   1.246 +}
   1.247 +
   1.248 +.ui_tabs_links a {
   1.249 +  padding: 1ex;
   1.250 +  margin-left: 0.5em;
   1.251 +  background-color: #e7e7e7;
   1.252 +}
   1.253 +
   1.254 +.ui_tabs_links a:hover {
   1.255 +  background-color: #d7d7d7;
   1.256 +}
   1.257 +
   1.258 +.ui_tabs_links a.selected {
   1.259 +  background-color: #444;
   1.260 +  color: #fff;
   1.261 +  text-decoration: none;
   1.262 +  padding: 1ex;
   1.263 +}
   1.264 +
   1.265 +.ui_tabs_content {
   1.266 +  border: 1px solid #444;
   1.267 +  padding: 1ex 1ex 1ex 1ex;
   1.268 +}
   1.269 +
   1.270 +/*************************************************************************
   1.271 + * ui.order
   1.272 + */
   1.273 +
   1.274 +.ui_order_head {
   1.275 +  color: #777;
   1.276 +  text-align: right;
   1.277 +  margin-bottom: 1ex;
   1.278 +  font-size: 75%;
   1.279 +}
   1.280 +
   1.281 +.ui_order_head a {
   1.282 +  color: #777;
   1.283 +  padding: 0.5ex;
   1.284 +}
   1.285 +
   1.286 +.ui_order_head a.active{
   1.287 +  color: #fff;
   1.288 +  background-color: #777;
   1.289 +  padding: 0.5ex;
   1.290 +}
   1.291 +
   1.292 +/*************************************************************************
   1.293 + * ui.paginate
   1.294 + */
   1.295 +
   1.296 +.ui_paginate_select a {
   1.297 +  padding: 0.5ex;
   1.298 +}
   1.299 +
   1.300 +/*************************************************************************
   1.301 + * ui.bargraph
   1.302 + */
   1.303 +
   1.304 +.bargraph {
   1.305 +  width: 50px;
   1.306 +}
   1.307 +
   1.308 +.bargraph div {
   1.309 +  float: left;
   1.310 +  margin-top: 0.5ex;
   1.311 +  height: 1ex;
   1.312 +}
   1.313 +
   1.314 +/*************************************************************************
   1.315 + * vertical ui.form
   1.316 + */
   1.317 +
   1.318 +.login input[type=text],
   1.319 +.vertical input[type=text],
   1.320 +.login input[type=password],
   1.321 +.vertical input[type=password],
   1.322 +.vertical textarea,
   1.323 +.vertical select {
   1.324 +  font-family: sans-serif;
   1.325 +  font-size: 100%;
   1.326 +  border: 1px solid #444;
   1.327 +  width: 40em;
   1.328 +  padding: 0.2ex 0.2em 0.2ex 0.2em;
   1.329 +  margin-bottom: 1ex;
   1.330 +}
   1.331 +
   1.332 +.login input[type=password],
   1.333 +.vertical input[type=password] {
   1.334 +  width: 16em;
   1.335 +}
   1.336 +
   1.337 +.vertical select {
   1.338 +  padding-right: 0;
   1.339 +}
   1.340 +
   1.341 +.login .ui_field_label,
   1.342 +.vertical .ui_field_label {
   1.343 +  text-transform: uppercase;
   1.344 +  font-size: 70%;
   1.345 +  line-height: 190%;
   1.346 +  font-weight: bold;
   1.347 +  color: #777;
   1.348 +  width: 15em;
   1.349 +  display: block;
   1.350 +  float: left;
   1.351 +  clear: left;
   1.352 +  text-align: right;
   1.353 +  padding-right: 0.5em;
   1.354 +}
   1.355 +
   1.356 +.login input[type=text],
   1.357 +.login input[type=password] {
   1.358 +  width: 10em;
   1.359 +}
   1.360 +
   1.361 +.login div,
   1.362 +.vertical div {
   1.363 +  clear: left;
   1.364 +}
   1.365 +
   1.366 +.vertical span {
   1.367 +  display: block;
   1.368 +  margin-bottom: 0.5ex;
   1.369 +}
   1.370 +
   1.371 +.vertical span:after {
   1.372 +  content: " ";
   1.373 +}
   1.374 +
   1.375 +.vertical span span {
   1.376 +  display: inline;
   1.377 +  margin-bottom: 0;
   1.378 +}
   1.379 +
   1.380 +.login input[type=submit],
   1.381 +.vertical input[type=submit] {
   1.382 +  font-size: 100%;
   1.383 +  margin-left: 11em;
   1.384 +  background-color: #444444;
   1.385 +  color: #fff;
   1.386 +  border: none;
   1.387 +  padding: 0.75ex;
   1.388 +}
   1.389 +
   1.390 +.login input[type=submit]:hover,
   1.391 +.vertical input[type=submit]:hover {
   1.392 +  background-color: #444444;
   1.393 +}
   1.394 +
   1.395 +/*************************************************************************
   1.396 + * Tables
   1.397 + */
   1.398 +
   1.399 +
   1.400 +table a.action {
   1.401 +  font-size: 70%;
   1.402 +  line-height: 190%;
   1.403 +  padding: 0.5ex;
   1.404 +  color: #777;
   1.405 +}
   1.406 +
   1.407 +table a.active {
   1.408 +  color: #fff; 
   1.409 +}
   1.410 +
   1.411 +th {
   1.412 +  text-align: left;
   1.413 +  border-bottom: 1px solid #000;
   1.414 +}
   1.415 +
   1.416 +tr:hover td {
   1.417 +  background-color: #ddd;
   1.418 +}
   1.419 +
   1.420 +
   1.421 +tr table tr:hover td {
   1.422 +  background-color: #fff;
   1.423 +}
   1.424 +
   1.425 +
   1.426 +/*************************************************************************
   1.427 + * Hidden inline form
   1.428 + */
   1.429 +
   1.430 +.hidden_inline_form {
   1.431 +  display: none;
   1.432 +  border: 1px solid #444;
   1.433 +  width: 42em;
   1.434 +  position: absolute;
   1.435 +  background-color: #fff;
   1.436 +  left: 5em;
   1.437 +  top: 20ex;
   1.438 +}
   1.439 +
   1.440 +.hidden_inline_form a {
   1.441 +  padding: 0.5ex;
   1.442 +  color: #fff;
   1.443 +}
   1.444 +
   1.445 +
   1.446 +.hidden_inline_form .head {
   1.447 +  background-color: #444;
   1.448 +  color: #fff;
   1.449 +  display: block;
   1.450 +  padding: 0.5ex;
   1.451 +}
   1.452 +
   1.453 +.hidden_inline_form input[type=text],
   1.454 +.hidden_inline_form textarea,
   1.455 +.hidden_inline_form select {
   1.456 +  width: 30em;
   1.457 +}
   1.458 +
   1.459 +/*************************************************************************
   1.460 + * Positive / Negtive votes
   1.461 + */
   1.462 +
   1.463 +
   1.464 +.positive_votes span {
   1.465 +  display: inline;
   1.466 +}
   1.467 +
   1.468 +.positive_votes {
   1.469 +  display: inline;
   1.470 +  background-color: #cfc;
   1.471 +  padding: 0.3ex 0.5em 0.3ex 0.5em;
   1.472 +}
   1.473 +
   1.474 +.negative_votes span {
   1.475 +  display: inline;
   1.476 +}
   1.477 +
   1.478 +.negative_votes {
   1.479 +  display: inline;
   1.480 +  background-color: #fcc;
   1.481 +  padding: 0.3ex 0.5em 0.3ex 0.5em;
   1.482 +}
   1.483 +
   1.484 +
   1.485 +
   1.486 +.active {
   1.487 +  background-color: #444;
   1.488 +  color: #fff;
   1.489 +}
   1.490 +
   1.491 +.active_red2 { background-color: #a00; color: #fff !important; }
   1.492 +.active_red1 { background-color: #f88; color: #000 !important; }
   1.493 +.active_green1 { background-color: #8f8; color: #000 !important; }
   1.494 +.active_green2 { background-color: #0a0; color: #000 !important; }
   1.495 +
   1.496 +
   1.497 +
   1.498 +
   1.499 +/*************************************************************************
   1.500 + * Issues
   1.501 + */
   1.502 +
   1.503 +.issues tr {
   1.504 +  border-bottom: 1px solid #444;
   1.505 +}
   1.506 +
   1.507 +.issues tr tr {
   1.508 +  border-bottom: none;
   1.509 +}
   1.510 +
   1.511 +/*************************************************************************
   1.512 + * delegation 
   1.513 + */
   1.514 +
   1.515 +.infobox {
   1.516 +  float: right;
   1.517 +  margin-right: 1em;
   1.518 +}
   1.519 +
   1.520 +.slot_interest,
   1.521 +.slot_support,
   1.522 +.slot_delegation {
   1.523 +  border: 2px solid #444;
   1.524 +  width: 20em;
   1.525 +  font-size: 75%;
   1.526 +  padding: 0;
   1.527 +  margin-bottom: 0.5ex;
   1.528 +}
   1.529 +
   1.530 +.infobox .head {
   1.531 +  margin: 0.5ex;
   1.532 +}
   1.533 +
   1.534 +.infobox .content {
   1.535 +  display: none;
   1.536 +  position: absolute;
   1.537 +  z-index: 10;
   1.538 +  width: 20em;
   1.539 +  background-color: #fff;
   1.540 +  border: 2px solid #444;
   1.541 +}
   1.542 +
   1.543 +.infobox .text {
   1.544 +  margin: 0.5ex;
   1.545 +  margin-bottom: 1ex;
   1.546 +}
   1.547 +
   1.548 +.infobox .member {
   1.549 +  margin: 0.5ex;
   1.550 +  display: block;
   1.551 +  font-weight: bold;
   1.552 +  margin-bottom: 1ex;
   1.553 +}
   1.554 +
   1.555 +.delegation .revoke {
   1.556 +  margin: 0.5ex;
   1.557 +}
   1.558 +
   1.559 +.lang_chooser {
   1.560 +  float: right;
   1.561 +  margin-right: 0.5em;
   1.562 +}