1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/lf3.less	Thu Jul 10 01:19:48 2014 +0200
     1.3 @@ -0,0 +1,1935 @@
     1.4 +html, body, div, span, applet, object, iframe,
     1.5 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
     1.6 +a, abbr, acronym, address, big, cite, code,
     1.7 +del, dfn, em, img, ins, kbd, q, s, samp,
     1.8 +small, strike, strong, sub, sup, tt, var,
     1.9 +b, u, i, center,
    1.10 +dl, dt, dd, ol, ul, li,
    1.11 +fieldset, form, label, legend,
    1.12 +table, caption, tbody, tfoot, thead, tr, th, td,
    1.13 +article, aside, canvas, details, embed, 
    1.14 +figure, figcaption, footer, header, hgroup, 
    1.15 +menu, nav, output, ruby, section, summary,
    1.16 +time, mark, audio, video {
    1.17 +        margin: 0;
    1.18 +        padding: 0;
    1.19 +        border: 0;
    1.20 +        font-size: 100%;
    1.21 +        font: inherit;
    1.22 +        vertical-align: baseline;
    1.23 +}
    1.24 +/* HTML5 display-role reset for older browsers */
    1.25 +article, aside, details, figcaption, figure, 
    1.26 +footer, header, hgroup, menu, nav, section {
    1.27 +        display: block;
    1.28 +}
    1.29 +body {
    1.30 +        line-height: 1;
    1.31 +}
    1.32 +ol, ul {
    1.33 +        list-style: none;
    1.34 +}
    1.35 +blockquote, q {
    1.36 +        quotes: none;
    1.37 +}
    1.38 +blockquote:before, blockquote:after,
    1.39 +q:before, q:after {
    1.40 +        content: '';
    1.41 +        content: none;
    1.42 +}
    1.43 +table {
    1.44 +        border-collapse: collapse;
    1.45 +        border-spacing: 0;
    1.46 +}
    1.47 +
    1.48 +/* end reset */
    1.49 +
    1.50 +
    1.51 +/* color, fonts, gaps and border radius settings */
    1.52 +
    1.53 +@body-bg-color: #397ab6;
    1.54 +@body-color: #fff;
    1.55 +@footer-bg-color: #000;
    1.56 +@footer-color: #fff;
    1.57 +@page-bg-color: #ddd;
    1.58 +@mobile-bg-color: #255078;
    1.59 +@head-bg-color: #000;
    1.60 +@head-color: #fff;
    1.61 +@head-second-color: #0e0;
    1.62 +@head-link-color: #fff;
    1.63 +@main-bg-color: #fff;
    1.64 +@main-color: #000;
    1.65 +@main-second-color: #444;
    1.66 +@main-event-color: #070;
    1.67 +@main-negative-event-color: #a00;
    1.68 +@main-head-bg-color: #fff;
    1.69 +@main-head-color: #000;
    1.70 +@main-link-color: #227;
    1.71 +@main-seperator-color: #aaa;
    1.72 +@main-highlight-bg-color: #e7f0ff;
    1.73 +@main-supported-bg-color: #fa2;
    1.74 +@main-satisfied-bg-color: #282;
    1.75 +@sidebar-bg-color: #fff;
    1.76 +@sidebar-color: #000;
    1.77 +@sidebar-head-bg-color: @main-head-bg-color;
    1.78 +@sidebar-head-color: @main-head-color;
    1.79 +@sidebar-link-color: #227;
    1.80 +@sidebar-hr-color: #777;
    1.81 +@disabled-color: #777;
    1.82 +@admitted-color: #0a0;
    1.83 +@not-admitted-color: #a00;
    1.84 +
    1.85 +@delegation-bg-color: #fff;
    1.86 +@delegation-color: #000;
    1.87 +@delegation-active-border-color: #f80;
    1.88 +
    1.89 +@must-bg-color: #0c0;
    1.90 +@must-color: #fff;
    1.91 +@should-bg-color: #4a4;
    1.92 +@should-color: #fff;
    1.93 +@shouldnot-bg-color: #a44;
    1.94 +@shouldnot-color: #fff;
    1.95 +@mustnot-bg-color: #c00;
    1.96 +@mustnot-color: #fff;
    1.97 +
    1.98 +@implemented-bg-color: #0c0;
    1.99 +@implemented-color: #fff;
   1.100 +@notimplemented-bg-color: #c00;
   1.101 +@notimplemented-color: #fff;
   1.102 +
   1.103 +@font:  sans-serif;
   1.104 +@size-normal: 10pt;
   1.105 +@size-big: 12pt;
   1.106 +@line-height: 125%;
   1.107 +
   1.108 +
   1.109 +
   1.110 +@logo-font:             bold @size-normal e('/') 100% @font;
   1.111 +@instance-font:         normal @size-normal e('/') 100% @font;
   1.112 +@mobile-logo-font:      bold @size-big e('/') @line-height @font;
   1.113 +@mobile-instance-font:  normal @size-normal e('/') 100% @font;
   1.114 +
   1.115 +@title-font:            bold @size-big e('/') @line-height @font;
   1.116 +
   1.117 +@main-font:             normal @size-normal e('/') @line-height @font;
   1.118 +@event-font:            bold @size-normal e('/') @line-height @font;
   1.119 +
   1.120 +@tabs-font:             normal @size-normal e('/') @line-height @font;
   1.121 +@tabs-active-font:      bold @size-big e('/') @line-height @font;
   1.122 +
   1.123 +@filter-font:           normal @size-normal e('/') 150% @font;
   1.124 +@filter-active-font:    bold @size-normal e('/') 150% @font;
   1.125 +
   1.126 +@subfilter-font:        @filter-font;
   1.127 +@subfilter-active-font: @filter-active-font;
   1.128 +
   1.129 +@head1-font:            bold @size-big e('/') @line-height @font;
   1.130 +@head2-font:            normal @size-big e('/') @line-height @font;
   1.131 +@head3-font:            bold @size-normal e('/') @line-height @font;
   1.132 +
   1.133 +@btn-font:              bold @size-normal e('/') @line-height @font;
   1.134 +
   1.135 +@usertext-font:         normal @size-normal e('/') @line-height @font;
   1.136 +@usertext-italic-font:  italic @size-normal e('/') @line-height @font;
   1.137 +@usertext-bold-font:    normal @size-normal e('/') @line-height @font;
   1.138 +
   1.139 +
   1.140 +
   1.141 +@main-width: 70%;
   1.142 +
   1.143 +@pad: 9px;
   1.144 +@grid: 12pt;
   1.145 +
   1.146 +@paragraph-margin: 1.5ex;
   1.147 +
   1.148 +@border-radius: 2px;
   1.149 +@btn-border-radius: 5px;
   1.150 +
   1.151 +.list-style {
   1.152 +  list-style: disc;
   1.153 +  padding-left: 20px;
   1.154 +}
   1.155 +
   1.156 +@micro-avatar-size: 24px;
   1.157 +
   1.158 +/*
   1.159 + * basic font settings
   1.160 + */
   1.161 +
   1.162 +html {
   1.163 +  overflow-y: scroll;
   1.164 +}
   1.165 +
   1.166 +body {
   1.167 +  font: @main-font;
   1.168 +  background-color: @body-bg-color;
   1.169 +  //background-image: url( "back2.png" );
   1.170 +  color: @main-color;
   1.171 +  background-attachment: fixed;
   1.172 +}
   1.173 +
   1.174 +.page {
   1.175 +  background-image: url( "back50.png" );
   1.176 +  max-width: 1240px;
   1.177 +  border-radius: 0 0 @border-radius @border-radius;
   1.178 +  margin: 0 auto;
   1.179 +  margin-bottom: 40px;
   1.180 +}
   1.181 +
   1.182 +/*
   1.183 + * messages
   1.184 + */
   1.185 +
   1.186 +.slot_notice,
   1.187 +.slot_warning,
   1.188 +.slot_error {
   1.189 +  font: @head1-font;
   1.190 +  padding: @grid;
   1.191 +}
   1.192 +
   1.193 +.slot_motd {
   1.194 +  background-color: #ccc;
   1.195 +  padding: @grid;
   1.196 +}
   1.197 +
   1.198 +.slot_notice {
   1.199 +  background-color: #0c0;
   1.200 +  color: #fff;
   1.201 +}
   1.202 +
   1.203 +.slot_warning {
   1.204 +  background-color: #f80;
   1.205 +  color: #000;
   1.206 +}
   1.207 +
   1.208 +.slot_error {
   1.209 +  background-color: #c00;
   1.210 +  color: #fff;
   1.211 +}
   1.212 +
   1.213 +/*
   1.214 + * global styles
   1.215 + */
   1.216 +
   1.217 +/* headlines */
   1.218 +h1 {
   1.219 +  font: @head1-font;
   1.220 +  margin-bottom: 1ex;
   1.221 +}
   1.222 +
   1.223 +h1:last-child {
   1.224 +  margin-bottom: 0;
   1.225 +}
   1.226 +
   1.227 +h2 {
   1.228 +  font: @head2-font;
   1.229 +}
   1.230 +
   1.231 +h3 {
   1.232 +  font: @head3-font;
   1.233 +}
   1.234 +
   1.235 +h1:first-child,
   1.236 +h2:first-child,
   1.237 +h3:first-child {
   1.238 +  margin-top: 0;
   1.239 +}
   1.240 +
   1.241 +.right {
   1.242 +  float: right;
   1.243 +}
   1.244 +
   1.245 +.left {
   1.246 +  float: left;
   1.247 +  margin-right: @pad;
   1.248 +}
   1.249 +
   1.250 +/* paragraphs */
   1.251 +p {
   1.252 +  margin-bottom: @paragraph-margin;
   1.253 +}
   1.254 +
   1.255 +p:last-child {
   1.256 +  margin-bottom: 0;
   1.257 +}
   1.258 +
   1.259 +/* lists */
   1.260 +ul.ul {
   1.261 +  margin-left: @pad;
   1.262 +  margin-bottom: @paragraph-margin;
   1.263 +  .list-style;
   1.264 +  li {
   1.265 +    margin: @pad/3 0;
   1.266 +  }
   1.267 +
   1.268 +  li:last-child {
   1.269 +    margin-bottom: 0;
   1.270 +  }
   1.271 +}
   1.272 +
   1.273 +ul.ul:last-child {
   1.274 +  margin-bottom: 0;
   1.275 +}
   1.276 +
   1.277 +
   1.278 +/* tables */
   1.279 +
   1.280 +table {
   1.281 +
   1.282 +  td {
   1.283 +  
   1.284 +    padding: 0.3ex 0.3em;
   1.285 +  
   1.286 +  }
   1.287 +
   1.288 +}
   1.289 +
   1.290 +/* links */
   1.291 +
   1.292 +a {
   1.293 +  color: @main-link-color;
   1.294 +}
   1.295 +  
   1.296 +a.disabled {
   1.297 +  color: @disabled-color;
   1.298 +  cursor: default;
   1.299 +}
   1.300 +
   1.301 +/* formulars */
   1.302 +form.inline {
   1.303 +  display: inline;
   1.304 +  div {
   1.305 +    display: inline;
   1.306 +  }
   1.307 +}
   1.308 +
   1.309 +img {
   1.310 +  vertical-align: middle;
   1.311 +}
   1.312 +
   1.313 +
   1.314 +.icon16 {
   1.315 +  width: 16px;
   1.316 +  height: 16px;
   1.317 +}
   1.318 +
   1.319 +.icon24 {
   1.320 +  width: 24px;
   1.321 +  height: 24px;
   1.322 +}
   1.323 +.icon32 {
   1.324 +  width: 32px;
   1.325 +  height: 32px;
   1.326 +}
   1.327 +.icon48 {
   1.328 +  width: 48px;
   1.329 +  height: 48px;
   1.330 +}
   1.331 +
   1.332 +
   1.333 +img.star {
   1.334 +  width: 24px;
   1.335 +  height: 24px;
   1.336 +}
   1.337 +  
   1.338 +/*
   1.339 + * Avatars
   1.340 + */
   1.341 +
   1.342 +.microAvatar {
   1.343 +  text-wrap: nowrap;
   1.344 +}
   1.345 +
   1.346 +.microAvatar img,
   1.347 +img.micro_avatar {
   1.348 +  vertical-align: middle;
   1.349 +  border-radius: 2px;
   1.350 +  width: @micro-avatar-size;
   1.351 +  height: @micro-avatar-size;
   1.352 +}
   1.353 +
   1.354 +img.micro_avatar.highlighted {
   1.355 +  margin: 0;
   1.356 +  border: 2px solid @delegation-active-border-color;
   1.357 +}
   1.358 +
   1.359 +
   1.360 +/*
   1.361 + * delegation info
   1.362 + */
   1.363 +
   1.364 +.vote_info,
   1.365 +.delegation_info {
   1.366 +  white-space: nowrap;
   1.367 +  float: right;
   1.368 +  text-decoration: none;
   1.369 +  img {
   1.370 +    vertical-align: middle;
   1.371 +  }
   1.372 +  margin: -2px;
   1.373 +}
   1.374 +
   1.375 +.delegation_info img {
   1.376 +  border-radius: @border-radius;
   1.377 +  margin: 2px;
   1.378 +}
   1.379 +
   1.380 +.delegation_info.suspended {
   1.381 +  opacity: 0.3;
   1.382 +}
   1.383 +
   1.384 +.slot_title .delegation_info.suspended {
   1.385 +  opacity: 1;
   1.386 +}
   1.387 +
   1.388 +/*
   1.389 + * generic attributes
   1.390 + */
   1.391 +
   1.392 +.hide {
   1.393 +  display: none;
   1.394 +}
   1.395 +.head_outer {
   1.396 +  background-color: @head-bg-color;
   1.397 +  color: @head-color;
   1.398 +  overflow: auto;
   1.399 +  margin: 0 auto;
   1.400 +  max-width: 1240px;
   1.401 +}
   1.402 +.head {
   1.403 +  padding: 0.3ex 0;
   1.404 +  margin: 0 @grid;
   1.405 +  a {
   1.406 +    color: @head-link-color;
   1.407 +  }
   1.408 +  
   1.409 +  /* 
   1.410 +  * the logo and instance name
   1.411 +  */
   1.412 +  .logo {
   1.413 +    display: block;
   1.414 +    padding: @pad 0;
   1.415 +    text-decoration: none;
   1.416 +    font: @logo-font;
   1.417 +      
   1.418 +    .liquid {
   1.419 +      color: @head-color;
   1.420 +    }
   1.421 +    
   1.422 +    .feedback {
   1.423 +      color: @head-second-color;
   1.424 +    }
   1.425 +    .instanceName {
   1.426 +      font: @instance-font;
   1.427 +      padding-top: @pad;
   1.428 +    }
   1.429 +  }
   1.430 +  .logo:hover {
   1.431 +    text-decoration: underline;
   1.432 +  }
   1.433 +    
   1.434 +
   1.435 +
   1.436 +  .notifications {
   1.437 +    margin-left: 0.6em;
   1.438 +    text-decoration: none;
   1.439 +  
   1.440 +    .count {
   1.441 +      background-color: #f00;
   1.442 +      color: #000;
   1.443 +      padding: 0.2ex 0.25em;
   1.444 +      border-radius: 1ex;
   1.445 +      vertical-align: top;
   1.446 +    }
   1.447 +    
   1.448 +    .icon {
   1.449 +      width: 24px;
   1.450 +      height: 24px;
   1.451 +    }
   1.452 +  }
   1.453 +  
   1.454 +  /*
   1.455 +  * navigation bar
   1.456 +  */
   1.457 +  .nav {
   1.458 +    float: right;
   1.459 +    padding-top: @pad - 3px;
   1.460 +    
   1.461 +    ul, > ul > li:first-child {
   1.462 +      display: inline;
   1.463 +    }
   1.464 +    
   1.465 +    input[name=q] {
   1.466 +      width: 12em;
   1.467 +      border-radius: @border-radius;
   1.468 +      padding: 2px;
   1.469 +      background-color: @head-bg-color;
   1.470 +      color: @head-color;
   1.471 +      border: 1px solid @body-bg-color;
   1.472 +      margin-right: 0.6em;
   1.473 +    }
   1.474 +    input[name=q]:focus {
   1.475 +      outline: 2px solid @body-bg-color;
   1.476 +    }
   1.477 +    
   1.478 +    #member_menu a span {
   1.479 +      margin-left: 5px;
   1.480 +    }
   1.481 +    
   1.482 +  }
   1.483 +
   1.484 +}
   1.485 +
   1.486 +/*
   1.487 + * title
   1.488 + */
   1.489 +.slot_title {
   1.490 +  
   1.491 +  padding-left: @grid;
   1.492 +  padding-right: @grid;
   1.493 +  font: @title-font;
   1.494 +  color: @body-color;
   1.495 +  padding-top: @grid;
   1.496 +
   1.497 +  a {
   1.498 +    color: @body-color;
   1.499 +    display: inline-block;
   1.500 +  }
   1.501 +  
   1.502 +  a.home {
   1.503 +    margin-right: 4px;
   1.504 +  }
   1.505 +  
   1.506 +  a.delegation_info {
   1.507 +    margin-right: 0;
   1.508 +  }
   1.509 +  
   1.510 +  .initiative,
   1.511 +  a .label {
   1.512 +    display: none;
   1.513 +  }
   1.514 +  
   1.515 +  .delegation_info {
   1.516 +    background-color: @main-bg-color;
   1.517 +    color: @main-color;
   1.518 +    border-radius: @border-radius;
   1.519 +    padding-right: 3px;
   1.520 +    margin-bottom: @grid;
   1.521 +    a {
   1.522 +      color: @main-color;
   1.523 +    }
   1.524 +  }
   1.525 +}
   1.526 + 
   1.527 +.content {
   1.528 +  clear: both;
   1.529 +  margin: 0 @grid;
   1.530 +  margin-top: @grid;
   1.531 +}
   1.532 + 
   1.533 +/*
   1.534 + * the sidebar
   1.535 + */
   1.536 +
   1.537 +.sidebar {
   1.538 +  float: right;
   1.539 +  width: 100% - @main-width;
   1.540 +}
   1.541 +
   1.542 +.sidebarSection {
   1.543 +  background-color: @sidebar-bg-color;
   1.544 +  border-radius: @border-radius;
   1.545 +  color: @sidebar-color;
   1.546 +  margin-bottom: @grid;
   1.547 +  padding: 0;
   1.548 +    
   1.549 +  .sidebarHead {
   1.550 +    padding: @pad @pad @pad / 2 @pad;
   1.551 +    background: @sidebar-head-bg-color;
   1.552 +    color: @sidebar-head-color;
   1.553 +    
   1.554 +    a {
   1.555 +      color: @sidebar-head-color;
   1.556 +    }
   1.557 +    min-height: 20px;
   1.558 +    
   1.559 +    .icon24 {
   1.560 +      margin-top: -@pad/2.5;
   1.561 +    }
   1.562 +  }
   1.563 +
   1.564 +  .sidebarRow {
   1.565 +    clear: right;
   1.566 +    display: block;
   1.567 +    border-top: 1px solid @main-seperator-color;
   1.568 +    padding: @pad/2 @pad;
   1.569 +    min-height: 20px;
   1.570 +  }
   1.571 +  .sidebarRow.highlighted {
   1.572 +    background-color: @main-highlight-bg-color;
   1.573 +  }
   1.574 +
   1.575 +  .sidebarRow.sidebarRowNarrow {
   1.576 +    padding: @pad / 4 @pad;
   1.577 +  }
   1.578 +
   1.579 +  .sidebarRow.moreLink {
   1.580 +    min-height: 0;
   1.581 +  }
   1.582 +
   1.583 +  h1, h1 a, 
   1.584 +  h2, h2 a,
   1.585 +  h3, h3 a {
   1.586 +    color: @sidebar-head-color;
   1.587 +  }
   1.588 +
   1.589 +  a {
   1.590 +    color: @sidebar-link-color;
   1.591 +  }
   1.592 +
   1.593 +  .areas {
   1.594 +    .whenfolded {
   1.595 +      display: none;
   1.596 +    }
   1.597 +  }
   1.598 +
   1.599 +  .areas.folded {
   1.600 +    .whenunfolded {
   1.601 +      display: none;
   1.602 +    }
   1.603 +    .whenfolded {
   1.604 +      display: block;
   1.605 +    }
   1.606 +    .disabled {
   1.607 +      display: none;
   1.608 +    }
   1.609 +  }
   1.610 +
   1.611 +  
   1.612 +  a.issue {
   1.613 +    font: @head1-font;
   1.614 +    color: @main-color;
   1.615 +  }
   1.616 +  
   1.617 +  ul.initiatives {
   1.618 +    li {
   1.619 +      padding: @pad/2 @pad;
   1.620 +      .bargraph {
   1.621 +        display: block;
   1.622 +      }
   1.623 +      .supporterCount {
   1.624 +        white-space: nowrap;
   1.625 +      }
   1.626 +      border-top: 1px solid @main-seperator-color;
   1.627 +    }
   1.628 +   .revoked .initiative_name {
   1.629 +      text-decoration: line-through;
   1.630 +    }
   1.631 +
   1.632 +    li.highlighted {
   1.633 +      background-color: @main-highlight-bg-color;
   1.634 +    }
   1.635 +    li.highlighted:last-child{
   1.636 +      border-radius: 0 0 @border-radius @border-radius;
   1.637 +    }
   1.638 +  }
   1.639 +
   1.640 +  .supporters {
   1.641 +    line-height: @micro-avatar-size * 1.2;
   1.642 +  }
   1.643 +
   1.644 +  .supportCount {
   1.645 +    color: #00c000;
   1.646 +    font: @head1-font;
   1.647 +    float: right;
   1.648 +  }
   1.649 +  
   1.650 +  .member_list {
   1.651 +    
   1.652 +    .member_thumb {
   1.653 +      white-space: nowrap;
   1.654 +      overflow: hidden;
   1.655 +      text-overflow: ellipsis;
   1.656 +    
   1.657 +      img.member_image {
   1.658 +        width: 24px;
   1.659 +        height: 24px;
   1.660 +        vertical-align: middle;
   1.661 +        margin-right: 0.2em;
   1.662 +      }
   1.663 +      
   1.664 +    }
   1.665 +    
   1.666 +    .member_thumb.in_delegation_chain {
   1.667 +      font-weight: bold;
   1.668 +    }
   1.669 +  }
   1.670 +  
   1.671 +  
   1.672 +  > div {
   1.673 +    position: relative;
   1.674 +  }
   1.675 +  
   1.676 +  > div:first-child {
   1.677 +    margin-top: 0;
   1.678 +    border-radius: @border-radius @border-radius 0 0;
   1.679 +  }
   1.680 +  
   1.681 +  > div:last-child {
   1.682 +    border-radius: 0 0 @border-radius @border-radius;
   1.683 +  }
   1.684 +  
   1.685 +  > div:last-child:first-child {
   1.686 +    border-radius: @border-radius;
   1.687 +  }
   1.688 +  
   1.689 +  
   1.690 +  a.unit {
   1.691 +    font: @head2-font;
   1.692 +  }
   1.693 +
   1.694 +  a.area {
   1.695 +    margin-left: 25px;
   1.696 +    display: block;
   1.697 +  }
   1.698 +  
   1.699 +  .star {
   1.700 +    float: left;
   1.701 +  }
   1.702 +  
   1.703 +  .delegation_info {
   1.704 +    margin-top: -@pad/2.5;
   1.705 +    margin-bottom: 1px;
   1.706 +  }
   1.707 +}
   1.708 +  
   1.709 +.admitted_info h1 {
   1.710 +  color: @admitted-color;
   1.711 +}
   1.712 +
   1.713 +.not_admitted_info, .revoked_info {
   1.714 +  h1 {
   1.715 +    color: @not-admitted-color;
   1.716 +  }
   1.717 +}
   1.718 +
   1.719 +.admitted_info, 
   1.720 +.not_admitted_info {
   1.721 +  
   1.722 +  .initiative_pie {
   1.723 +    float: right;
   1.724 +  }
   1.725 +
   1.726 +  table {
   1.727 +    tr {
   1.728 +      th {
   1.729 +        text-align: left;
   1.730 +      }
   1.731 +      td {
   1.732 +        text-align: right;
   1.733 +        padding: 0.3ex 0.4em;
   1.734 +      }
   1.735 +    }
   1.736 +  }
   1.737 +}
   1.738 +
   1.739 +
   1.740 +
   1.741 +
   1.742 +/*
   1.743 + * main area
   1.744 + */
   1.745 +
   1.746 +.main_outer {
   1.747 +  width: @main-width;
   1.748 +}
   1.749 + 
   1.750 + 
   1.751 +.main {
   1.752 +
   1.753 +  clear: left;
   1.754 +  margin-right: @grid;
   1.755 +  border-radius: @border-radius;
   1.756 +
   1.757 +  .section {
   1.758 +
   1.759 +    .sectionHead, .sectionRow {
   1.760 +      background-color: @main-bg-color;
   1.761 +      overflow: auto;
   1.762 +      padding: @pad;
   1.763 +    }
   1.764 +    
   1.765 +    .sectionHead {
   1.766 +      background-color: @main-head-bg-color;
   1.767 +      color: @main-head-color;
   1.768 +      margin-top: @grid;
   1.769 +      border-radius: @border-radius @border-radius 0 0;
   1.770 +    }
   1.771 +    
   1.772 +    .sectionHead:first-child {
   1.773 +      margin-top: 0;
   1.774 +    }
   1.775 +    
   1.776 +    .sectionHead:last-child {
   1.777 +      border-radius: @border-radius;
   1.778 +    }
   1.779 +
   1.780 +    
   1.781 +    .sectionRow {
   1.782 +      margin-top: 4px;
   1.783 +    }
   1.784 +
   1.785 +    .sectionRow:last-child {
   1.786 +      border-radius: 0 0 @border-radius @border-radius;
   1.787 +      margin-bottom: @grid;
   1.788 +    }
   1.789 +    
   1.790 +    
   1.791 +  }
   1.792 +  
   1.793 +  .ui_tabs_links {
   1.794 +  }
   1.795 +  
   1.796 +  > h1 {
   1.797 +    border-bottom: 1px solid @main-seperator-color;
   1.798 +    padding: @pad;
   1.799 +  }
   1.800 +  
   1.801 +  /*
   1.802 +   * tabs und filter
   1.803 +   */
   1.804 +
   1.805 +  .ui_filter {
   1.806 +    .ui_filter_head {
   1.807 +      background: @main-head-bg-color;
   1.808 +      color: @main-head-color;
   1.809 +      padding: 0 @pad @pad @pad;
   1.810 +      vertical-align: middle;
   1.811 +      a {
   1.812 +        white-space: nowrap;
   1.813 +        font: @filter-font;
   1.814 +        margin-right: 0.5em;
   1.815 +      }
   1.816 +      a.active {
   1.817 +        font: @filter-active-font;
   1.818 +        text-decoration: none;
   1.819 +        color: @main-head-color;
   1.820 +      }
   1.821 +      select {
   1.822 +        background: @main-bg-color;
   1.823 +        color: @main-second-color;
   1.824 +        font: @filter-font;
   1.825 +        border: none;
   1.826 +        padding: 0;
   1.827 +        margin: 0;
   1.828 +
   1.829 +        option {
   1.830 +          color: @main-color;
   1.831 +        }
   1.832 +        option:first-child,
   1.833 +        option[value="interest_direct"],
   1.834 +        option[value="interest_delegated"],
   1.835 +        option[value="support_direct"],
   1.836 +        option[value="support_delegated"],
   1.837 +        option[value="potential_support_direct"],
   1.838 +        option[value="potential_support_delegated"] {
   1.839 +          color: @main-second-color;
   1.840 +        }
   1.841 +      }
   1.842 +      select.active {
   1.843 +        color: @main-color;
   1.844 +      }
   1.845 +    }
   1.846 +    .ui_filter_head:first-child {
   1.847 +      border-radius: @border-radius @border-radius 0 0;
   1.848 +      padding-top: @pad;
   1.849 +    }
   1.850 +    .ui_filter_head.filter_filter {
   1.851 +      padding-top: @pad;
   1.852 +    }
   1.853 +
   1.854 +    .ui_filter_head.filter_mode {
   1.855 +      padding-top: @pad;
   1.856 +      margin-bottom: 0;
   1.857 +      padding-bottom: 0;
   1.858 +    }
   1.859 +    .ui_filter_head.subfilter  {
   1.860 +      a {
   1.861 +        font: @subfilter-font;
   1.862 +      }
   1.863 +      a.active {
   1.864 +        font: @subfilter-active-font;
   1.865 +      }
   1.866 +    }
   1.867 +  }
   1.868 +  
   1.869 +  .filter {
   1.870 +    float: right;
   1.871 +  }
   1.872 +
   1.873 +  .delegation_info.suspended {
   1.874 +    margin: 1ex -2px -2px -2px;
   1.875 +  }
   1.876 +
   1.877 +
   1.878 +  .issues {
   1.879 +    .state_info {
   1.880 +      font: @event-font;
   1.881 +      color: @main-event-color;
   1.882 +    }
   1.883 +    .state_info.negative {
   1.884 +      color: @main-negative-event-color;
   1.885 +    }
   1.886 +  }
   1.887 +
   1.888 +  ul.initiatives {
   1.889 +    li {
   1.890 +      margin-top: 1ex;
   1.891 +      
   1.892 +      .bargraph {
   1.893 +        float: left;
   1.894 +        margin-top: 5px;
   1.895 +        margin-right: 0.5em;
   1.896 +      }
   1.897 +    
   1.898 +      .initiative_name {
   1.899 +        display: block;
   1.900 +        margin-left: 110px;
   1.901 +      }
   1.902 +      
   1.903 +      .rank1 .initiative_name {
   1.904 +        margin-left: 0;
   1.905 +      }
   1.906 +
   1.907 +      .revoked .initiative_name {
   1.908 +        text-decoration: line-through;
   1.909 +      }
   1.910 +
   1.911 +    }
   1.912 +    
   1.913 +    li:first-child {
   1.914 +      margin-top: 0;
   1.915 +      clear: none;
   1.916 +    }
   1.917 +        
   1.918 +  }
   1.919 +  
   1.920 +  .events .event ul.initiatives li .initiative_name {
   1.921 +    margin-left: 0;
   1.922 +  }
   1.923 +    
   1.924 +  .member_photo {
   1.925 +    float: right;
   1.926 +  }
   1.927 +  
   1.928 +  .member_thumb.in_delegation_chain {
   1.929 +    font-weight: bold;
   1.930 +  }
   1.931 +
   1.932 +  
   1.933 +
   1.934 +  /*
   1.935 +   * initiative
   1.936 +   */
   1.937 +   
   1.938 +   
   1.939 +  .support {
   1.940 +    color: #aaa; 
   1.941 +    line-height: 80%;
   1.942 +    float: right; 
   1.943 +    width: 102px;
   1.944 +  }
   1.945 +
   1.946 +  .initiativeInfo {
   1.947 +    font-family: @main-font;
   1.948 +    line-height: @micro-avatar-size;
   1.949 +    overflow: auto;
   1.950 +
   1.951 +    .support {
   1.952 +      margin-top: 1ex;
   1.953 +      float: left;
   1.954 +      width: auto;
   1.955 +    }
   1.956 +    
   1.957 +    .mySupport {
   1.958 +      line-height: 125%;
   1.959 +      min-width: 12em;
   1.960 +      text-align: right;
   1.961 +    }
   1.962 +    
   1.963 +    .initiators {
   1.964 +      margin-top: 1.5ex;
   1.965 +      margin-bottom: -1ex;
   1.966 +      float: left;
   1.967 +    }
   1.968 +    
   1.969 +    .links {
   1.970 +      margin-top: 1.5ex;
   1.971 +      margin-bottom: -1ex;
   1.972 +      float: right;
   1.973 +      clear: right;
   1.974 +    }
   1.975 +    
   1.976 +    .initiator_links {
   1.977 +      clear: right;
   1.978 +    }
   1.979 +    
   1.980 +  }
   1.981 +  
   1.982 +  .issueInfo {
   1.983 +    .links {
   1.984 +      margin-top: 1.5ex;
   1.985 +      margin-bottom: -1ex;
   1.986 +      float: right;
   1.987 +      clear: both;
   1.988 +    }
   1.989 +  }
   1.990 +  
   1.991 +  .draft_updated_info {
   1.992 +    color: @main-event-color;
   1.993 +    
   1.994 +    .info {
   1.995 +      font: @head3-font;
   1.996 +    }
   1.997 +  }
   1.998 +  
   1.999 +  /* the draft */
  1.1000 +  .draft {
  1.1001 +    font: @usertext-font;
  1.1002 +    
  1.1003 +    ul {
  1.1004 +      margin-left: 1em;
  1.1005 +      margin-bottom: @paragraph-margin;
  1.1006 +      list-style: square;
  1.1007 +      padding-left: 1em;
  1.1008 +    }
  1.1009 +
  1.1010 +    h1 {
  1.1011 +      font: @usertext-italic-font;
  1.1012 +      font-size: 125%;
  1.1013 +      border-bottom: 1px solid @main-second-color;
  1.1014 +      margin-bottom: 1ex;
  1.1015 +    }
  1.1016 +
  1.1017 +    h2 {
  1.1018 +      font: @usertext-bold-font;
  1.1019 +      font-size: 125%;
  1.1020 +    }
  1.1021 +
  1.1022 +    h3 {
  1.1023 +      font: @usertext-font;
  1.1024 +      font-size: 125%;
  1.1025 +    }
  1.1026 +
  1.1027 +    h4 {
  1.1028 +      font: @usertext-bold-font;
  1.1029 +    }
  1.1030 +    
  1.1031 +    hr {
  1.1032 +      border: none;
  1.1033 +      border-top: 1px solid @main-color;
  1.1034 +    }
  1.1035 +    
  1.1036 +    b, strong {
  1.1037 +      font: @usertext-italic-font;
  1.1038 +    }
  1.1039 +    
  1.1040 +    i, em {
  1.1041 +      //font-style: italic;
  1.1042 +      font: @usertext-bold-font;
  1.1043 +    }
  1.1044 +  }
  1.1045 +  
  1.1046 +  form, .form {
  1.1047 +      margin: 0;
  1.1048 +      padding: 0;
  1.1049 +  
  1.1050 +    .ui_field_label {
  1.1051 +      display: inline-block;
  1.1052 +      width: 25%;
  1.1053 +      margin: 0;
  1.1054 +      padding: 0;
  1.1055 +      text-align: right;
  1.1056 +      margin-bottom: @pad;
  1.1057 +      padding-right: 0.5%;
  1.1058 +      vertical-align: top;
  1.1059 +      color: @main-second-color;
  1.1060 +    }
  1.1061 +    
  1.1062 +    input[type=text],
  1.1063 +    input[type=password],
  1.1064 +    select,
  1.1065 +    textarea {
  1.1066 +      vertical-align: top;
  1.1067 +      width: 73%;
  1.1068 +      margin: 0;
  1.1069 +      padding: 3px;
  1.1070 +      border: 1px solid @main-second-color;
  1.1071 +      font: @head3-font;
  1.1072 +      margin-bottom: @pad;
  1.1073 +    }
  1.1074 +    
  1.1075 +    input:focus {
  1.1076 +      outline: 2px solid @body-bg-color;
  1.1077 +    }
  1.1078 +
  1.1079 +
  1.1080 +    
  1.1081 +    .actions {
  1.1082 +      margin-left: 26%;
  1.1083 +    }
  1.1084 +  
  1.1085 +  }
  1.1086 +  
  1.1087 +  form.wide {
  1.1088 +    input[type=text],
  1.1089 +    input[type=password],
  1.1090 +    select,
  1.1091 +    textarea {
  1.1092 +      width: 100%;
  1.1093 +    }
  1.1094 +
  1.1095 +  }
  1.1096 +  
  1.1097 +}
  1.1098 +
  1.1099 +.issues, .events {
  1.1100 +  
  1.1101 +  .event {
  1.1102 +  
  1.1103 +    .initiative_pie {
  1.1104 +      clear: right;
  1.1105 +      float: right;
  1.1106 +    }
  1.1107 +  
  1.1108 +    ul.initiatives {
  1.1109 +  
  1.1110 +      .initiative_info_left {
  1.1111 +        display: inline;
  1.1112 +        margin-right: 0.5em;
  1.1113 +      }
  1.1114 +    
  1.1115 +      .initiative_info_right {
  1.1116 +        float: right;
  1.1117 +        
  1.1118 +        .bargraph {
  1.1119 +          float: right;
  1.1120 +          margin-left: 0.5em;
  1.1121 +        }
  1.1122 +      }
  1.1123 +      
  1.1124 +      .result {
  1.1125 +        color: @main-second-color;
  1.1126 +        margin-top: 0.5ex;
  1.1127 +      }
  1.1128 +      
  1.1129 +      h3 {
  1.1130 +        margin-top: 1ex;
  1.1131 +        margin-bottom: 0;
  1.1132 +      }
  1.1133 +    
  1.1134 +      a.initiative {
  1.1135 +        font: @head3-font;
  1.1136 +      }
  1.1137 +    }
  1.1138 +  
  1.1139 +    .event_info {
  1.1140 +      font: @event-font;
  1.1141 +      color: @main-event-color;
  1.1142 +      margin-top: 0.66ex;
  1.1143 +      margin-bottom: 1ex;
  1.1144 +    }
  1.1145 +    
  1.1146 +    .event_info:last-child {
  1.1147 +      margin-bottom: 0;
  1.1148 +    }
  1.1149 +
  1.1150 +    .event_info.negative {
  1.1151 +      color: @main-negative-event-color;
  1.1152 +    }
  1.1153 +
  1.1154 +    .event_time {
  1.1155 +      font: @main-font;
  1.1156 +      color: @main-second-color;
  1.1157 +    }
  1.1158 +  }
  1.1159 +  
  1.1160 +  .event:hover {
  1.1161 +    .event_time {
  1.1162 +      visibility: visible;
  1.1163 +    }
  1.1164 +    ul.initiatives {
  1.1165 +      div {
  1.1166 +        visibility: visible;
  1.1167 +      }
  1.1168 +    }
  1.1169 +  }
  1.1170 +  .issue_context {
  1.1171 +    line-height: 24px;
  1.1172 +    margin-bottom: 0.66ex;
  1.1173 +    .unit {
  1.1174 +      background-color: #777;
  1.1175 +      color: #fff;
  1.1176 +      padding: 1px 3px;
  1.1177 +      border-radius: @border-radius;
  1.1178 +      text-decoration: none;
  1.1179 +    }
  1.1180 +    .area {
  1.1181 +      background-color: #ddd;
  1.1182 +      color: #000;
  1.1183 +      padding: 1px 3px;
  1.1184 +      border-radius: @border-radius;
  1.1185 +      text-decoration: none;
  1.1186 +    }
  1.1187 +  }
  1.1188 +  .issue_info {
  1.1189 +    .issue {
  1.1190 +      font: @head3-font;
  1.1191 +      color: @main-color;
  1.1192 +    }
  1.1193 +  }
  1.1194 +  img.star {
  1.1195 +    vertical-align: middle;
  1.1196 +    float: right;
  1.1197 +    margin-left: 0.5em;
  1.1198 +  }
  1.1199 +  
  1.1200 +  .draft_preview {
  1.1201 +  }
  1.1202 +  
  1.1203 +  .event.suggestion {
  1.1204 +  
  1.1205 +    ul.initiatives li {
  1.1206 +    
  1.1207 +      margin-top: 0;
  1.1208 +      margin-bottom: 1ex;
  1.1209 +
  1.1210 +      a {
  1.1211 +    
  1.1212 +        font: @main-font;
  1.1213 +      }
  1.1214 +      
  1.1215 +    }
  1.1216 +    
  1.1217 +    .suggestion {
  1.1218 +    
  1.1219 +      font: @head3-font;
  1.1220 +      overflow: hidden;
  1.1221 +      text-overflow: ellipsis;
  1.1222 +    }
  1.1223 +    
  1.1224 +  }
  1.1225 +  
  1.1226 +}
  1.1227 +
  1.1228 +.suggestions {
  1.1229 +  
  1.1230 +  .suggestion {
  1.1231 +  
  1.1232 +    .opinion {
  1.1233 +      float: right;
  1.1234 +      
  1.1235 +      .must {
  1.1236 +        background-color: @must-bg-color;
  1.1237 +        color: @must-color
  1.1238 +      }
  1.1239 +      .should {
  1.1240 +        background-color: @should-bg-color;
  1.1241 +        color: @should-color
  1.1242 +      }
  1.1243 +      .shouldnot {
  1.1244 +        background-color: @shouldnot-bg-color;
  1.1245 +        color: @shouldnot-color
  1.1246 +      }
  1.1247 +      .mustnot {
  1.1248 +        background-color: @mustnot-bg-color;
  1.1249 +        color: @mustnot-color
  1.1250 +      }
  1.1251 +      .implemented {
  1.1252 +        background-color: @implemented-bg-color;
  1.1253 +        color: @implemented-color
  1.1254 +      }
  1.1255 +      .notimplemented {
  1.1256 +        background-color: @notimplemented-bg-color;
  1.1257 +        color: @notimplemented-color
  1.1258 +      }
  1.1259 +      
  1.1260 +    }
  1.1261 +  
  1.1262 +    .suggestion-rating {
  1.1263 +      float: right;
  1.1264 +    }
  1.1265 +    .suggestion-text {
  1.1266 +      margin-top: @pad;
  1.1267 +      font: @usertext-font;
  1.1268 +      overflow: hidden;
  1.1269 +      text-overflow: ellipsis;
  1.1270 +      position: relative;
  1.1271 +      z-index: 10;
  1.1272 +    }
  1.1273 +    
  1.1274 +    .suggestion-more {
  1.1275 +      display: none;
  1.1276 +    }
  1.1277 +    
  1.1278 +    .suggestion-less {
  1.1279 +      display: none;
  1.1280 +    }
  1.1281 +    
  1.1282 +    .suggestionHead {
  1.1283 +      overflow: hidden;
  1.1284 +      text-overflow: ellipsis;
  1.1285 +    }
  1.1286 +      
  1.1287 +    .rating {
  1.1288 +      display: none;
  1.1289 +        padding: @pad/2 0;
  1.1290 +      .active-plus2 {
  1.1291 +        background-color: @must-bg-color;;
  1.1292 +        color: @must-color;;
  1.1293 +      }
  1.1294 +      .active-plus1 {
  1.1295 +        background-color: @should-bg-color;
  1.1296 +        color: @should-color;
  1.1297 +      }
  1.1298 +      .active-minus1 {
  1.1299 +        background-color: @shouldnot-bg-color;
  1.1300 +        color: @shouldnot-color;
  1.1301 +      }
  1.1302 +      .active-minus2 {
  1.1303 +        background-color: @mustnot-bg-color;
  1.1304 +        color: @mustnot-color;
  1.1305 +      }
  1.1306 +      .active-notfulfilled {
  1.1307 +        background-color: #faa;
  1.1308 +      }
  1.1309 +      .active-fulfilled {
  1.1310 +        background-color: #afa;
  1.1311 +      }
  1.1312 +    }
  1.1313 +  }
  1.1314 +  
  1.1315 +  .suggestion.rateable {
  1.1316 +    .suggestion-more {
  1.1317 +      display: block;
  1.1318 +    }
  1.1319 +  }
  1.1320 +
  1.1321 +  .suggestion.rateable.unfolded {
  1.1322 +    .rating {
  1.1323 +      border-top: 3px solid @body-bg-color;
  1.1324 +    }
  1.1325 +  }
  1.1326 +  
  1.1327 +  .suggestion.folded {
  1.1328 +    .suggestion-more {
  1.1329 +      display: block;
  1.1330 +      position: absolute;
  1.1331 +      bottom: 0;
  1.1332 +      left: 0;
  1.1333 +      width: 100%;
  1.1334 +      box-shadow: inset 0 -12ex 10ex -5ex #fff;
  1.1335 +      padding-top: 5ex;
  1.1336 +    }
  1.1337 +  }
  1.1338 +  
  1.1339 +  .suggestion.unfolded {
  1.1340 +    .suggestion-more {
  1.1341 +      display: none;
  1.1342 +    }
  1.1343 +    .rating {
  1.1344 +      display: block;
  1.1345 +    }
  1.1346 +    .suggestion-less {
  1.1347 +      margin-top: 1ex;
  1.1348 +      display: block;
  1.1349 +    }
  1.1350 +  }
  1.1351 +  
  1.1352 +  .suggestion.highlighted {
  1.1353 +    background-color: @main-highlight-bg-color;
  1.1354 +    
  1.1355 +    .suggestion-more {
  1.1356 +      box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color;
  1.1357 +    }
  1.1358 +    
  1.1359 +  }
  1.1360 +
  1.1361 +}
  1.1362 +
  1.1363 +li.raw {
  1.1364 +  list-style: none;
  1.1365 +  padding: 0;
  1.1366 +  margin: 0 !important;
  1.1367 +}
  1.1368 +
  1.1369 +
  1.1370 +.satisfiedSupporterCount {
  1.1371 +  color: #070;
  1.1372 +}
  1.1373 +.potentialSupporterCount {
  1.1374 +  color: #960;
  1.1375 +}
  1.1376 +
  1.1377 +.bargraph {
  1.1378 +  display: inline-block;
  1.1379 +  vertical-align: top;
  1.1380 +  height: 9px;
  1.1381 +  
  1.1382 +  div {
  1.1383 +    margin: 0;
  1.1384 +    padding: 0;
  1.1385 +    display: inline-block;
  1.1386 +    height: 9px;
  1.1387 +  }
  1.1388 +  
  1.1389 +}
  1.1390 +
  1.1391 +.diff {
  1.1392 +  .diff_added {
  1.1393 +    background-color: #cfc;
  1.1394 +  }
  1.1395 +
  1.1396 +  .diff_removed {
  1.1397 +    text-decoration: line-through;
  1.1398 +    background-color: #fcc;
  1.1399 +  }
  1.1400 +}
  1.1401 +
  1.1402 +.btn, .ui_paginate_foot a {
  1.1403 +  text-decoration: none;
  1.1404 +  min-width: 2em;
  1.1405 +  text-align: center;
  1.1406 +  display: inline-block;
  1.1407 +  border-radius: @btn-border-radius;
  1.1408 +  border: none;
  1.1409 +  font: @btn-font;
  1.1410 +  background-color: #999;
  1.1411 +  color: #fff !important;
  1.1412 +  margin-bottom: 5px;
  1.1413 +}
  1.1414 +
  1.1415 +.btn {
  1.1416 +  padding: 1ex 1em;
  1.1417 +}
  1.1418 +
  1.1419 +
  1.1420 +
  1.1421 +.ui_paginate_foot a {
  1.1422 +  padding: 0.5ex 0.5em;
  1.1423 +  background-color: #eee;
  1.1424 +  color: 000 !important;
  1.1425 +}
  1.1426 +
  1.1427 +.ui_paginate_foot a.active {
  1.1428 +  background-color: #666;
  1.1429 +  color: #fff !important;
  1.1430 +}
  1.1431 +
  1.1432 +.btn-default {
  1.1433 +  background-color: #47a;
  1.1434 +  color: #fff !important;
  1.1435 +}
  1.1436 +
  1.1437 +.btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus {
  1.1438 +  background-color: #0a0;
  1.1439 +  color: #fff !important;
  1.1440 +  cursor: pointer;
  1.1441 +}
  1.1442 +
  1.1443 +.btn-dangerous:hover {
  1.1444 +  background-color: #c00;
  1.1445 +  color: #fff !important;
  1.1446 +}
  1.1447 +
  1.1448 +.btn-link {
  1.1449 +  font: @main-font;
  1.1450 +  background-color: @main-bg-color;
  1.1451 +  color: @main-link-color;
  1.1452 +  border: none;
  1.1453 +  padding: 0;
  1.1454 +  margin: 0;
  1.1455 +  text-decoration: underline;
  1.1456 +  cursor: pointer;
  1.1457 +}
  1.1458 +
  1.1459 +/*************************************************************************
  1.1460 + * Voting
  1.1461 + */
  1.1462 +
  1.1463 +.main .section #voting_form .sectionRow:last-child {
  1.1464 +  border-radius: 0;
  1.1465 +  margin-bottom: 0;
  1.1466 +}
  1.1467 +
  1.1468 +#voting {
  1.1469 +  background: #ddd;
  1.1470 +  padding: @pad;
  1.1471 +  margin-top: 4px;
  1.1472 +  position: relative;
  1.1473 +  margin-bottom: 2ex;
  1.1474 +  
  1.1475 +  .approval, 
  1.1476 +  .abstention, 
  1.1477 +  .disapproval {
  1.1478 +    border: 2px black solid;
  1.1479 +    margin-bottom: 2ex;
  1.1480 +    padding: 1ex;
  1.1481 +    padding-bottom: 2ex;
  1.1482 +    border-radius: @border-radius;
  1.1483 +  }
  1.1484 +  
  1.1485 +  .disapproval {
  1.1486 +    margin-bottom: 2ex;
  1.1487 +  }
  1.1488 +
  1.1489 +  .approval {
  1.1490 +    background-color: #9f9;
  1.1491 +  
  1.1492 +    .movable {
  1.1493 +      background-color: #dfd;
  1.1494 +    }
  1.1495 +  }
  1.1496 +  
  1.1497 +  .abstention {
  1.1498 +    background-color: #ccc;
  1.1499 +
  1.1500 +    .movable {
  1.1501 +      background-color: #f2f2f2;
  1.1502 +    }
  1.1503 +  }
  1.1504 +  
  1.1505 +  .disapproval {
  1.1506 +    background-color: #f88;
  1.1507 +  
  1.1508 +    .movable {
  1.1509 +      background-color: #fbb;
  1.1510 +    }
  1.1511 +  }
  1.1512 +  
  1.1513 +  .movable {
  1.1514 +    position: relative;
  1.1515 +    border: 1px black solid;
  1.1516 +    margin-top: 1ex;
  1.1517 +    padding: 0.5ex;
  1.1518 +    border-radius: @border-radius;
  1.1519 +  }
  1.1520 +  
  1.1521 +  .voting_form_active {
  1.1522 +    .movable {
  1.1523 +      cursor: pointer;
  1.1524 +      vertical-align: middle;
  1.1525 +      cursor: move;
  1.1526 +    }
  1.1527 +
  1.1528 +    .clickable {
  1.1529 +      cursor: auto;
  1.1530 +    }
  1.1531 +
  1.1532 +    a.clickable {
  1.1533 +      cursor: pointer;
  1.1534 +    }
  1.1535 +  }
  1.1536 +}
  1.1537 +
  1.1538 +
  1.1539 +/*
  1.1540 + * footer
  1.1541 + */
  1.1542 +
  1.1543 +.footer {
  1.1544 +  text-align: center;
  1.1545 +  color: @footer-color;
  1.1546 +  background-color: @footer-bg-color;
  1.1547 +  padding: @pad 0;
  1.1548 +  border: 1px solid #000;
  1.1549 +  border-top: none;
  1.1550 +  
  1.1551 +  a {
  1.1552 +    color: @body-color;
  1.1553 +  }
  1.1554 +}
  1.1555 +
  1.1556 +
  1.1557 +.ui_paginate_head {
  1.1558 +  display: none;
  1.1559 +}
  1.1560 +
  1.1561 +.ui_paginate_foot {
  1.1562 +  line-height: 180%;
  1.1563 +}
  1.1564 +
  1.1565 +
  1.1566 +.swiper_tabs {
  1.1567 +  display: none;
  1.1568 +}
  1.1569 +
  1.1570 +#swiper_info {
  1.1571 +  display: none;
  1.1572 +}
  1.1573 +
  1.1574 +.nav .searchLink {
  1.1575 +  display: none;
  1.1576 +}
  1.1577 +
  1.1578 +
  1.1579 +@media (max-width: 767px) {
  1.1580 +
  1.1581 +html {
  1.1582 +
  1.1583 +  body {
  1.1584 +    margin: 0;
  1.1585 +    background: @mobile-bg-color;
  1.1586 +
  1.1587 +    .head {
  1.1588 +      margin: @grid/2;
  1.1589 +      padding: 0;
  1.1590 +      
  1.1591 +      .logo {
  1.1592 +        display: block;
  1.1593 +        padding: 0;
  1.1594 +        
  1.1595 +        .liquid, .feedback {
  1.1596 +          font: @mobile-logo-font;
  1.1597 +        }
  1.1598 +        
  1.1599 +        .instanceName {
  1.1600 +          font: @mobile-instance-font;
  1.1601 +          display: block;
  1.1602 +          margin-left: 0;
  1.1603 +        }
  1.1604 +      }
  1.1605 +      .nav {
  1.1606 +        padding: 0;
  1.1607 +      }
  1.1608 +    }
  1.1609 +
  1.1610 +    .initiativeInfo h1 {
  1.1611 +      display: none;
  1.1612 +    }
  1.1613 +    
  1.1614 +    .slot_title {
  1.1615 +
  1.1616 +      font: @head2-font;
  1.1617 +      padding: 0;
  1.1618 +      margin: 0 @grid/2;
  1.1619 +
  1.1620 +      .spacer {
  1.1621 +        display: none;
  1.1622 +      }
  1.1623 +      
  1.1624 +      .unit, .area, .issue, .initiative, .member {
  1.1625 +        display: block;
  1.1626 +        margin-right: 0;
  1.1627 +        padding: 4px 0;
  1.1628 +        border-radius: @border-radius;
  1.1629 +        overflow: auto;
  1.1630 +      }
  1.1631 +      
  1.1632 +      .unit:before, .area:before, .issue:before, .initiative:before, .member:before {
  1.1633 +        content: "↳";
  1.1634 +        position: relative;
  1.1635 +        top: -2px;
  1.1636 +      }
  1.1637 +      
  1.1638 +      .area {
  1.1639 +        margin-left: 10px;
  1.1640 +      }
  1.1641 +      .issue {
  1.1642 +        margin-left: 10px * 2;
  1.1643 +      }
  1.1644 +      .initiative {
  1.1645 +        margin-left: 10px * 3;
  1.1646 +      }
  1.1647 +      
  1.1648 +      a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child {
  1.1649 +        margin-bottom: @grid/2;
  1.1650 +      }
  1.1651 +      
  1.1652 +      .unit, .initiative, .issue, .area {
  1.1653 +        a {
  1.1654 +          margin-bottom: 0;
  1.1655 +          display: inline;
  1.1656 +        }
  1.1657 +      }
  1.1658 +      
  1.1659 +      a.home {
  1.1660 +        display: none;
  1.1661 +      }
  1.1662 +      
  1.1663 +      .weight {
  1.1664 +        float: right;
  1.1665 +        margin: 0;
  1.1666 +      }
  1.1667 +
  1.1668 +      .delegation_info {
  1.1669 +        float: right;
  1.1670 +        display: block;
  1.1671 +        margin-top: -10px;
  1.1672 +      }
  1.1673 +      a .label {
  1.1674 +        display: inline;
  1.1675 +      }
  1.1676 +      .star {
  1.1677 +        float: right;
  1.1678 +        margin-left: 0.5em;
  1.1679 +        margin-top: -@pad/2;
  1.1680 +        margin-bottom: -@pad/2;
  1.1681 +      }
  1.1682 +    }
  1.1683 +    
  1.1684 +    .slot_title > span > *:last-child {
  1.1685 +      font: @head1-font;
  1.1686 +    }
  1.1687 +
  1.1688 +        
  1.1689 +    .page {
  1.1690 +      background: none;
  1.1691 +      margin: 0;
  1.1692 +      box-shadow: none;
  1.1693 +    }
  1.1694 +    
  1.1695 +    .nav #member_menu .text {
  1.1696 +      display: none;
  1.1697 +    }
  1.1698 +    
  1.1699 +    .nav form.search {
  1.1700 +      display: none;
  1.1701 +    }
  1.1702 +
  1.1703 +    .nav .notifications,
  1.1704 +    .nav .searchLink,
  1.1705 +    .nav #member_menu a {
  1.1706 +      vertical-align: middle;
  1.1707 +      display: inline-block;
  1.1708 +      height: 48px;
  1.1709 +      min-width: 35px;
  1.1710 +      text-align: center;
  1.1711 +      background-color: #000;
  1.1712 +      border: 1px solid #777;
  1.1713 +      border-radius: @border-radius;
  1.1714 +      img {
  1.1715 +        margin: 0;
  1.1716 +        width: 48px;
  1.1717 +        height: 48px;
  1.1718 +      }
  1.1719 +      margin: 0;
  1.1720 +    }
  1.1721 +    
  1.1722 +    .nav .notifications {
  1.1723 +      padding: 12px 2px;
  1.1724 +      height: 24px;
  1.1725 +    }
  1.1726 +
  1.1727 +    .nav #member_menu a :last-child {
  1.1728 +      display: none;
  1.1729 +    }
  1.1730 +    
  1.1731 +    .notifications span {
  1.1732 +      margin-left: -5px;
  1.1733 +    }
  1.1734 +
  1.1735 +    .swiper_tabs {
  1.1736 +      clear: both;
  1.1737 +      display: block;
  1.1738 +      overflow: auto;
  1.1739 +      margin: @grid/2;
  1.1740 +
  1.1741 +      div {
  1.1742 +        display: block;
  1.1743 +        float: left;
  1.1744 +        width: 33.333%;
  1.1745 +        
  1.1746 +        a {
  1.1747 +          padding: 8px 0;
  1.1748 +          display: block;
  1.1749 +          text-align: center;
  1.1750 +          background-color: #eee;
  1.1751 +        }
  1.1752 +        
  1.1753 +        a.active {
  1.1754 +          background-color: #abe;
  1.1755 +        }
  1.1756 +      }
  1.1757 +      div:first-child a {
  1.1758 +        border-radius: @border-radius 0 0 @border-radius;
  1.1759 +      }
  1.1760 +
  1.1761 +      div:last-child a {
  1.1762 +        border-radius: 0 @border-radius @border-radius 0;
  1.1763 +      }
  1.1764 +    }
  1.1765 +
  1.1766 +    #swiper_info.active {
  1.1767 +      display: block;
  1.1768 +      font: @head3-font;
  1.1769 +      z-index: 1;
  1.1770 +      text-align: center;
  1.1771 +      width: 100%;
  1.1772 +      background-color: @mobile-bg-color;
  1.1773 +      color: @body-color;
  1.1774 +    }
  1.1775 +    
  1.1776 +    .sidebarSection {
  1.1777 +      margin: 0 @grid/2 @grid/2 @grid/2;
  1.1778 +    }
  1.1779 +
  1.1780 +    .main, .extra > .section {
  1.1781 +      clear: none;
  1.1782 +      float: none;
  1.1783 +      width: auto;
  1.1784 +      margin: 0 @grid/2 @grid/2 @grid/2;
  1.1785 +      .section .sectionRow:last-child {
  1.1786 +        margin-bottom: @grid/2;
  1.1787 +      }
  1.1788 +
  1.1789 +    }
  1.1790 +    
  1.1791 +    .ui_filter_head.filter_mode {
  1.1792 +      float: none !important;
  1.1793 +      background: @main-bg-color !important;
  1.1794 +      text-align: left !important;
  1.1795 +      border-radius: @border-radius;
  1.1796 +      margin-bottom: @grid/2 !important;
  1.1797 +    }
  1.1798 +    
  1.1799 +    .member_photo {
  1.1800 +      text-align: center;
  1.1801 +      margin-bottom: 2ex;
  1.1802 +      .member_image_photo {
  1.1803 +        max-width: 600px;
  1.1804 +      }
  1.1805 +    }
  1.1806 +
  1.1807 +    #trace_content {
  1.1808 +      margin: @grid/2 0;
  1.1809 +      border-radius: 0;
  1.1810 +    
  1.1811 +      ul {
  1.1812 +        li {
  1.1813 +          .trace_head {
  1.1814 +            padding: 6px 5px;
  1.1815 +          }
  1.1816 +        }
  1.1817 +        ul {
  1.1818 +          padding: 5px 2px;
  1.1819 +        }
  1.1820 +      }
  1.1821 +    }
  1.1822 +    
  1.1823 +  }
  1.1824 +} }
  1.1825 +
  1.1826 +.textCenter {
  1.1827 +  text-align: center;
  1.1828 +}
  1.1829 +
  1.1830 +a.initiative {
  1.1831 +  text-decoration: none;
  1.1832 +  border-bottom: 1px solid #66c;
  1.1833 +}
  1.1834 +
  1.1835 +a.initiative:hover {
  1.1836 +  border-bottom: 1px solid #007;
  1.1837 +}
  1.1838 +
  1.1839 +
  1.1840 +
  1.1841 +#trace_content {
  1.1842 +  margin: @grid;
  1.1843 +  padding: @pad;
  1.1844 +  border-radius: @border-radius;
  1.1845 +  background-color: @main-bg-color;
  1.1846 +
  1.1847 +  #system_error {
  1.1848 +    font-family: monospace;
  1.1849 +  }
  1.1850 +  
  1.1851 +  ul {
  1.1852 +    li {
  1.1853 +      margin-top: 10px;
  1.1854 +      .trace_head {
  1.1855 +        padding: 3px 5px;
  1.1856 +        border-radius: @border-radius @border-radius 0 0;
  1.1857 +      }
  1.1858 +      .trace_head:last-child {
  1.1859 +        border-radius: @border-radius;
  1.1860 +      }
  1.1861 +      ul {
  1.1862 +        border-radius: 0 0 @border-radius @border-radius;
  1.1863 +      }
  1.1864 +    }
  1.1865 +    li:first-child {
  1.1866 +      margin-top: 0;
  1.1867 +    }
  1.1868 +    ul {
  1.1869 +      padding: 10px;
  1.1870 +      }
  1.1871 +  }
  1.1872 +  
  1.1873 +  .trace_config > ul {
  1.1874 +    background-color: #eee;
  1.1875 +    border: 1px solid #ccc;
  1.1876 +  }
  1.1877 +  .trace_config > .trace_head {
  1.1878 +    background-color: #ccc;
  1.1879 +    color: #000;
  1.1880 +  }
  1.1881 +  .trace_request > ul {
  1.1882 +    background-color: #afa;
  1.1883 +  }
  1.1884 +  .trace_request > .trace_head {
  1.1885 +    background-color: #0c0;
  1.1886 +  }
  1.1887 +  .trace_filter > ul {
  1.1888 +    background-color: #ccf;
  1.1889 +    border: 1px solid #00c;
  1.1890 +    border-top: none;
  1.1891 +  }
  1.1892 +  .trace_filter > .trace_head {
  1.1893 +    background-color: #00c;
  1.1894 +    color: #fff;
  1.1895 +  }
  1.1896 +  .trace_view > ul {
  1.1897 +    background-color: #cfc;
  1.1898 +    border: 1px solid #0c0;
  1.1899 +    border-top: none;
  1.1900 +  }
  1.1901 +  .trace_view > .trace_head {
  1.1902 +    background-color: #0c0;
  1.1903 +    color: #000;
  1.1904 +  }
  1.1905 +  .trace_action_neutral > ul {
  1.1906 +    background-color: #ffa;
  1.1907 +    border: 1px solid #fe0;
  1.1908 +  }
  1.1909 +  .trace_action_neutral > .trace_head {
  1.1910 +    background-color: #fe0;
  1.1911 +    color: #000;
  1.1912 +  }
  1.1913 +  .trace_sql {
  1.1914 +    background-color: #fff;
  1.1915 +    padding: 2px 4px;
  1.1916 +    margin-top: 8px;
  1.1917 +  }
  1.1918 +  .trace_error {
  1.1919 +    background-color: #faa;
  1.1920 +    color: #000;
  1.1921 +    font-weight: bold;
  1.1922 +    border: 1px solid #c00;
  1.1923 +  }
  1.1924 +  .trace_exectime {
  1.1925 +    background-color: #ccc;
  1.1926 +    font-weight: bold;
  1.1927 +    border-radius: @border-radius;
  1.1928 +  }
  1.1929 +  
  1.1930 +  .time {
  1.1931 +    float: right;
  1.1932 +  }
  1.1933 +  
  1.1934 +  .total_duration {
  1.1935 +    font-weight: bold;
  1.1936 +  }
  1.1937 +    
  1.1938 +}
  1.1939 \ No newline at end of file