# HG changeset patch
# User bsw
# Date 1612209575 -3600
# Node ID 29cf0208469473b41a850da9966b6d529fa29c29
# Parent  d14462e2b38be8cfa8f8a9a754333f92e27897b7
Extracted css from layout template, removed old css

diff -r d14462e2b38b -r 29cf02084694 app/main/_layout/default.html
--- a/app/main/_layout/default.html	Mon Feb 01 20:56:14 2021 +0100
+++ b/app/main/_layout/default.html	Mon Feb 01 20:59:35 2021 +0100
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
   <title><!-- WEBMCP SLOTNODIV html_title --></title>
   <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/style/style.css" />
+  <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/lf4.css" />
   <link rel="stylesheet" type="text/css" media="screen" href="__BASEURL__/static/gregor.js/gregor.css" />
   <!-- WEBMCP SLOTNODIV html_head -->
   <script type="text/javascript">jsFail = true;</script>
@@ -15,739 +16,6 @@
   <script type="text/javascript" src="__BASEURL__/static/js/jsprotect.js"></script>
   <script type="text/javascript" src="__BASEURL__/static/js/partialload.js"></script>
   <style>
-    @font-face {
-      font-family: "Roboto";
-      src: url("__BASEURL__/static/font/Roboto-Regular.ttf");
-    }
-    @font-face {
-      font-family: "Roboto Bold";
-      src: url("__BASEURL__/static/font/Roboto-Bold.ttf");
-    }
-    @font-face {
-      font-family: "Roboto Slab";
-      src: url("__BASEURL__/static/font/RobotoSlab-Regular.ttf");
-    }
-    @font-face {
-      font-family: 'Material Icons';
-      font-style: normal;
-      font-weight: 400;
-      src: url("__BASEURL__/static/font/material.woff2") format('woff2');
-    }
-
-    .material-icons {
-      font-family: 'Material Icons';
-      font-weight: normal;
-      font-style: normal;
-      font-size: 24px;
-      line-height: 1;
-      letter-spacing: normal;
-      text-transform: none;
-      display: inline-block;
-      white-space: nowrap;
-      word-wrap: normal;
-      direction: ltr;
-      -webkit-font-feature-settings: 'liga';
-      -webkit-font-smoothing: antialiased;
-    }
-    .material-icons.icon-green {
-      color: #4CAF50;
-    }
-    .material-icons.icon-yellow {
-      color: #FFEB3B;
-    }
-    .material-icons.icon-red {
-      color: #F44336;
-    }
-    .mapboxgl-popup-content {
-      max-width: 200px;
-    }
-    body {
-      font-family: "Roboto";
-      background: #fff;
-    }
-    strong {
-      font-family: "Roboto Bold";
-    }
-    .slot_error {
-      margin: 20px 20px 0 20px;
-      background: #fed;
-      padding: 20px;
-    }
-    .slot_notice {
-      margin: 20px 20px 0 20px;
-      background: #efd;
-      padding: 20px;
-    }
-    h1 {
-      font-size: 24px;
-      margin-bottom: 0px;
-    }
-    
-    .mdl-layout__container {
-      max-width: 1600px;
-      height: auto;
-      background: #f7f7f7;
-    }
-    .mdl-layout__header-row {
-      padding-left: 20px !important;
-      padding-right: 10px !important;
-    }
-    .mdl-layout__content {
-      flex-shrink: 0;
-      width: 100%;
-    }
-    #lf-member-menu {
-      cursor: pointer;
-    }
-    .notifications {
-      display: block;
-      text-align: center;
-    }
-    .page-content {
-      xdisplay: flex;
-      width: 100%;
-    }
-    .map, .ui_field_location {
-      border: none;
-      width: 100%;
-      height: auto;
-      max-height: 80vh;
-      position: relative;
-      border-radius: 2px;
-    }
-    .map:before {
-      content: "";
-      display: block;
-      padding-top: 100%;
-    }
-    .map iframe {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      height: 100%;
-    }
-    .axto-logo {
-      width: 100%;
-    }
-    .mdl-card__title-text a.issue {
-      font-size: 18px;
-      line-height: 20px;
-    }
-    .mdl-list__item .initiative_name {
-      font-size: 18px;
-      line-height: normal;
-    }
-    .initiatives.mdl-list  {
-      margin-top: 5px;
-      margin-bottom: 5px;
-      padding-bottom: 0px;
-    }
-    .initiatives .mdl-list__item--three-line {
-      min-height: 0;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    .mdl-data-table__fullwidth {
-      width: 100%;
-    }
-    .mdl-textfield__fullwidth {
-      width: 100%;
-    }
-    
-    .mdl-card {
-      min-height: 20px;
-      overflow: visible;
-      display: block;
-      margin-bottom: 16px;
-      border-radius: 5px;
-    }
-
-    .mdl-card__title {
-      border-radius: 5px 5px 0 0;
-    }
-
-    .mdl-card__fullwidth {
-      width: 100%;
-    }
-    .mdl-card__title {
-      display: block;
-    }
-    .mdl-card__title > h2,
-    .mdl-card__title > a {
-      display: inline-block;
-      vertical-align: top;
-    }
-    .mdl-card__subtitle-text {
-      display: block;
-    }
-    .mdl-card__content {
-      font-size: 1rem;
-      padding: 16px;
-    }
-    .mdl-card__content.mdl-card--no-bottom-pad {
-      padding-bottom: 0;
-    }
-    .mdl-card__actions.mdl-card--action-border,
-    .mdl-card__content.mdl-card--border {
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-    }
-    .mdl-card__actions.mdl-card--notice,
-    .mdl-card__content.mdl-card--notice {
-      background: #fff9c4;
-    }
-    .mdl-card--has-fab {
-      position: relative;
-    }
-    .mdl-special-card {
-      background: #fff;
-      margin-bottom: 16px;
-      border-radius: 5px;
-    }
-
-    .mdl-navigation__head {
-      font-family: "Roboto Bold";
-    }
-    .mdl-list__item--three-line {
-      height: auto;
-      min-height: 88px;
-    }
-    .mdl-list__item--three-line .mdl-list__item-primary-content {
-      height: auto;
-      min-height: 52px;
-    }
-    .mdl-chip {
-      vertical-align: middle;
-    }
-    .mdl-chip.clickable {
-      cursor: pointer;
-    }
-    .mdl-menu {
-      z-index: -9999;
-    }
-    .mdl-card {
-      z-index: auto !important;
-    }
-    .mdl-menu__item {
-      padding: 0;
-    }
-    .mdl-menu__link {
-      display: block;
-      padding: 0 16px;
-      min-height: 48px;
-      text-decoration: none;
-      color: #444;
-    }
-    .mdl-tabs__tab-bar {
-      justify-content: flex-start;
-    }
-    .mdl-tabs__tab.is-active {
-    color: rgba(0,0,0, 0.87);
-    }
-    .mdl-data-table--condensed tbody tr {
-      height: 24px;
-    }
-    .mdl-data-table--condensed td {
-      padding-top: 0;
-      padding-bottom: 0;
-      height: 24px;
-    }
-    .mdl-button--underlined {
-      text-decoration: underline;
-    }
-    .right {
-      text-align: right;
-    }
-    .mdl-tabs__left {
-      display: inline-block;
-      width: auto;
-    }
-    .float-left {
-      float: left;
-    }
-    .float-right {
-      float: right;
-    }
-    .clear-left {
-      clear: left;
-    }
-    .clear-right {
-      clear: right;
-    }
-    .float-right .mdl-menu__container {
-      margin-right: 20px;
-    }
-    .inline {
-      display: inline-block;
-    }
-    .warning {
-      background-color: #fff9c4;
-      color: #212121;
-      padding: 16px;
-      border-radius: 2px;
-    }
-    .toolbar a {
-      color: #000;
-      display: inline-block;
-      border: 1px solid #ccc;
-      position: relative;
-    }
-
-    .toolbar a.wysihtml-command-active {
-      background: #000;
-      color: #fff;
-    
-    }
-
-    .toolbar a span.crossed {
-      position: absolute;
-      top: 0;
-      left: 8px;
-      font-weight: bold;
-      font-size: 200%;
-      line-height: 80%;
-    }
-    .toolbar a span.head_level {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-    }
-
-    textarea {
-      font-family: sans-serif;
-      font-weight: normal !important;
-      width: 100%;
-      height: 40ex;
-    }
-    .bargraph {
-      display: inline-block;
-      vertical-align: top;
-      height: 9px;
-    }
-  
-    .bargraph div {
-      margin: 0;
-      padding: 0;
-      display: inline-block;
-      height: 9px;
-    }
-    .draft {
-      font-family: 'Roboto Slab';
-      font-weight: 300;
-      overflow: auto;
-      clear: left;
-    }
-    .draft img {
-      float: right;
-      margin-left: 1em;
-    }
-    
-    .draft .landscape img {
-      width: 50%;
-    }
-    
-    .draft .portrait img {
-      width: 33.333%;
-    }
-    .member_weight {
-      background: #070;
-      color: #fff;
-      border-radius: 8px;
-      padding: 0 3px;
-    }
-    .card-issue {
-      background: rgb(76,175,80);
-    }
-    .card-issue a {
-      color: #fff;
-    }
-    @media (max-width: 960px) {
-      .draft img {
-        float: none;
-        margin-left: 0;
-      }
-      .draft a.portrait,
-      .draft a.landscape {
-        width: 100%;
-        display: block;
-        text-align: center;
-        margin-bottom: 2ex;
-      }
-      .draft .landscape img {
-        width: 100%;
-      }
-      .draft .portrait img {
-        width: 66.666%;
-      }
-    }
-    
-    .draft h1 {
-      font-size: 150%;
-      margin-bottom: 0;
-    }
-    .draft h2 {
-      font-size: 133%;
-      margin-bottom: 0;
-    }
-    .draft h3 {
-      font-size: 125%;
-      margin-bottom: 0;
-    }
-    .draft > a:first-child + h1,
-    .draft > h1:first-child,
-    .draft > h2:first-child,
-    .draft > h3:first-child {
-      margin-top: 0;
-    }
-    @media (max-width: 960px) {
-      .draft > a:first-child + h1 {
-        margin-top: 20px;
-      }
-    }
-
-    .folded {
-      position: relative;
-    }
-    .folded .suggestion-content {
-      max-height: 180px;
-      overflow: hidden;
-      position: relative;
-    }
-    .folded .suggestion-content:before {
-      content: "";
-      width: 100%;
-      height: 25%;
-      position: absolute;
-      left: 0;
-      bottom: 0;
-    background: linear-gradient(rgba(0,0,0,0), #fff);
-    }
-    .suggestion-less,
-    .suggestion-more {
-      display: none;
-    }
-    .folded .suggestion-more,
-    .unfolded .suggestion-less {
-      display: inline-block;
-    }
-    
-    .diff .diff_removed {
-      text-decoration: line-through;
-      background: #f00;
-    }
-    
-    .diff .diff_added {
-      text-decoration: underline;
-      background: #0f0;
-    }
-    
-    .material-icons {
-      vertical-align: middle;
-    }
-    .material-icons-small {
-      font-size: 18px;
-    }
-    
-    a.mdl-layout-title {
-      color: #fff;
-      text-decoration: none;
-    }
-
-    .what-can-i-do-here .mdl-card__content {
-      font-size: 18px;
-    }
-
-    .what-can-i-do-here .mdl-card__content ul {
-      font-size: 1rem;
-    }
-
-    .what-can-i-do-here ul {
-      margin-top: 0.5em;
-      margin-bottom: 0;
-      padding-left: 1.5em
-    }
-    
-    
-    
-    .lf-filter .mdl-button {
-      padding-right: 4px;
-    }
-    
-    .phase-current {
-      font-family: "Roboto Bold";
-    }
-    
-    .phase-info {
-      padding-left: 27px;
-      margin-bottom: 1ex;
-    }
-    
-    .clickable {
-      cursor: pointer;
-    }
-    
-    .slot_title {
-      margin-left: 16px;
-      margin-top: 16px;
-      font-size: 18px;
-    }
-    
-    .slot_title > a,
-    .slot_title > span {
-      display: inline-block;
-      padding: 0 4px 0 0;
-      
-    }
-    
-    .slot_title a.home {
-      margin: 0;
-    }
-  
-    .home i {
-      font-size: 32px;
-    }
-    
-    /* fix missing contrast */
-    .mdl-list__item--three-line .mdl-list__item-text-body,
-    .mdl-card__supporting-text,
-    .mdl-card__subtitle-text {
-      color: rgba(0,0,0, 0.75);
-    }
-       
-    .mdl-textfield__label {
-      color: rgba(0,0,0, 0.5);    
-    }
-    
-    .mdl-list__item--three-line .mdl-list__item-text-body {
-      height: auto;
-      padding-bottom: 10px;
-    }
-    
-    select {  
-      font-family: 'Roboto','Helvetica','Arial',sans-serif;
-      background-color: transparent;
-      padding: 5px 0;
-      border: none;
-      border-bottom: 1px solid rgba(0,0,0, 0.12);
-      font-size: 1rem;
-    }
-    
-    
-    .initiative_list .mdl-list__item {
-      display: block;
-    }
-    .initiative_list .mdl-list__item-avatar {
-      float: left;
-      margin-right: 8px;
-    }
-    .initiative_list .mdl-list__item-avatar i {
-      padding-left: 8px;
-    }
-    .initiative_list .mdl-list__item-avatar.positive {
-      background: #4caf50;
-    }
-    .initiative_list .mdl-list__item-avatar.positive i {
-      padding-top: 8px;
-      vertical-align: top;
-    }
-    .initiative_list .mdl-list__item-avatar.negative {
-      background: #f44336;
-    }
-    .initiative_list .mdl-list__item-avatar.negative i {
-      padding-top: 10px;
-      vertical-align: top;
-    }
-
-    .initiative_pie {
-      float: left;
-      margin-right: 15px;
-      margin-bottom: 15px;
-    }
-    
-    .initiative .result {
-      font-family: "Roboto Bold";
-    }
-    
-    .admitted_info, .not_admitted_info {
-      margin-left: 15px;
-    }
-
-    .admitted_info table th,
-    .not_admitted_info table th {
-      text-align: left;
-      padding-right: 10px;
-    }
-    
-    .admitted_info table td,
-    .not_admitted_info table td {
-      text-align: right;
-      padding-right: 5px;
-    }
-    
-    .admitted
-    
-    .event_info i {
-      font-size: 18px;
-      color: #444;
-      margin-right: 4px;
-    }
-    
-    .ui_list_row label.mdl-radio {
-      display: inline;
-    }
-    
-    .member_image_photo {
-      margin-top: 2ex;
-      margin-bottom: 2ex;
-    }
-
-    .contextlinks {
-      color: #fff;
-      xfont-size: 14px;
-      xmargin-bottom: 5px;
-    }
-    
-/*************************************************************************
- * Voting
- */
-.main .section #voting_form .sectionRow:last-child {
-  border-radius: 0;
-  margin-bottom: 0;
-}
-#voting {
-  margin-top: 3ex;
-  position: relative;
-  margin-bottom: 2ex;
-}
-#voting .approval,
-#voting .abstention,
-#voting .disapproval {
-  border: 1px #ccc solid;
-  margin-bottom: 3ex;
-  padding: 1ex;
-  padding-bottom: 1ex;
-  border-radius: 2px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-#voting .movable {
-  cursor: pointer;
-}
-#voting .disapproval {
-  margin-bottom: 2ex;
-}
-#voting .approval {
-  background-color: #9f9;
-}
-#voting .approval .movable {
-  background-color: #dfd;
-}
-#voting .abstention {
-  background-color: #eee;
-}
-#voting .abstention .movable {
-  background-color: #fff;
-}
-#voting .disapproval {
-  background-color: #f88;
-}
-#voting .disapproval .movable {
-  background-color: #fbb;
-}
-#voting .movable {
-  position: relative;
-  border: 1px black solid;
-  margin-top: 1ex;
-  padding: 0;
-  border-radius: 2px;
-  min-height: 64px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-#voting .initiative_name {
-  display: inline-block;
-  margin: 5px;
-  font-family: "Roboto Bold";
-}
-
-#voting .voting_form_active .movable {
-  cursor: pointer;
-  vertical-align: middle;
-  cursor: move;
-}
-#voting .voting_form_active .clickable {
-  cursor: auto;
-}
-#voting .voting_form_active a.clickable {
-  cursor: pointer;
-}
-
-div.form .ui_field_label {
-  text-transform: uppercase;
-  font-size: 80%;
-}
-div.form .member_photo .member_image.member_image_photo {
-  margin-top: 0;
-}
-
-.trace_list {
-  margin-left: 10px;
-  list-style-type: none;
-  padding: 0;
-  line-height: 120%;
-}
-
-.trace_list .trace_list {
-  padding-left: 10px;
-  border-left: 1px solid #999;
-}
-
-.trace_list .trace_head {
-  margin-top: 10px;
-  padding: 3px 5px 3px 5px;
-  font-weight: 700;
-}
-
-.trace_list li {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.trace_list .trace_filter .trace_head {
-  background: #acf;
-  color: #000;
-}
-
-.trace_list .trace_request .trace_head,
-.trace_list .trace_view .trace_head {
-  background: #000;
-  color: #fff;
-}
-
-.trace_list .trace_config .trace_head,
-.trace_list .trace_view .trace_view .trace_head {
-  background: #ccc;
-  color: #000;
-}
-
-.trace_list .trace_head .time {
-  float: right;
-  font-weight: 500;
-  font-size: 90%;
-  line-height: 100%;
-  margin-top: 5px;
-}
-
-.trace_list .trace_sql {
-  color: #050;
-}
-
-.trace_list .trace_sql_time {
-  background: #070;
-  color: #fff;
-  padding: 0px 3px;
-  border-radius: 5px;
-}
-
   </style>
 <!-- WEBMCP SLOTNODIV meta_navigation_style -->
   
diff -r d14462e2b38b -r 29cf02084694 static/lf3.css
--- a/static/lf3.css	Mon Feb 01 20:56:14 2021 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,1622 +0,0 @@
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-body {
-  line-height: 1;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-/* end reset */
-/* color, fonts, gaps and border radius settings */
-.list-style {
-  list-style: disc;
-  padding-left: 20px;
-}
-/*
- * basic font settings
- */
-html {
-  overflow-y: scroll;
-}
-body {
-  font: normal 10pt / 125% sans-serif;
-  background-color: #397ab6;
-  color: #000000;
-  background-attachment: fixed;
-}
-.page {
-  background-color: #255078;
-  max-width: 1240px;
-  border-radius: 0 0 2px 2px;
-  margin: 0 auto;
-  margin-bottom: 40px;
-}
-/*
- * messages
- */
-.slot_notice,
-.slot_warning,
-.slot_error {
-  font: bold 12pt / 125% sans-serif;
-  padding: 12pt;
-}
-.slot_motd {
-  background-color: #ccc;
-  padding: 12pt;
-}
-.slot_notice {
-  background-color: #0c0;
-  color: #fff;
-}
-.slot_warning {
-  background-color: #f80;
-  color: #000;
-}
-.slot_error {
-  background-color: #c00;
-  color: #fff;
-}
-/*
- * global styles
- */
-/* headlines */
-h1 {
-  font: bold 12pt / 125% sans-serif;
-  margin-bottom: 1ex;
-}
-h1:last-child {
-  margin-bottom: 0;
-}
-h2 {
-  font: bold 12pt / 125% sans-serif;
-}
-h3 {
-  font: bold 10pt / 125% sans-serif;
-}
-h1:first-child,
-h2:first-child,
-h3:first-child {
-  margin-top: 0;
-}
-.right {
-  float: right;
-}
-.left {
-  float: left;
-  margin-right: 9px;
-}
-/* paragraphs */
-p {
-  margin-bottom: 1.5ex;
-}
-p:last-child {
-  margin-bottom: 0;
-}
-/* lists */
-ul.ul {
-  margin-left: 9px;
-  margin-bottom: 1.5ex;
-  list-style: disc;
-  padding-left: 20px;
-}
-ul.ul li {
-  margin: 3px 0;
-}
-ul.ul li:last-child {
-  margin-bottom: 0;
-}
-ul.ul:last-child {
-  margin-bottom: 0;
-}
-/* tables */
-table td {
-  padding: 0.3ex 0.3em;
-}
-/* links */
-a {
-  color: #222277;
-}
-a.disabled {
-  color: #777777;
-  cursor: default;
-}
-/* formulars */
-form.inline {
-  display: inline;
-}
-form.inline div {
-  display: inline;
-}
-img {
-  vertical-align: middle;
-}
-img.star {
-  width: 24px;
-  height: 24px;
-}
-img.icon16 {
-  width: 16px;
-  height: 16px;
-}
-img.icon24 {
-  width: 24px;
-  height: 24px;
-}
-img.icon32 {
-  width: 32px;
-  height: 32px;
-}
-img.icon48 {
-  width: 48px;
-  height: 48px;
-}
-/*
- * Avatars
- */
-.microAvatar {
-  text-wrap: nowrap;
-}
-.microAvatar img,
-img.micro_avatar {
-  vertical-align: middle;
-  border-radius: 2px;
-  width: 24px;
-  height: 24px;
-}
-img.micro_avatar.highlighted {
-  margin: 0;
-  border: 2px solid #ff8800;
-}
-/*
- * delegation info
- */
-.vote_info,
-.delegation_info {
-  white-space: nowrap;
-  float: right;
-  text-decoration: none;
-  margin: -2px;
-}
-.vote_info img,
-.delegation_info img {
-  vertical-align: middle;
-}
-.delegation_info img {
-  border-radius: 2px;
-  margin: 2px;
-}
-.delegation_info.suspended {
-  opacity: 0.3;
-}
-.slot_title .delegation_info.suspended {
-  opacity: 1;
-}
-/*
- * generic attributes
- */
-.hide {
-  display: none;
-}
-.head_outer {
-  background-color: #000000;
-  color: #ffffff;
-  overflow: auto;
-  margin: 0 auto;
-  max-width: 1240px;
-}
-.head {
-  padding: 0.3ex 0;
-  margin: 0 12pt;
-  /* 
-  * the logo and instance name
-  */
-  /*
-  * navigation bar
-  */
-}
-.head a {
-  color: #ffffff;
-}
-.head .logo {
-  display: block;
-  padding: 9px 0;
-  text-decoration: none;
-  font: bold 10pt / 100% sans-serif;
-}
-.head .logo .liquid {
-  color: #ffffff;
-}
-.head .logo .feedback {
-  color: #00ee00;
-}
-.head .logo .instanceName {
-  font: normal 10pt / 100% sans-serif;
-  padding-top: 9px;
-}
-.head .logo:hover {
-  text-decoration: underline;
-}
-.head .notifications {
-  margin-left: 0.6em;
-  text-decoration: none;
-}
-.head .notifications .count {
-  background-color: #f00;
-  color: #000;
-  padding: 0.2ex 0.25em;
-  border-radius: 1ex;
-  vertical-align: top;
-}
-.head .notifications .icon {
-  width: 24px;
-  height: 24px;
-}
-.head .nav {
-  float: right;
-  padding-top: 6px;
-}
-.head .nav ul,
-.head .nav > ul > li:first-child {
-  display: inline;
-}
-.head .nav input[name=q] {
-  width: 12em;
-  border-radius: 2px;
-  padding: 2px;
-  background-color: #000000;
-  color: #ffffff;
-  border: 1px solid #397ab6;
-  margin-right: 0.6em;
-}
-.head .nav input[name=q]:focus {
-  outline: 2px solid #397ab6;
-}
-.head .nav #member_menu a span {
-  margin-left: 5px;
-}
-/*
- * title
- */
-.slot_title {
-  padding-left: 12pt;
-  padding-right: 12pt;
-  font: bold 12pt / 125% sans-serif;
-  color: #ffffff;
-  padding-top: 12pt;
-}
-.slot_title a {
-  color: #ffffff;
-  display: inline-block;
-}
-.slot_title a.home {
-  margin-right: 4px;
-}
-.slot_title a.delegation_info {
-  margin-right: 0;
-}
-.slot_title .initiative,
-.slot_title a .label {
-  display: none;
-}
-.slot_title .delegation_info {
-  background-color: #ffffff;
-  color: #000000;
-  border-radius: 2px;
-  padding-right: 3px;
-  margin-bottom: 12pt;
-}
-.slot_title .delegation_info a {
-  color: #000000;
-}
-.content {
-  clear: both;
-  margin: 0 12pt;
-  margin-top: 12pt;
-}
-/*
- * the sidebar
- */
-.sidebar {
-  float: right;
-  width: 30%;
-}
-.sidebarSection {
-  background-color: #ffffff;
-  border-radius: 2px;
-  color: #000000;
-  margin-bottom: 12pt;
-  padding: 0;
-}
-.sidebarSection .sidebarHead {
-  padding: 9px 9px 4.5px 9px;
-  background: #ffffff;
-  color: #000000;
-  min-height: 20px;
-}
-.sidebarSection .sidebarHead a {
-  color: #000000;
-}
-.sidebarSection .sidebarHead .icon24 {
-  margin-top: -3.6px;
-}
-.sidebarSection .sidebarRow,
-.sidebarSection .ui_filter_head,
-.sidebarSection .ui_paginate_foot {
-  clear: right;
-  display: block;
-  padding: 4.5px 9px;
-  min-height: 20px;
-}
-.sidebarSection .sidebarRow {
-  border-top: 1px solid #aaaaaa;
-}
-.sidebarSection .sidebarRow.highlighted {
-  background-color: #e7f0ff;
-}
-.sidebarSection .sidebarRow.sidebarRowNarrow,
-.sidebarSection .ui_filter_head,
-.sidebarSection .ui_paginate_foot {
-  padding: 2.25px 9px;
-}
-.sidebarSection .sidebarRow.moreLink {
-  min-height: 0;
-}
-.sidebarSection a.sidebarRow {
-  text-decoration: none;
-  color: #000000;
-}
-.sidebarSection h1,
-.sidebarSection h1 a,
-.sidebarSection h2,
-.sidebarSection h2 a,
-.sidebarSection h3,
-.sidebarSection h3 a {
-  color: #000000;
-}
-.sidebarSection a {
-  color: #222277;
-}
-.sidebarSection .areas .whenfolded {
-  display: none;
-}
-.sidebarSection .areas.folded .whenunfolded {
-  display: none;
-}
-.sidebarSection .areas.folded .whenfolded {
-  display: block;
-}
-.sidebarSection .areas.folded .disabled {
-  display: none;
-}
-.sidebarSection a.issue {
-  font: bold 12pt / 125% sans-serif;
-  color: #000000;
-}
-.sidebarSection ul.initiatives li {
-  padding: 4.5px 9px;
-  border-top: 1px solid #aaaaaa;
-}
-.sidebarSection ul.initiatives li .bargraph {
-  display: block;
-}
-.sidebarSection ul.initiatives li .supporterCount {
-  white-space: nowrap;
-}
-.sidebarSection ul.initiatives .revoked .initiative_name {
-  text-decoration: line-through;
-}
-.sidebarSection ul.initiatives .rank1 .initiative_name {
-  font-weight: bold;
-}
-.sidebarSection ul.initiatives li.highlighted {
-  background-color: #e7f0ff;
-}
-.sidebarSection ul.initiatives li.highlighted:last-child {
-  border-radius: 0 0 2px 2px;
-}
-.sidebarSection .supporters {
-  line-height: 28.799999999999997px;
-}
-.sidebarSection .supportCount {
-  color: #00c000;
-  font: bold 12pt / 125% sans-serif;
-  float: right;
-}
-.sidebarSection .member_list .member_thumb {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sidebarSection .member_list .member_thumb img.member_image {
-  width: 24px;
-  height: 24px;
-  vertical-align: middle;
-  margin-right: 0.2em;
-}
-.sidebarSection .member_list .member_thumb.in_delegation_chain {
-  font-weight: bold;
-}
-.sidebarSection > div {
-  position: relative;
-}
-.sidebarSection > div:first-child {
-  margin-top: 0;
-  border-radius: 2px 2px 0 0;
-}
-.sidebarSection > div:last-child {
-  border-radius: 0 0 2px 2px;
-}
-.sidebarSection > div:last-child:first-child {
-  border-radius: 2px;
-}
-.sidebarSection a.unit {
-  font: bold 12pt / 125% sans-serif;
-}
-.sidebarSection a.area {
-  margin-left: 20px;
-  display: block;
-}
-.sidebarSection .star {
-  float: left;
-}
-.sidebarSection .delegation_info {
-  margin-top: -3.6px;
-  margin-bottom: 1px;
-}
-.admitted_info h1 {
-  color: #00aa00;
-}
-.not_admitted_info h1,
-.revoked_info h1 {
-  color: #aa0000;
-}
-.admitted_info .initiative_pie,
-.not_admitted_info .initiative_pie {
-  float: right;
-}
-.admitted_info table tr th,
-.not_admitted_info table tr th {
-  text-align: left;
-}
-.admitted_info table tr td,
-.not_admitted_info table tr td {
-  text-align: right;
-  padding: 0.3ex 0.4em;
-}
-/*
- * main area
- */
-.main_outer {
-  width: 70%;
-}
-.main {
-  clear: left;
-  margin-right: 12pt;
-  border-radius: 2px;
-  /*
-   * tabs und filter
-   */
-  /*
-   * initiative
-   */
-  /* the draft */
-}
-.main .section .sectionHead,
-.main .section .sectionRow {
-  background-color: #ffffff;
-  overflow: auto;
-  padding: 9px;
-}
-.main .section .sectionHead {
-  background-color: #ffffff;
-  color: #000000;
-  margin-top: 12pt;
-  border-radius: 2px 2px 0 0;
-}
-.main .section .sectionHead:first-child {
-  margin-top: 0;
-}
-.main .section .sectionHead:last-child {
-  border-radius: 2px;
-}
-.main .section .sectionRow {
-  margin-top: 4px;
-}
-.main .section .sectionRow:last-child {
-  border-radius: 0 0 2px 2px;
-  margin-bottom: 12pt;
-}
-.main > h1 {
-  border-bottom: 1px solid #aaaaaa;
-  padding: 9px;
-}
-.main .ui_filter .ui_filter_head {
-  background: #ffffff;
-  color: #000000;
-  padding: 0 9px 9px 9px;
-  vertical-align: middle;
-}
-.main .ui_filter .ui_filter_head a {
-  white-space: nowrap;
-  font: normal 10pt / 150% sans-serif;
-  margin-right: 0.5em;
-}
-.main .ui_filter .ui_filter_head a.active {
-  font: bold 10pt / 150% sans-serif;
-  text-decoration: none;
-  color: #000000;
-}
-.main .ui_filter .ui_filter_head select {
-  background: #ffffff;
-  color: #444444;
-  font: normal 10pt / 150% sans-serif;
-  border: none;
-  padding: 0;
-  margin: 0;
-}
-.main .ui_filter .ui_filter_head select option {
-  color: #000000;
-}
-.main .ui_filter .ui_filter_head select option:first-child,
-.main .ui_filter .ui_filter_head select option[value="interest_direct"],
-.main .ui_filter .ui_filter_head select option[value="interest_delegated"],
-.main .ui_filter .ui_filter_head select option[value="support_direct"],
-.main .ui_filter .ui_filter_head select option[value="support_delegated"],
-.main .ui_filter .ui_filter_head select option[value="potential_support_direct"],
-.main .ui_filter .ui_filter_head select option[value="potential_support_delegated"] {
-  color: #444444;
-}
-.main .ui_filter .ui_filter_head select.active {
-  color: #000000;
-}
-.main .ui_filter .ui_filter_head:first-child {
-  border-radius: 2px 2px 0 0;
-  padding-top: 9px;
-}
-.main .ui_filter .ui_filter_head.filter_filter {
-  padding-top: 9px;
-}
-.main .ui_filter .ui_filter_head.filter_mode {
-  padding-top: 9px;
-  margin-bottom: 0;
-  padding-bottom: 0;
-}
-.main .ui_filter .ui_filter_head.subfilter a {
-  font: normal 10pt / 150% sans-serif;
-}
-.main .ui_filter .ui_filter_head.subfilter a.active {
-  font: bold 10pt / 150% sans-serif;
-}
-.main .filter {
-  float: right;
-}
-.main .delegation_info.suspended {
-  margin: 1ex -2px -2px -2px;
-}
-.main .issues .state_info {
-  font: bold 10pt / 125% sans-serif;
-  color: #007700;
-}
-.main .issues .state_info.negative {
-  color: #aa0000;
-}
-.main ul.initiatives li {
-  margin-top: 1ex;
-}
-.main ul.initiatives li .bargraph {
-  float: left;
-  margin-top: 5px;
-  margin-right: 0.5em;
-}
-.main ul.initiatives li .initiative_name {
-  display: block;
-  margin-left: 110px;
-}
-.main ul.initiatives li .rank1 .initiative_name {
-  margin-left: 0;
-  font-weight: bold;
-}
-.main ul.initiatives li .revoked .initiative_name {
-  text-decoration: line-through;
-}
-.main ul.initiatives li:first-child {
-  margin-top: 0;
-  clear: none;
-}
-.main .events .event ul.initiatives li .initiative_name {
-  margin-left: 0;
-}
-.main .member_photo {
-  float: right;
-}
-.main .member_thumb.in_delegation_chain {
-  font-weight: bold;
-}
-.main .support {
-  color: #aaa;
-  line-height: 80%;
-  float: right;
-  width: 102px;
-}
-.main .initiativeInfo {
-  font-family: normal 10pt / 125% sans-serif;
-  line-height: 24px;
-  overflow: auto;
-}
-.main .initiativeInfo .support {
-  margin-top: 1ex;
-  float: left;
-  width: auto;
-}
-.main .initiativeInfo .mySupport {
-  line-height: 125%;
-  min-width: 12em;
-  text-align: right;
-}
-.main .initiativeInfo .initiators {
-  margin-top: 1.5ex;
-  margin-bottom: -1ex;
-  float: left;
-}
-.main .initiativeInfo .links {
-  margin-top: 1.5ex;
-  margin-bottom: -1ex;
-  float: right;
-  clear: right;
-}
-.main .initiativeInfo .initiator_links {
-  clear: right;
-}
-.main .issueInfo .links {
-  margin-top: 1.5ex;
-  margin-bottom: -1ex;
-  float: right;
-  clear: both;
-}
-.main .draft_updated_info {
-  color: #007700;
-}
-.main .draft_updated_info .info {
-  font: bold 10pt / 125% sans-serif;
-}
-.main .draft {
-  font: normal 10pt / 125% sans-serif;
-}
-.main .draft ul {
-  margin-left: 1em;
-  margin-bottom: 1.5ex;
-  list-style: square;
-  padding-left: 1em;
-}
-.main .draft ol {
-  margin-left: 1em;
-  margin-bottom: 1.5ex;
-  list-style: decimal;
-  padding-left: 1em;
-}
-.main .draft h1 {
-  font: italic 10pt / 125% sans-serif;
-  font-size: 125%;
-  border-bottom: 1px solid #444444;
-  margin-bottom: 1ex;
-}
-.main .draft h2 {
-  font: normal 10pt / 125% sans-serif;
-  font-size: 125%;
-}
-.main .draft h3 {
-  font: normal 10pt / 125% sans-serif;
-  font-size: 125%;
-}
-.main .draft h4 {
-  font: normal 10pt / 125% sans-serif;
-}
-.main .draft hr {
-  border: none;
-  border-top: 1px solid #000000;
-}
-.main .draft b,
-.main .draft strong {
-  font: italic 10pt / 125% sans-serif;
-}
-.main .draft i,
-.main .draft em {
-  font: normal 10pt / 125% sans-serif;
-}
-.main form,
-.main .form {
-  margin: 0;
-  padding: 0;
-}
-.main form .ui_field_label,
-.main .form .ui_field_label {
-  display: inline-block;
-  width: 25%;
-  margin: 0;
-  padding: 0;
-  text-align: right;
-  margin-bottom: 9px;
-  padding-right: 0.5%;
-  vertical-align: top;
-  color: #444444;
-}
-.main form input[type=text],
-.main .form input[type=text],
-.main form input[type=password],
-.main .form input[type=password],
-.main form select,
-.main .form select,
-.main form textarea,
-.main .form textarea {
-  vertical-align: top;
-  width: 73%;
-  margin: 0;
-  padding: 3px;
-  border: 1px solid #444444;
-  font: bold 10pt / 125% sans-serif;
-  margin-bottom: 9px;
-}
-.main form input:focus,
-.main .form input:focus {
-  outline: 2px solid #397ab6;
-}
-.main form .actions,
-.main .form .actions {
-  margin-left: 26%;
-}
-.main form.wide input[type=text],
-.main form.wide input[type=password],
-.main form.wide select,
-.main form.wide textarea {
-  width: 100%;
-}
-.issues .event .initiative_pie,
-.events .event .initiative_pie {
-  clear: right;
-  float: right;
-}
-.issues .event ul.initiatives .initiative_info_left,
-.events .event ul.initiatives .initiative_info_left {
-  display: inline;
-  margin-right: 0.5em;
-}
-.issues .event ul.initiatives .initiative_info_right,
-.events .event ul.initiatives .initiative_info_right {
-  float: right;
-}
-.issues .event ul.initiatives .initiative_info_right .bargraph,
-.events .event ul.initiatives .initiative_info_right .bargraph {
-  float: right;
-  margin-left: 0.5em;
-}
-.issues .event ul.initiatives .result,
-.events .event ul.initiatives .result {
-  color: #444444;
-  margin-top: 0.5ex;
-}
-.issues .event ul.initiatives h3,
-.events .event ul.initiatives h3 {
-  margin-top: 1ex;
-  margin-bottom: 0;
-}
-.issues .event ul.initiatives a.initiative,
-.events .event ul.initiatives a.initiative {
-  font: bold 10pt / 125% sans-serif;
-}
-.issues .event .event_info,
-.events .event .event_info {
-  font: bold 10pt / 125% sans-serif;
-  color: #007700;
-  margin-top: 0.66ex;
-  margin-bottom: 1ex;
-}
-.issues .event .event_info:last-child,
-.events .event .event_info:last-child {
-  margin-bottom: 0;
-}
-.issues .event .event_info.negative,
-.events .event .event_info.negative {
-  color: #aa0000;
-}
-.issues .event .event_time,
-.events .event .event_time {
-  font: normal 10pt / 125% sans-serif;
-  color: #444444;
-}
-.issues .event:hover .event_time,
-.events .event:hover .event_time {
-  visibility: visible;
-}
-.issues .event:hover ul.initiatives div,
-.events .event:hover ul.initiatives div {
-  visibility: visible;
-}
-.issues .issue_context,
-.events .issue_context {
-  line-height: 24px;
-  margin-bottom: 0.66ex;
-}
-.issues .issue_context .unit,
-.events .issue_context .unit {
-  background-color: #777;
-  color: #fff;
-  padding: 1px 3px;
-  border-radius: 2px;
-  text-decoration: none;
-}
-.issues .issue_context .area,
-.events .issue_context .area {
-  background-color: #ddd;
-  color: #000;
-  padding: 1px 3px;
-  border-radius: 2px;
-  text-decoration: none;
-}
-.issues .issue_info .issue,
-.events .issue_info .issue {
-  font: bold 10pt / 125% sans-serif;
-  color: #000000;
-}
-.issues img.star,
-.events img.star {
-  vertical-align: middle;
-  float: right;
-  margin-left: 0.5em;
-}
-.issues .event.suggestion ul.initiatives li,
-.events .event.suggestion ul.initiatives li {
-  margin-top: 0;
-  margin-bottom: 1ex;
-}
-.issues .event.suggestion ul.initiatives li a,
-.events .event.suggestion ul.initiatives li a {
-  font: normal 10pt / 125% sans-serif;
-}
-.issues .event.suggestion .suggestion,
-.events .event.suggestion .suggestion {
-  font: bold 10pt / 125% sans-serif;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.suggestions .suggestion .opinion {
-  float: right;
-}
-.suggestions .suggestion .opinion .must {
-  background-color: #00cc00;
-  color: #ffffff;
-}
-.suggestions .suggestion .opinion .should {
-  background-color: #44aa44;
-  color: #ffffff;
-}
-.suggestions .suggestion .opinion .shouldnot {
-  background-color: #aa4444;
-  color: #ffffff;
-}
-.suggestions .suggestion .opinion .mustnot {
-  background-color: #cc0000;
-  color: #ffffff;
-}
-.suggestions .suggestion .opinion .implemented {
-  background-color: #00cc00;
-  color: #ffffff;
-}
-.suggestions .suggestion .opinion .notimplemented {
-  background-color: #cc0000;
-  color: #ffffff;
-}
-.suggestions .suggestion .suggestion-rating {
-  float: right;
-}
-.suggestions .suggestion .suggestion-text {
-  margin-top: 9px;
-  font: normal 10pt / 125% sans-serif;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  position: relative;
-  z-index: 10;
-}
-.suggestions .suggestion .suggestion-details {
-  float: right;
-}
-.suggestions .suggestion .suggestion-more {
-  display: none;
-}
-.suggestions .suggestion .suggestion-less {
-  display: none;
-}
-.suggestions .suggestion .suggestionHead {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.suggestions .suggestion .rating {
-  display: none;
-  padding: 4.5px 0;
-}
-.suggestions .suggestion .rating .active-plus2 {
-  background-color: #00cc00;
-  color: #ffffff;
-}
-.suggestions .suggestion .rating .active-plus1 {
-  background-color: #44aa44;
-  color: #ffffff;
-}
-.suggestions .suggestion .rating .active-minus1 {
-  background-color: #aa4444;
-  color: #ffffff;
-}
-.suggestions .suggestion .rating .active-minus2 {
-  background-color: #cc0000;
-  color: #ffffff;
-}
-.suggestions .suggestion .rating .active-notfulfilled {
-  background-color: #faa;
-}
-.suggestions .suggestion .rating .active-fulfilled {
-  background-color: #afa;
-}
-.suggestions .suggestion.rateable .suggestion-more {
-  display: block;
-}
-.suggestions .suggestion.rateable.unfolded .rating {
-  border-top: 3px solid #397ab6;
-}
-.suggestions .suggestion.folded .suggestion-text {
-  height: 150px;
-  overflow: hidden;
-}
-.suggestions .suggestion.folded .suggestion-more {
-  display: block;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  box-shadow: inset 0 -12ex 10ex -5ex #ffffff;
-  padding-top: 5ex;
-}
-.suggestions .suggestion.folded .suggestion-details {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-}
-.suggestions .suggestion.unfolded .suggestion-more {
-  display: none;
-}
-.suggestions .suggestion.unfolded .rating {
-  display: block;
-}
-.suggestions .suggestion.unfolded .suggestion-less {
-  margin-top: 1ex;
-  display: block;
-}
-.suggestions .suggestion.highlighted {
-  background-color: #e7f0ff;
-}
-.suggestions .suggestion.highlighted .suggestion-more {
-  box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff;
-}
-li.raw {
-  list-style: none;
-  padding: 0;
-  margin: 0 !important;
-}
-.satisfiedSupporterCount {
-  color: #070;
-}
-.potentialSupporterCount {
-  color: #960;
-}
-.bargraph {
-  display: inline-block;
-  vertical-align: top;
-  height: 9px;
-}
-.bargraph div {
-  margin: 0;
-  padding: 0;
-  display: inline-block;
-  height: 9px;
-}
-.diff .diff_added {
-  background-color: #cfc;
-}
-.diff .diff_removed {
-  text-decoration: line-through;
-  background-color: #fcc;
-}
-.btn,
-.ui_paginate_foot a {
-  text-decoration: none;
-  min-width: 2em;
-  text-align: center;
-  display: inline-block;
-  border-radius: 5px;
-  border: none;
-  font: bold 10pt / 125% sans-serif;
-  background-color: #999;
-  color: #fff !important;
-  margin-bottom: 5px;
-}
-.btn {
-  padding: 1ex 1em;
-}
-.ui_paginate_foot a {
-  padding: 0.5ex 0.5em;
-  background-color: #eee;
-  color: 000 !important;
-}
-.ui_paginate_foot a.active {
-  background-color: #666;
-  color: #fff !important;
-}
-.btn-default {
-  background-color: #47a;
-  color: #fff !important;
-}
-.btn:hover,
-.btn:focus,
-.ui_paginate_foot a:hover,
-.ui_paginate_foot a:focus {
-  background-color: #0a0;
-  color: #fff !important;
-  cursor: pointer;
-}
-.btn-dangerous:hover {
-  background-color: #c00;
-  color: #fff !important;
-}
-.btn-link {
-  font: normal 10pt / 125% sans-serif;
-  background-color: #ffffff;
-  color: #222277;
-  border: none;
-  padding: 0;
-  margin: 0;
-  text-decoration: underline;
-  cursor: pointer;
-}
-/*************************************************************************
- * Voting
- */
-.main .section #voting_form .sectionRow:last-child {
-  border-radius: 0;
-  margin-bottom: 0;
-}
-#voting {
-  background: #ddd;
-  padding: 9px;
-  margin-top: 4px;
-  position: relative;
-  margin-bottom: 2ex;
-}
-#voting .approval,
-#voting .abstention,
-#voting .disapproval {
-  border: 2px black solid;
-  margin-bottom: 2ex;
-  padding: 1ex;
-  padding-bottom: 2ex;
-  border-radius: 2px;
-}
-#voting .disapproval {
-  margin-bottom: 2ex;
-}
-#voting .approval {
-  background-color: #9f9;
-}
-#voting .approval .movable {
-  background-color: #dfd;
-}
-#voting .abstention {
-  background-color: #ccc;
-}
-#voting .abstention .movable {
-  background-color: #f2f2f2;
-}
-#voting .disapproval {
-  background-color: #f88;
-}
-#voting .disapproval .movable {
-  background-color: #fbb;
-}
-#voting .movable {
-  position: relative;
-  border: 1px black solid;
-  margin-top: 1ex;
-  padding: 0.5ex;
-  border-radius: 2px;
-}
-#voting .voting_form_active .movable {
-  cursor: pointer;
-  vertical-align: middle;
-  cursor: move;
-}
-#voting .voting_form_active .clickable {
-  cursor: auto;
-}
-#voting .voting_form_active a.clickable {
-  cursor: pointer;
-}
-/*
- * footer
- */
-.footer {
-  text-align: center;
-  color: #ffffff;
-  background-color: #000000;
-  padding: 9px 0;
-  border: 1px solid #000;
-  border-top: none;
-}
-.footer a {
-  color: #ffffff;
-}
-.ui_paginate_head {
-  display: none;
-}
-.ui_paginate_foot {
-  line-height: 180%;
-}
-.swiper_tabs {
-  display: none;
-}
-#swiper_info {
-  display: none;
-}
-.nav .searchLink {
-  display: none;
-}
-@media (max-width: 767px) {
-  html body {
-    margin: 0;
-    background: #255078;
-  }
-  html body .head {
-    margin: 6pt;
-    padding: 0;
-  }
-  html body .head .logo {
-    display: block;
-    padding: 0;
-  }
-  html body .head .logo .liquid,
-  html body .head .logo .feedback {
-    font: bold 12pt / 125% sans-serif;
-  }
-  html body .head .logo .instanceName {
-    font: normal 10pt / 100% sans-serif;
-    display: block;
-    margin-left: 0;
-  }
-  html body .head .nav {
-    padding: 0;
-  }
-  html body .initiativeInfo h1 {
-    display: none;
-  }
-  html body .slot_title {
-    font: bold 12pt / 125% sans-serif;
-    padding: 0;
-    margin: 0 6pt;
-  }
-  html body .slot_title .spacer {
-    display: none;
-  }
-  html body .slot_title .unit,
-  html body .slot_title .area,
-  html body .slot_title .issue,
-  html body .slot_title .initiative,
-  html body .slot_title .member {
-    display: block;
-    margin-right: 0;
-    padding: 4px 0;
-    border-radius: 2px;
-    overflow: auto;
-  }
-  html body .slot_title .unit:before,
-  html body .slot_title .area:before,
-  html body .slot_title .issue:before,
-  html body .slot_title .initiative:before,
-  html body .slot_title .member:before {
-    content: "↳";
-    position: relative;
-    top: -2px;
-  }
-  html body .slot_title .area {
-    margin-left: 10px;
-  }
-  html body .slot_title .issue {
-    margin-left: 20px;
-  }
-  html body .slot_title .initiative {
-    margin-left: 30px;
-  }
-  html body .slot_title a:last-child,
-  html body .slot_title .issue:last-child,
-  html body .slot_title .area:last-child,
-  html body .slot_title .unit:last-child,
-  html body .slot_title .initiative:last-child {
-    margin-bottom: 6pt;
-  }
-  html body .slot_title .unit a,
-  html body .slot_title .initiative a,
-  html body .slot_title .issue a,
-  html body .slot_title .area a {
-    margin-bottom: 0;
-    display: inline;
-  }
-  html body .slot_title a.home {
-    display: none;
-  }
-  html body .slot_title .weight {
-    float: right;
-    margin: 0;
-  }
-  html body .slot_title .delegation_info {
-    float: right;
-    display: block;
-    margin-top: -10px;
-  }
-  html body .slot_title a .label {
-    display: inline;
-  }
-  html body .slot_title .star {
-    float: right;
-    margin-left: 0.5em;
-    margin-top: -4.5px;
-    margin-bottom: -4.5px;
-  }
-  html body .slot_title > span > *:last-child {
-    font: bold 12pt / 125% sans-serif;
-  }
-  html body .page {
-    background: none;
-    margin: 0;
-    box-shadow: none;
-  }
-  html body .nav #member_menu .text {
-    display: none;
-  }
-  html body .nav form.search {
-    display: none;
-  }
-  html body .nav .notifications,
-  html body .nav .searchLink,
-  html body .nav #member_menu a {
-    vertical-align: middle;
-    display: inline-block;
-    height: 48px;
-    min-width: 35px;
-    text-align: center;
-    background-color: #000;
-    border: 1px solid #777;
-    border-radius: 2px;
-    margin: 0;
-  }
-  html body .nav .notifications img,
-  html body .nav .searchLink img,
-  html body .nav #member_menu a img {
-    margin: 0;
-    width: 48px;
-    height: 48px;
-  }
-  html body .nav .notifications {
-    padding: 12px 2px;
-    height: 24px;
-  }
-  html body .nav #member_menu a :last-child {
-    display: none;
-  }
-  html body .notifications span {
-    margin-left: -5px;
-  }
-  html body .swiper_tabs {
-    clear: both;
-    display: block;
-    overflow: auto;
-    margin: 6pt;
-  }
-  html body .swiper_tabs div {
-    display: block;
-    float: left;
-    width: 33.333%;
-  }
-  html body .swiper_tabs div a {
-    padding: 8px 0;
-    display: block;
-    text-align: center;
-    background-color: #eee;
-  }
-  html body .swiper_tabs div a.active {
-    background-color: #abe;
-  }
-  html body .swiper_tabs div:first-child a {
-    border-radius: 2px 0 0 2px;
-  }
-  html body .swiper_tabs div:last-child a {
-    border-radius: 0 2px 2px 0;
-  }
-  html body #swiper_info.active {
-    display: block;
-    font: bold 10pt / 125% sans-serif;
-    z-index: 1;
-    text-align: center;
-    width: 100%;
-    background-color: #255078;
-    color: #ffffff;
-  }
-  html body .sidebarSection {
-    margin: 0 6pt 6pt 6pt;
-  }
-  html body .main,
-  html body .extra > .section {
-    clear: none;
-    float: none;
-    width: auto;
-    margin: 0 6pt 6pt 6pt;
-  }
-  html body .main .section .sectionRow:last-child,
-  html body .extra > .section .section .sectionRow:last-child {
-    margin-bottom: 6pt;
-  }
-  html body .ui_filter_head.filter_mode {
-    float: none !important;
-    background: #ffffff !important;
-    text-align: left !important;
-    border-radius: 2px;
-    margin-bottom: 6pt !important;
-  }
-  html body .member_photo {
-    text-align: center;
-    margin-bottom: 2ex;
-  }
-  html body .member_photo .member_image_photo {
-    max-width: 600px;
-  }
-  html body #trace_content {
-    margin: 6pt 0;
-    border-radius: 0;
-  }
-  html body #trace_content ul li .trace_head {
-    padding: 6px 5px;
-  }
-  html body #trace_content ul ul {
-    padding: 5px 2px;
-  }
-}
-.textCenter {
-  text-align: center;
-}
-a.initiative {
-  text-decoration: none;
-  border-bottom: 1px solid #66c;
-}
-a.initiative:hover {
-  border-bottom: 1px solid #007;
-}
-#trace_content {
-  margin: 12pt;
-  padding: 9px;
-  border-radius: 2px;
-  background-color: #ffffff;
-}
-#trace_content #system_error {
-  font-family: monospace;
-}
-#trace_content ul li {
-  margin-top: 10px;
-}
-#trace_content ul li .trace_head {
-  padding: 3px 5px;
-  border-radius: 2px 2px 0 0;
-}
-#trace_content ul li .trace_head:last-child {
-  border-radius: 2px;
-}
-#trace_content ul li ul {
-  border-radius: 0 0 2px 2px;
-}
-#trace_content ul li:first-child {
-  margin-top: 0;
-}
-#trace_content ul ul {
-  padding: 10px;
-}
-#trace_content .trace_config > ul {
-  background-color: #eee;
-  border: 1px solid #ccc;
-}
-#trace_content .trace_config > .trace_head {
-  background-color: #ccc;
-  color: #000;
-}
-#trace_content .trace_request > ul {
-  background-color: #afa;
-}
-#trace_content .trace_request > .trace_head {
-  background-color: #0c0;
-}
-#trace_content .trace_filter > ul {
-  background-color: #ccf;
-  border: 1px solid #00c;
-  border-top: none;
-}
-#trace_content .trace_filter > .trace_head {
-  background-color: #00c;
-  color: #fff;
-}
-#trace_content .trace_view > ul {
-  background-color: #cfc;
-  border: 1px solid #0c0;
-  border-top: none;
-}
-#trace_content .trace_view > .trace_head {
-  background-color: #0c0;
-  color: #000;
-}
-#trace_content .trace_action_neutral > ul {
-  background-color: #ffa;
-  border: 1px solid #fe0;
-}
-#trace_content .trace_action_neutral > .trace_head {
-  background-color: #fe0;
-  color: #000;
-}
-#trace_content .trace_action_success > ul {
-  background-color: #afa;
-  border: 1px solid #fe0;
-}
-#trace_content .trace_action_success > .trace_head {
-  background-color: #fe0;
-  color: #000;
-}
-#trace_content .trace_action_softfail > ul {
-  background-color: #faa;
-  border: 1px solid #fe0;
-}
-#trace_content .trace_action_softfail > .trace_head {
-  background-color: #fe0;
-  color: #000;
-}
-#trace_content .trace_sql {
-  background-color: #fff;
-  padding: 2px 4px;
-  margin-top: 8px;
-}
-#trace_content .trace_sql_time {
-  float: right;
-  font-weight: bold;
-}
-#trace_content .trace_error {
-  background-color: #faa;
-  color: #000;
-  font-weight: bold;
-  border: 1px solid #c00;
-}
-#trace_content .trace_exectime {
-  background-color: #ccc;
-  font-weight: bold;
-  border-radius: 2px;
-}
-#trace_content .time {
-  float: right;
-}
-#trace_content .total_duration {
-  font-weight: bold;
-}
diff -r d14462e2b38b -r 29cf02084694 static/lf3.less
--- a/static/lf3.less	Mon Feb 01 20:56:14 2021 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,1994 +0,0 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        font-size: 100%;
-        font: inherit;
-        vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-        display: block;
-}
-body {
-        line-height: 1;
-}
-ol, ul {
-        list-style: none;
-}
-blockquote, q {
-        quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-        content: '';
-        content: none;
-}
-table {
-        border-collapse: collapse;
-        border-spacing: 0;
-}
-
-/* end reset */
-
-
-/* color, fonts, gaps and border radius settings */
-
-@body-bg-color: #397ab6;
-@body-color: #fff;
-@footer-bg-color: #000;
-@footer-color: #fff;
-@page-bg-color: #ddd;
-@mobile-bg-color: #255078;
-@head-bg-color: #000;
-@head-color: #fff;
-@head-second-color: #0e0;
-@head-link-color: #fff;
-@main-bg-color: #fff;
-@main-color: #000;
-@main-second-color: #444;
-@main-event-color: #070;
-@main-negative-event-color: #a00;
-@main-head-bg-color: #fff;
-@main-head-color: #000;
-@main-link-color: #227;
-@main-seperator-color: #aaa;
-@main-highlight-bg-color: #e7f0ff;
-@main-supported-bg-color: #fa2;
-@main-satisfied-bg-color: #282;
-@sidebar-bg-color: #fff;
-@sidebar-color: #000;
-@sidebar-head-bg-color: @main-head-bg-color;
-@sidebar-head-color: @main-head-color;
-@sidebar-link-color: #227;
-@sidebar-hr-color: #777;
-@disabled-color: #777;
-@admitted-color: #0a0;
-@not-admitted-color: #a00;
-
-@delegation-bg-color: #fff;
-@delegation-color: #000;
-@delegation-active-border-color: #f80;
-
-@must-bg-color: #0c0;
-@must-color: #fff;
-@should-bg-color: #4a4;
-@should-color: #fff;
-@shouldnot-bg-color: #a44;
-@shouldnot-color: #fff;
-@mustnot-bg-color: #c00;
-@mustnot-color: #fff;
-
-@implemented-bg-color: #0c0;
-@implemented-color: #fff;
-@notimplemented-bg-color: #c00;
-@notimplemented-color: #fff;
-
-@font:  sans-serif;
-@size-normal: 10pt;
-@size-big: 12pt;
-@line-height: 125%;
-
-
-
-@logo-font:             bold @size-normal e('/') 100% @font;
-@instance-font:         normal @size-normal e('/') 100% @font;
-@mobile-logo-font:      bold @size-big e('/') @line-height @font;
-@mobile-instance-font:  normal @size-normal e('/') 100% @font;
-
-@title-font:            bold @size-big e('/') @line-height @font;
-
-@main-font:             normal @size-normal e('/') @line-height @font;
-@event-font:            bold @size-normal e('/') @line-height @font;
-
-@tabs-font:             normal @size-normal e('/') @line-height @font;
-@tabs-active-font:      bold @size-big e('/') @line-height @font;
-
-@filter-font:           normal @size-normal e('/') 150% @font;
-@filter-active-font:    bold @size-normal e('/') 150% @font;
-
-@subfilter-font:        @filter-font;
-@subfilter-active-font: @filter-active-font;
-
-@head1-font:            bold @size-big e('/') @line-height @font;
-@head2-font:            bold @size-big e('/') @line-height @font;
-@head3-font:            bold @size-normal e('/') @line-height @font;
-
-@btn-font:              bold @size-normal e('/') @line-height @font;
-
-@usertext-font:         normal @size-normal e('/') @line-height @font;
-@usertext-italic-font:  italic @size-normal e('/') @line-height @font;
-@usertext-bold-font:    normal @size-normal e('/') @line-height @font;
-
-
-
-@main-width: 70%;
-
-@pad: 9px;
-@grid: 12pt;
-
-@paragraph-margin: 1.5ex;
-
-@border-radius: 2px;
-@btn-border-radius: 5px;
-
-.list-style {
-  list-style: disc;
-  padding-left: 20px;
-}
-
-@micro-avatar-size: 24px;
-
-/*
- * basic font settings
- */
-
-html {
-  overflow-y: scroll;
-}
-
-body {
-  font: @main-font;
-  background-color: @body-bg-color;
-  //background-image: url( "back2.png" );
-  color: @main-color;
-  background-attachment: fixed;
-}
-
-.page {
-  background-color: #255078;
-  max-width: 1240px;
-  border-radius: 0 0 @border-radius @border-radius;
-  margin: 0 auto;
-  margin-bottom: 40px;
-}
-
-/*
- * messages
- */
-
-.slot_notice,
-.slot_warning,
-.slot_error {
-  font: @head1-font;
-  padding: @grid;
-}
-
-.slot_motd {
-  background-color: #ccc;
-  padding: @grid;
-}
-
-.slot_notice {
-  background-color: #0c0;
-  color: #fff;
-}
-
-.slot_warning {
-  background-color: #f80;
-  color: #000;
-}
-
-.slot_error {
-  background-color: #c00;
-  color: #fff;
-}
-
-/*
- * global styles
- */
-
-/* headlines */
-h1 {
-  font: @head1-font;
-  margin-bottom: 1ex;
-}
-
-h1:last-child {
-  margin-bottom: 0;
-}
-
-h2 {
-  font: @head2-font;
-}
-
-h3 {
-  font: @head3-font;
-}
-
-h1:first-child,
-h2:first-child,
-h3:first-child {
-  margin-top: 0;
-}
-
-.right {
-  float: right;
-}
-
-.left {
-  float: left;
-  margin-right: @pad;
-}
-
-/* paragraphs */
-p {
-  margin-bottom: @paragraph-margin;
-}
-
-p:last-child {
-  margin-bottom: 0;
-}
-
-/* lists */
-ul.ul {
-  margin-left: @pad;
-  margin-bottom: @paragraph-margin;
-  .list-style;
-  li {
-    margin: @pad/3 0;
-  }
-
-  li:last-child {
-    margin-bottom: 0;
-  }
-}
-
-ul.ul:last-child {
-  margin-bottom: 0;
-}
-
-
-/* tables */
-
-table {
-
-  td {
-  
-    padding: 0.3ex 0.3em;
-  
-  }
-
-}
-
-/* links */
-
-a {
-  color: @main-link-color;
-}
-  
-a.disabled {
-  color: @disabled-color;
-  cursor: default;
-}
-
-/* formulars */
-form.inline {
-  display: inline;
-  div {
-    display: inline;
-  }
-}
-
-img {
-  vertical-align: middle;
-}
-
-
-
-img.star {
-  width: 24px;
-  height: 24px;
-}
-
-img.icon16 {
-  width: 16px;
-  height: 16px;
-}
-
-img.icon24 {
-  width: 24px;
-  height: 24px;
-}
-img.icon32 {
-  width: 32px;
-  height: 32px;
-}
-img.icon48 {
-  width: 48px;
-  height: 48px;
-}
-
-  
-/*
- * Avatars
- */
-
-.microAvatar {
-  text-wrap: nowrap;
-}
-
-.microAvatar img,
-img.micro_avatar {
-  vertical-align: middle;
-  border-radius: 2px;
-  width: @micro-avatar-size;
-  height: @micro-avatar-size;
-}
-
-img.micro_avatar.highlighted {
-  margin: 0;
-  border: 2px solid @delegation-active-border-color;
-}
-
-
-/*
- * delegation info
- */
-
-.vote_info,
-.delegation_info {
-  white-space: nowrap;
-  float: right;
-  text-decoration: none;
-  img {
-    vertical-align: middle;
-  }
-  margin: -2px;
-}
-
-.delegation_info img {
-  border-radius: @border-radius;
-  margin: 2px;
-}
-
-.delegation_info.suspended {
-  opacity: 0.3;
-}
-
-.slot_title .delegation_info.suspended {
-  opacity: 1;
-}
-
-/*
- * generic attributes
- */
-
-.hide {
-  display: none;
-}
-.head_outer {
-  background-color: @head-bg-color;
-  color: @head-color;
-  overflow: auto;
-  margin: 0 auto;
-  max-width: 1240px;
-}
-.head {
-  padding: 0.3ex 0;
-  margin: 0 @grid;
-  a {
-    color: @head-link-color;
-  }
-  
-  /* 
-  * the logo and instance name
-  */
-  .logo {
-    display: block;
-    padding: @pad 0;
-    text-decoration: none;
-    font: @logo-font;
-      
-    .liquid {
-      color: @head-color;
-    }
-    
-    .feedback {
-      color: @head-second-color;
-    }
-    .instanceName {
-      font: @instance-font;
-      padding-top: @pad;
-    }
-  }
-  .logo:hover {
-    text-decoration: underline;
-  }
-    
-
-
-  .notifications {
-    margin-left: 0.6em;
-    text-decoration: none;
-  
-    .count {
-      background-color: #f00;
-      color: #000;
-      padding: 0.2ex 0.25em;
-      border-radius: 1ex;
-      vertical-align: top;
-    }
-    
-    .icon {
-      width: 24px;
-      height: 24px;
-    }
-  }
-  
-  /*
-  * navigation bar
-  */
-  .nav {
-    float: right;
-    padding-top: @pad - 3px;
-    
-    ul, > ul > li:first-child {
-      display: inline;
-    }
-    
-    input[name=q] {
-      width: 12em;
-      border-radius: @border-radius;
-      padding: 2px;
-      background-color: @head-bg-color;
-      color: @head-color;
-      border: 1px solid @body-bg-color;
-      margin-right: 0.6em;
-    }
-    input[name=q]:focus {
-      outline: 2px solid @body-bg-color;
-    }
-    
-    #member_menu a span {
-      margin-left: 5px;
-    }
-    
-  }
-
-}
-
-/*
- * title
- */
-.slot_title {
-  
-  padding-left: @grid;
-  padding-right: @grid;
-  font: @title-font;
-  color: @body-color;
-  padding-top: @grid;
-
-  a {
-    color: @body-color;
-    display: inline-block;
-  }
-  
-  a.home {
-    margin-right: 4px;
-  }
-  
-  a.delegation_info {
-    margin-right: 0;
-  }
-  
-  .initiative,
-  a .label {
-    display: none;
-  }
-  
-  .delegation_info {
-    background-color: @main-bg-color;
-    color: @main-color;
-    border-radius: @border-radius;
-    padding-right: 3px;
-    margin-bottom: @grid;
-    a {
-      color: @main-color;
-    }
-  }
-}
- 
-.content {
-  clear: both;
-  margin: 0 @grid;
-  margin-top: @grid;
-}
- 
-/*
- * the sidebar
- */
-
-.sidebar {
-  float: right;
-  width: 100% - @main-width;
-}
-
-.sidebarSection {
-  background-color: @sidebar-bg-color;
-  border-radius: @border-radius;
-  color: @sidebar-color;
-  margin-bottom: @grid;
-  padding: 0;
-    
-  .sidebarHead {
-    padding: @pad @pad @pad / 2 @pad;
-    background: @sidebar-head-bg-color;
-    color: @sidebar-head-color;
-    
-    a {
-      color: @sidebar-head-color;
-    }
-    min-height: 20px;
-    
-    .icon24 {
-      margin-top: -@pad/2.5;
-    }
-  }
-
-  .sidebarRow, .ui_filter_head, .ui_paginate_foot {
-    clear: right;
-    display: block;
-    padding: @pad/2 @pad;
-    min-height: 20px;
-  }
-
-  .sidebarRow {
-    border-top: 1px solid @main-seperator-color;
-  }
-  
-  .sidebarRow.highlighted {
-    background-color: @main-highlight-bg-color;
-  }
-
-  .sidebarRow.sidebarRowNarrow, .ui_filter_head, .ui_paginate_foot{
-    padding: @pad / 4 @pad;
-  }
-
-  .sidebarRow.moreLink {
-    min-height: 0;
-  }
-
-  a.sidebarRow {
-    text-decoration: none;
-    color: @sidebar-color;
-  }
-  
-  h1, h1 a, 
-  h2, h2 a,
-  h3, h3 a {
-    color: @sidebar-head-color;
-  }
-
-  a {
-    color: @sidebar-link-color;
-  }
-
-  .areas {
-    .whenfolded {
-      display: none;
-    }
-  }
-
-  .areas.folded {
-    .whenunfolded {
-      display: none;
-    }
-    .whenfolded {
-      display: block;
-    }
-    .disabled {
-      display: none;
-    }
-  }
-
-  
-  a.issue {
-    font: @head1-font;
-    color: @main-color;
-  }
-  
-  ul.initiatives {
-    li {
-      padding: @pad/2 @pad;
-      .bargraph {
-        display: block;
-      }
-      .supporterCount {
-        white-space: nowrap;
-      }
-      border-top: 1px solid @main-seperator-color;
-    }
-   .revoked .initiative_name {
-      text-decoration: line-through;
-    }
-    
-    .rank1 .initiative_name {
-      font-weight: bold;
-    }
-
-    li.highlighted {
-      background-color: @main-highlight-bg-color;
-    }
-    li.highlighted:last-child{
-      border-radius: 0 0 @border-radius @border-radius;
-    }
-  }
-
-  .supporters {
-    line-height: @micro-avatar-size * 1.2;
-  }
-
-  .supportCount {
-    color: #00c000;
-    font: @head1-font;
-    float: right;
-  }
-  
-  .member_list {
-    
-    .member_thumb {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    
-      img.member_image {
-        width: 24px;
-        height: 24px;
-        vertical-align: middle;
-        margin-right: 0.2em;
-      }
-      
-    }
-    
-    .member_thumb.in_delegation_chain {
-      font-weight: bold;
-    }
-  }
-  
-  
-  > div {
-    position: relative;
-  }
-  
-  > div:first-child {
-    margin-top: 0;
-    border-radius: @border-radius @border-radius 0 0;
-  }
-  
-  > div:last-child {
-    border-radius: 0 0 @border-radius @border-radius;
-  }
-  
-  > div:last-child:first-child {
-    border-radius: @border-radius;
-  }
-  
-  
-  a.unit {
-    font: @head2-font;
-  }
-
-  a.area {
-    margin-left: 20px;
-    display: block;
-  }
-  
-  .star {
-    float: left;
-  }
-  
-  .delegation_info {
-    margin-top: -@pad/2.5;
-    margin-bottom: 1px;
-  }
-}
-  
-.admitted_info h1 {
-  color: @admitted-color;
-}
-
-.not_admitted_info, .revoked_info {
-  h1 {
-    color: @not-admitted-color;
-  }
-}
-
-.admitted_info, 
-.not_admitted_info {
-  
-  .initiative_pie {
-    float: right;
-  }
-
-  table {
-    tr {
-      th {
-        text-align: left;
-      }
-      td {
-        text-align: right;
-        padding: 0.3ex 0.4em;
-      }
-    }
-  }
-}
-
-
-
-
-/*
- * main area
- */
-
-.main_outer {
-  width: @main-width;
-}
- 
- 
-.main {
-
-  clear: left;
-  margin-right: @grid;
-  border-radius: @border-radius;
-
-  .section {
-
-    .sectionHead, .sectionRow {
-      background-color: @main-bg-color;
-      overflow: auto;
-      padding: @pad;
-    }
-    
-    .sectionHead {
-      background-color: @main-head-bg-color;
-      color: @main-head-color;
-      margin-top: @grid;
-      border-radius: @border-radius @border-radius 0 0;
-    }
-    
-    .sectionHead:first-child {
-      margin-top: 0;
-    }
-    
-    .sectionHead:last-child {
-      border-radius: @border-radius;
-    }
-
-    
-    .sectionRow {
-      margin-top: 4px;
-    }
-
-    .sectionRow:last-child {
-      border-radius: 0 0 @border-radius @border-radius;
-      margin-bottom: @grid;
-    }
-    
-    
-  }
-  
-  .ui_tabs_links {
-  }
-  
-  > h1 {
-    border-bottom: 1px solid @main-seperator-color;
-    padding: @pad;
-  }
-  
-  /*
-   * tabs und filter
-   */
-
-  .ui_filter {
-    .ui_filter_head {
-      background: @main-head-bg-color;
-      color: @main-head-color;
-      padding: 0 @pad @pad @pad;
-      vertical-align: middle;
-      a {
-        white-space: nowrap;
-        font: @filter-font;
-        margin-right: 0.5em;
-      }
-      a.active {
-        font: @filter-active-font;
-        text-decoration: none;
-        color: @main-head-color;
-      }
-      select {
-        background: @main-bg-color;
-        color: @main-second-color;
-        font: @filter-font;
-        border: none;
-        padding: 0;
-        margin: 0;
-
-        option {
-          color: @main-color;
-        }
-        option:first-child,
-        option[value="interest_direct"],
-        option[value="interest_delegated"],
-        option[value="support_direct"],
-        option[value="support_delegated"],
-        option[value="potential_support_direct"],
-        option[value="potential_support_delegated"] {
-          color: @main-second-color;
-        }
-      }
-      select.active {
-        color: @main-color;
-      }
-    }
-    .ui_filter_head:first-child {
-      border-radius: @border-radius @border-radius 0 0;
-      padding-top: @pad;
-    }
-    .ui_filter_head.filter_filter {
-      padding-top: @pad;
-    }
-
-    .ui_filter_head.filter_mode {
-      padding-top: @pad;
-      margin-bottom: 0;
-      padding-bottom: 0;
-    }
-    .ui_filter_head.subfilter  {
-      a {
-        font: @subfilter-font;
-      }
-      a.active {
-        font: @subfilter-active-font;
-      }
-    }
-  }
-  
-  .filter {
-    float: right;
-  }
-
-  .delegation_info.suspended {
-    margin: 1ex -2px -2px -2px;
-  }
-
-
-  .issues {
-    .state_info {
-      font: @event-font;
-      color: @main-event-color;
-    }
-    .state_info.negative {
-      color: @main-negative-event-color;
-    }
-  }
-
-  ul.initiatives {
-    li {
-      margin-top: 1ex;
-      
-      .bargraph {
-        float: left;
-        margin-top: 5px;
-        margin-right: 0.5em;
-      }
-    
-      .initiative_name {
-        display: block;
-        margin-left: 110px;
-      }
-      
-      .rank1 .initiative_name {
-        margin-left: 0;
-        font-weight: bold;
-      }
-
-      .revoked .initiative_name {
-        text-decoration: line-through;
-      }
-
-    }
-    
-    li:first-child {
-      margin-top: 0;
-      clear: none;
-    }
-        
-  }
-  
-  .events .event ul.initiatives li .initiative_name {
-    margin-left: 0;
-  }
-    
-  .member_photo {
-    float: right;
-  }
-  
-  .member_thumb.in_delegation_chain {
-    font-weight: bold;
-  }
-
-  
-
-  /*
-   * initiative
-   */
-   
-   
-  .support {
-    color: #aaa; 
-    line-height: 80%;
-    float: right; 
-    width: 102px;
-  }
-
-  .initiativeInfo {
-    font-family: @main-font;
-    line-height: @micro-avatar-size;
-    overflow: auto;
-
-    .support {
-      margin-top: 1ex;
-      float: left;
-      width: auto;
-    }
-    
-    .mySupport {
-      line-height: 125%;
-      min-width: 12em;
-      text-align: right;
-    }
-    
-    .initiators {
-      margin-top: 1.5ex;
-      margin-bottom: -1ex;
-      float: left;
-    }
-    
-    .links {
-      margin-top: 1.5ex;
-      margin-bottom: -1ex;
-      float: right;
-      clear: right;
-    }
-    
-    .initiator_links {
-      clear: right;
-    }
-    
-  }
-  
-  .issueInfo {
-    .links {
-      margin-top: 1.5ex;
-      margin-bottom: -1ex;
-      float: right;
-      clear: both;
-    }
-  }
-  
-  .draft_updated_info {
-    color: @main-event-color;
-    
-    .info {
-      font: @head3-font;
-    }
-  }
-  
-  /* the draft */
-  .draft {
-    font: @usertext-font;
-    
-    ul {
-      margin-left: 1em;
-      margin-bottom: @paragraph-margin;
-      list-style: square;
-      padding-left: 1em;
-    }
-
-    ol {
-      margin-left: 1em;
-      margin-bottom: @paragraph-margin;
-      list-style: decimal;
-      padding-left: 1em;
-    }
-
-    h1 {
-      font: @usertext-italic-font;
-      font-size: 125%;
-      border-bottom: 1px solid @main-second-color;
-      margin-bottom: 1ex;
-    }
-
-    h2 {
-      font: @usertext-bold-font;
-      font-size: 125%;
-    }
-
-    h3 {
-      font: @usertext-font;
-      font-size: 125%;
-    }
-
-    h4 {
-      font: @usertext-bold-font;
-    }
-    
-    hr {
-      border: none;
-      border-top: 1px solid @main-color;
-    }
-    
-    b, strong {
-      font: @usertext-italic-font;
-    }
-    
-    i, em {
-      //font-style: italic;
-      font: @usertext-bold-font;
-    }
-  }
-  
-  form, .form {
-      margin: 0;
-      padding: 0;
-  
-    .ui_field_label {
-      display: inline-block;
-      width: 25%;
-      margin: 0;
-      padding: 0;
-      text-align: right;
-      margin-bottom: @pad;
-      padding-right: 0.5%;
-      vertical-align: top;
-      color: @main-second-color;
-    }
-    
-    input[type=text],
-    input[type=password],
-    select,
-    textarea {
-      vertical-align: top;
-      width: 73%;
-      margin: 0;
-      padding: 3px;
-      border: 1px solid @main-second-color;
-      font: @head3-font;
-      margin-bottom: @pad;
-    }
-    
-    input:focus {
-      outline: 2px solid @body-bg-color;
-    }
-
-
-    
-    .actions {
-      margin-left: 26%;
-    }
-  
-  }
-  
-  form.wide {
-    input[type=text],
-    input[type=password],
-    select,
-    textarea {
-      width: 100%;
-    }
-
-  }
-  
-}
-
-.issues, .events {
-  
-  .event {
-  
-    .initiative_pie {
-      clear: right;
-      float: right;
-    }
-  
-    ul.initiatives {
-  
-      .initiative_info_left {
-        display: inline;
-        margin-right: 0.5em;
-      }
-    
-      .initiative_info_right {
-        float: right;
-        
-        .bargraph {
-          float: right;
-          margin-left: 0.5em;
-        }
-      }
-      
-      .result {
-        color: @main-second-color;
-        margin-top: 0.5ex;
-      }
-      
-      h3 {
-        margin-top: 1ex;
-        margin-bottom: 0;
-      }
-    
-      a.initiative {
-        font: @head3-font;
-      }
-    }
-  
-    .event_info {
-      font: @event-font;
-      color: @main-event-color;
-      margin-top: 0.66ex;
-      margin-bottom: 1ex;
-    }
-    
-    .event_info:last-child {
-      margin-bottom: 0;
-    }
-
-    .event_info.negative {
-      color: @main-negative-event-color;
-    }
-
-    .event_time {
-      font: @main-font;
-      color: @main-second-color;
-    }
-  }
-  
-  .event:hover {
-    .event_time {
-      visibility: visible;
-    }
-    ul.initiatives {
-      div {
-        visibility: visible;
-      }
-    }
-  }
-  .issue_context {
-    line-height: 24px;
-    margin-bottom: 0.66ex;
-    .unit {
-      background-color: #777;
-      color: #fff;
-      padding: 1px 3px;
-      border-radius: @border-radius;
-      text-decoration: none;
-    }
-    .area {
-      background-color: #ddd;
-      color: #000;
-      padding: 1px 3px;
-      border-radius: @border-radius;
-      text-decoration: none;
-    }
-  }
-  .issue_info {
-    .issue {
-      font: @head3-font;
-      color: @main-color;
-    }
-  }
-  img.star {
-    vertical-align: middle;
-    float: right;
-    margin-left: 0.5em;
-  }
-  
-  .draft_preview {
-  }
-  
-  .event.suggestion {
-  
-    ul.initiatives li {
-    
-      margin-top: 0;
-      margin-bottom: 1ex;
-
-      a {
-    
-        font: @main-font;
-      }
-      
-    }
-    
-    .suggestion {
-    
-      font: @head3-font;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    
-  }
-  
-}
-
-.suggestions {
-  
-  .suggestion {
-  
-    .opinion {
-      float: right;
-      
-      .must {
-        background-color: @must-bg-color;
-        color: @must-color
-      }
-      .should {
-        background-color: @should-bg-color;
-        color: @should-color
-      }
-      .shouldnot {
-        background-color: @shouldnot-bg-color;
-        color: @shouldnot-color
-      }
-      .mustnot {
-        background-color: @mustnot-bg-color;
-        color: @mustnot-color
-      }
-      .implemented {
-        background-color: @implemented-bg-color;
-        color: @implemented-color
-      }
-      .notimplemented {
-        background-color: @notimplemented-bg-color;
-        color: @notimplemented-color
-      }
-      
-    }
-  
-    .suggestion-rating {
-      float: right;
-    }
-    .suggestion-text {
-      margin-top: @pad;
-      font: @usertext-font;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      position: relative;
-      z-index: 10;
-    }
-    
-    
-    .suggestion-details {
-      float: right;
-    }
-    
-    .suggestion-more {
-      display: none;
-    }
-    
-    .suggestion-less {
-      display: none;
-    }
-    
-    .suggestionHead {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-      
-    .rating {
-      display: none;
-        padding: @pad/2 0;
-      .active-plus2 {
-        background-color: @must-bg-color;;
-        color: @must-color;;
-      }
-      .active-plus1 {
-        background-color: @should-bg-color;
-        color: @should-color;
-      }
-      .active-minus1 {
-        background-color: @shouldnot-bg-color;
-        color: @shouldnot-color;
-      }
-      .active-minus2 {
-        background-color: @mustnot-bg-color;
-        color: @mustnot-color;
-      }
-      .active-notfulfilled {
-        background-color: #faa;
-      }
-      .active-fulfilled {
-        background-color: #afa;
-      }
-    }
-  }
-  
-  .suggestion.rateable {
-    .suggestion-more {
-      display: block;
-    }
-  }
-
-  .suggestion.rateable.unfolded {
-    .rating {
-      border-top: 3px solid @body-bg-color;
-    }
-  }
-  
-  .suggestion.folded {
-    .suggestion-text {
-      height: 150px;
-      overflow: hidden;
-    }
-    
-    .suggestion-more {
-      display: block;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      box-shadow: inset 0 -12ex 10ex -5ex #fff;
-      padding-top: 5ex;
-    }
-    
-    .suggestion-details {
-      position: absolute;
-      bottom: 0;
-      right: 0;
-    }
-
-  }
-  
-  .suggestion.unfolded {
-    .suggestion-more {
-      display: none;
-    }
-    .rating {
-      display: block;
-    }
-    .suggestion-less {
-      margin-top: 1ex;
-      display: block;
-    }
-  }
-  
-  .suggestion.highlighted {
-    background-color: @main-highlight-bg-color;
-    
-    .suggestion-more {
-      box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color;
-    }
-    
-  }
-
-}
-
-li.raw {
-  list-style: none;
-  padding: 0;
-  margin: 0 !important;
-}
-
-
-.satisfiedSupporterCount {
-  color: #070;
-}
-.potentialSupporterCount {
-  color: #960;
-}
-
-.bargraph {
-  display: inline-block;
-  vertical-align: top;
-  height: 9px;
-  
-  div {
-    margin: 0;
-    padding: 0;
-    display: inline-block;
-    height: 9px;
-  }
-  
-}
-
-.diff {
-  .diff_added {
-    background-color: #cfc;
-  }
-
-  .diff_removed {
-    text-decoration: line-through;
-    background-color: #fcc;
-  }
-}
-
-.btn, .ui_paginate_foot a {
-  text-decoration: none;
-  min-width: 2em;
-  text-align: center;
-  display: inline-block;
-  border-radius: @btn-border-radius;
-  border: none;
-  font: @btn-font;
-  background-color: #999;
-  color: #fff !important;
-  margin-bottom: 5px;
-}
-
-.btn {
-  padding: 1ex 1em;
-}
-
-
-
-.ui_paginate_foot a {
-  padding: 0.5ex 0.5em;
-  background-color: #eee;
-  color: 000 !important;
-}
-
-.ui_paginate_foot a.active {
-  background-color: #666;
-  color: #fff !important;
-}
-
-.btn-default {
-  background-color: #47a;
-  color: #fff !important;
-}
-
-.btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus {
-  background-color: #0a0;
-  color: #fff !important;
-  cursor: pointer;
-}
-
-.btn-dangerous:hover {
-  background-color: #c00;
-  color: #fff !important;
-}
-
-.btn-link {
-  font: @main-font;
-  background-color: @main-bg-color;
-  color: @main-link-color;
-  border: none;
-  padding: 0;
-  margin: 0;
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-/*************************************************************************
- * Voting
- */
-
-.main .section #voting_form .sectionRow:last-child {
-  border-radius: 0;
-  margin-bottom: 0;
-}
-
-#voting {
-  background: #ddd;
-  padding: @pad;
-  margin-top: 4px;
-  position: relative;
-  margin-bottom: 2ex;
-  
-  .approval, 
-  .abstention, 
-  .disapproval {
-    border: 2px black solid;
-    margin-bottom: 2ex;
-    padding: 1ex;
-    padding-bottom: 2ex;
-    border-radius: @border-radius;
-  }
-  
-  .disapproval {
-    margin-bottom: 2ex;
-  }
-
-  .approval {
-    background-color: #9f9;
-  
-    .movable {
-      background-color: #dfd;
-    }
-  }
-  
-  .abstention {
-    background-color: #ccc;
-
-    .movable {
-      background-color: #f2f2f2;
-    }
-  }
-  
-  .disapproval {
-    background-color: #f88;
-  
-    .movable {
-      background-color: #fbb;
-    }
-  }
-  
-  .movable {
-    position: relative;
-    border: 1px black solid;
-    margin-top: 1ex;
-    padding: 0.5ex;
-    border-radius: @border-radius;
-  }
-  
-  .voting_form_active {
-    .movable {
-      cursor: pointer;
-      vertical-align: middle;
-      cursor: move;
-    }
-
-    .clickable {
-      cursor: auto;
-    }
-
-    a.clickable {
-      cursor: pointer;
-    }
-  }
-}
-
-
-/*
- * footer
- */
-
-.footer {
-  text-align: center;
-  color: @footer-color;
-  background-color: @footer-bg-color;
-  padding: @pad 0;
-  border: 1px solid #000;
-  border-top: none;
-  
-  a {
-    color: @body-color;
-  }
-}
-
-
-.ui_paginate_head {
-  display: none;
-}
-
-.ui_paginate_foot {
-  line-height: 180%;
-}
-
-
-.swiper_tabs {
-  display: none;
-}
-
-#swiper_info {
-  display: none;
-}
-
-.nav .searchLink {
-  display: none;
-}
-
-
-@media (max-width: 767px) {
-
-html {
-
-  body {
-    margin: 0;
-    background: @mobile-bg-color;
-
-    .head {
-      margin: @grid/2;
-      padding: 0;
-      
-      .logo {
-        display: block;
-        padding: 0;
-        
-        .liquid, .feedback {
-          font: @mobile-logo-font;
-        }
-        
-        .instanceName {
-          font: @mobile-instance-font;
-          display: block;
-          margin-left: 0;
-        }
-      }
-      .nav {
-        padding: 0;
-      }
-    }
-
-    .initiativeInfo h1 {
-      display: none;
-    }
-    
-    .slot_title {
-
-      font: @head2-font;
-      padding: 0;
-      margin: 0 @grid/2;
-
-      .spacer {
-        display: none;
-      }
-      
-      .unit, .area, .issue, .initiative, .member {
-        display: block;
-        margin-right: 0;
-        padding: 4px 0;
-        border-radius: @border-radius;
-        overflow: auto;
-      }
-      
-      .unit:before, .area:before, .issue:before, .initiative:before, .member:before {
-        content: "↳";
-        position: relative;
-        top: -2px;
-      }
-      
-      .area {
-        margin-left: 10px;
-      }
-      .issue {
-        margin-left: 10px * 2;
-      }
-      .initiative {
-        margin-left: 10px * 3;
-      }
-      
-      a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child {
-        margin-bottom: @grid/2;
-      }
-      
-      .unit, .initiative, .issue, .area {
-        a {
-          margin-bottom: 0;
-          display: inline;
-        }
-      }
-      
-      a.home {
-        display: none;
-      }
-      
-      .weight {
-        float: right;
-        margin: 0;
-      }
-
-      .delegation_info {
-        float: right;
-        display: block;
-        margin-top: -10px;
-      }
-      a .label {
-        display: inline;
-      }
-      .star {
-        float: right;
-        margin-left: 0.5em;
-        margin-top: -@pad/2;
-        margin-bottom: -@pad/2;
-      }
-    }
-    
-    .slot_title > span > *:last-child {
-      font: @head1-font;
-    }
-
-        
-    .page {
-      background: none;
-      margin: 0;
-      box-shadow: none;
-    }
-    
-    .nav #member_menu .text {
-      display: none;
-    }
-    
-    .nav form.search {
-      display: none;
-    }
-
-    .nav .notifications,
-    .nav .searchLink,
-    .nav #member_menu a {
-      vertical-align: middle;
-      display: inline-block;
-      height: 48px;
-      min-width: 35px;
-      text-align: center;
-      background-color: #000;
-      border: 1px solid #777;
-      border-radius: @border-radius;
-      img {
-        margin: 0;
-        width: 48px;
-        height: 48px;
-      }
-      margin: 0;
-    }
-    
-    .nav .notifications {
-      padding: 12px 2px;
-      height: 24px;
-    }
-
-    .nav #member_menu a :last-child {
-      display: none;
-    }
-    
-    .notifications span {
-      margin-left: -5px;
-    }
-
-    .swiper_tabs {
-      clear: both;
-      display: block;
-      overflow: auto;
-      margin: @grid/2;
-
-      div {
-        display: block;
-        float: left;
-        width: 33.333%;
-        
-        a {
-          padding: 8px 0;
-          display: block;
-          text-align: center;
-          background-color: #eee;
-        }
-        
-        a.active {
-          background-color: #abe;
-        }
-      }
-      div:first-child a {
-        border-radius: @border-radius 0 0 @border-radius;
-      }
-
-      div:last-child a {
-        border-radius: 0 @border-radius @border-radius 0;
-      }
-    }
-
-    #swiper_info.active {
-      display: block;
-      font: @head3-font;
-      z-index: 1;
-      text-align: center;
-      width: 100%;
-      background-color: @mobile-bg-color;
-      color: @body-color;
-    }
-    
-    .sidebarSection {
-      margin: 0 @grid/2 @grid/2 @grid/2;
-    }
-
-    .main, .extra > .section {
-      clear: none;
-      float: none;
-      width: auto;
-      margin: 0 @grid/2 @grid/2 @grid/2;
-      .section .sectionRow:last-child {
-        margin-bottom: @grid/2;
-      }
-
-    }
-    
-    .ui_filter_head.filter_mode {
-      float: none !important;
-      background: @main-bg-color !important;
-      text-align: left !important;
-      border-radius: @border-radius;
-      margin-bottom: @grid/2 !important;
-    }
-    
-    .member_photo {
-      text-align: center;
-      margin-bottom: 2ex;
-      .member_image_photo {
-        max-width: 600px;
-      }
-    }
-
-    #trace_content {
-      margin: @grid/2 0;
-      border-radius: 0;
-    
-      ul {
-        li {
-          .trace_head {
-            padding: 6px 5px;
-          }
-        }
-        ul {
-          padding: 5px 2px;
-        }
-      }
-    }
-    
-  }
-} }
-
-.textCenter {
-  text-align: center;
-}
-
-a.initiative {
-  text-decoration: none;
-  border-bottom: 1px solid #66c;
-}
-
-a.initiative:hover {
-  border-bottom: 1px solid #007;
-}
-
-
-
-#trace_content {
-  margin: @grid;
-  padding: @pad;
-  border-radius: @border-radius;
-  background-color: @main-bg-color;
-
-  #system_error {
-    font-family: monospace;
-  }
-  
-  ul {
-    li {
-      margin-top: 10px;
-      .trace_head {
-        padding: 3px 5px;
-        border-radius: @border-radius @border-radius 0 0;
-      }
-      .trace_head:last-child {
-        border-radius: @border-radius;
-      }
-      ul {
-        border-radius: 0 0 @border-radius @border-radius;
-      }
-    }
-    li:first-child {
-      margin-top: 0;
-    }
-    ul {
-      padding: 10px;
-      }
-  }
-  
-  .trace_config > ul {
-    background-color: #eee;
-    border: 1px solid #ccc;
-  }
-  .trace_config > .trace_head {
-    background-color: #ccc;
-    color: #000;
-  }
-  .trace_request > ul {
-    background-color: #afa;
-  }
-  .trace_request > .trace_head {
-    background-color: #0c0;
-  }
-  .trace_filter > ul {
-    background-color: #ccf;
-    border: 1px solid #00c;
-    border-top: none;
-  }
-  .trace_filter > .trace_head {
-    background-color: #00c;
-    color: #fff;
-  }
-  .trace_view > ul {
-    background-color: #cfc;
-    border: 1px solid #0c0;
-    border-top: none;
-  }
-  .trace_view > .trace_head {
-    background-color: #0c0;
-    color: #000;
-  }
-  .trace_action_neutral > ul {
-    background-color: #ffa;
-    border: 1px solid #fe0;
-  }
-  .trace_action_neutral > .trace_head {
-    background-color: #fe0;
-    color: #000;
-  }
-  .trace_action_success > ul {
-    background-color: #afa;
-    border: 1px solid #fe0;
-  }
-  .trace_action_success > .trace_head {
-    background-color: #fe0;
-    color: #000;
-  }
-  .trace_action_softfail > ul {
-    background-color: #faa;
-    border: 1px solid #fe0;
-  }
-  .trace_action_softfail > .trace_head {
-    background-color: #fe0;
-    color: #000;
-  }
-  .trace_sql {
-    background-color: #fff;
-    padding: 2px 4px;
-    margin-top: 8px;
-  }
-  .trace_sql_time {
-    float: right;
-    font-weight: bold;
-  }
-  .trace_error {
-    background-color: #faa;
-    color: #000;
-    font-weight: bold;
-    border: 1px solid #c00;
-  }
-  .trace_exectime {
-    background-color: #ccc;
-    font-weight: bold;
-    border-radius: @border-radius;
-  }
-  
-  .time {
-    float: right;
-  }
-  
-  .total_duration {
-    font-weight: bold;
-  }
-    
-}
\ No newline at end of file
diff -r d14462e2b38b -r 29cf02084694 static/lf4.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/lf4.css	Mon Feb 01 20:59:35 2021 +0100
@@ -0,0 +1,734 @@
+@font-face {
+  font-family: "Roboto";
+  src: url("font/Roboto-Regular.ttf");
+}
+@font-face {
+  font-family: "Roboto Bold";
+  src: url("font/Roboto-Bold.ttf");
+}
+@font-face {
+  font-family: "Roboto Slab";
+  src: url("font/RobotoSlab-Regular.ttf");
+}
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url("font/material.woff2") format('woff2');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}
+.material-icons.icon-green {
+  color: #4CAF50;
+}
+.material-icons.icon-yellow {
+  color: #FFEB3B;
+}
+.material-icons.icon-red {
+  color: #F44336;
+}
+.mapboxgl-popup-content {
+  max-width: 200px;
+}
+body {
+  font-family: "Roboto";
+  background: #fff;
+}
+strong {
+  font-family: "Roboto Bold";
+}
+.slot_error {
+  margin: 20px 20px 0 20px;
+  background: #fed;
+  padding: 20px;
+}
+.slot_notice {
+  margin: 20px 20px 0 20px;
+  background: #efd;
+  padding: 20px;
+}
+h1 {
+  font-size: 24px;
+  margin-bottom: 0px;
+}
+
+.mdl-layout__container {
+  max-width: 1600px;
+  height: auto;
+  background: #f7f7f7;
+}
+.mdl-layout__header-row {
+  padding-left: 20px !important;
+  padding-right: 10px !important;
+}
+.mdl-layout__content {
+  flex-shrink: 0;
+  width: 100%;
+}
+#lf-member-menu {
+  cursor: pointer;
+}
+.notifications {
+  display: block;
+  text-align: center;
+}
+.page-content {
+  xdisplay: flex;
+  width: 100%;
+}
+.map, .ui_field_location {
+  border: none;
+  width: 100%;
+  height: auto;
+  max-height: 80vh;
+  position: relative;
+  border-radius: 2px;
+}
+.map:before {
+  content: "";
+  display: block;
+  padding-top: 100%;
+}
+.map iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+}
+.axto-logo {
+  width: 100%;
+}
+.mdl-card__title-text a.issue {
+  font-size: 18px;
+  line-height: 20px;
+}
+.mdl-list__item .initiative_name {
+  font-size: 18px;
+  line-height: normal;
+}
+.initiatives.mdl-list  {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding-bottom: 0px;
+}
+.initiatives .mdl-list__item--three-line {
+  min-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.mdl-data-table__fullwidth {
+  width: 100%;
+}
+.mdl-textfield__fullwidth {
+  width: 100%;
+}
+
+.mdl-card {
+  min-height: 20px;
+  overflow: visible;
+  display: block;
+  margin-bottom: 16px;
+  border-radius: 5px;
+}
+
+.mdl-card__title {
+  border-radius: 5px 5px 0 0;
+}
+
+.mdl-card__fullwidth {
+  width: 100%;
+}
+.mdl-card__title {
+  display: block;
+}
+.mdl-card__title > h2,
+.mdl-card__title > a {
+  display: inline-block;
+  vertical-align: top;
+}
+.mdl-card__subtitle-text {
+  display: block;
+}
+.mdl-card__content {
+  font-size: 1rem;
+  padding: 16px;
+}
+.mdl-card__content.mdl-card--no-bottom-pad {
+  padding-bottom: 0;
+}
+.mdl-card__actions.mdl-card--action-border,
+.mdl-card__content.mdl-card--border {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.mdl-card__actions.mdl-card--notice,
+.mdl-card__content.mdl-card--notice {
+  background: #fff9c4;
+}
+.mdl-card--has-fab {
+  position: relative;
+}
+.mdl-special-card {
+  background: #fff;
+  margin-bottom: 16px;
+  border-radius: 5px;
+}
+
+.mdl-navigation__head {
+  font-family: "Roboto Bold";
+}
+.mdl-list__item--three-line {
+  height: auto;
+  min-height: 88px;
+}
+.mdl-list__item--three-line .mdl-list__item-primary-content {
+  height: auto;
+  min-height: 52px;
+}
+.mdl-chip {
+  vertical-align: middle;
+}
+.mdl-chip.clickable {
+  cursor: pointer;
+}
+.mdl-menu {
+  z-index: -9999;
+}
+.mdl-card {
+  z-index: auto !important;
+}
+.mdl-menu__item {
+  padding: 0;
+}
+.mdl-menu__link {
+  display: block;
+  padding: 0 16px;
+  min-height: 48px;
+  text-decoration: none;
+  color: #444;
+}
+.mdl-tabs__tab-bar {
+  justify-content: flex-start;
+}
+.mdl-tabs__tab.is-active {
+color: rgba(0,0,0, 0.87);
+}
+.mdl-data-table--condensed tbody tr {
+  height: 24px;
+}
+.mdl-data-table--condensed td {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 24px;
+}
+.mdl-button--underlined {
+  text-decoration: underline;
+}
+.right {
+  text-align: right;
+}
+.mdl-tabs__left {
+  display: inline-block;
+  width: auto;
+}
+.float-left {
+  float: left;
+}
+.float-right {
+  float: right;
+}
+.clear-left {
+  clear: left;
+}
+.clear-right {
+  clear: right;
+}
+.float-right .mdl-menu__container {
+  margin-right: 20px;
+}
+.inline {
+  display: inline-block;
+}
+.warning {
+  background-color: #fff9c4;
+  color: #212121;
+  padding: 16px;
+  border-radius: 2px;
+}
+.toolbar a {
+  color: #000;
+  display: inline-block;
+  border: 1px solid #ccc;
+  position: relative;
+}
+
+.toolbar a.wysihtml-command-active {
+  background: #000;
+  color: #fff;
+
+}
+
+.toolbar a span.crossed {
+  position: absolute;
+  top: 0;
+  left: 8px;
+  font-weight: bold;
+  font-size: 200%;
+  line-height: 80%;
+}
+.toolbar a span.head_level {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+textarea {
+  font-family: sans-serif;
+  font-weight: normal !important;
+  width: 100%;
+  height: 40ex;
+}
+.bargraph {
+  display: inline-block;
+  vertical-align: top;
+  height: 9px;
+}
+
+.bargraph div {
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+  height: 9px;
+}
+.draft {
+  font-family: 'Roboto Slab';
+  font-weight: 300;
+  overflow: auto;
+  clear: left;
+}
+.draft img {
+  float: right;
+  margin-left: 1em;
+}
+
+.draft .landscape img {
+  width: 50%;
+}
+
+.draft .portrait img {
+  width: 33.333%;
+}
+.member_weight {
+  background: #070;
+  color: #fff;
+  border-radius: 8px;
+  padding: 0 3px;
+}
+.card-issue {
+  background: rgb(76,175,80);
+}
+.card-issue a {
+  color: #fff;
+}
+@media (max-width: 960px) {
+  .draft img {
+    float: none;
+    margin-left: 0;
+  }
+  .draft a.portrait,
+  .draft a.landscape {
+    width: 100%;
+    display: block;
+    text-align: center;
+    margin-bottom: 2ex;
+  }
+  .draft .landscape img {
+    width: 100%;
+  }
+  .draft .portrait img {
+    width: 66.666%;
+  }
+}
+
+.draft h1 {
+  font-size: 150%;
+  margin-bottom: 0;
+}
+.draft h2 {
+  font-size: 133%;
+  margin-bottom: 0;
+}
+.draft h3 {
+  font-size: 125%;
+  margin-bottom: 0;
+}
+.draft > a:first-child + h1,
+.draft > h1:first-child,
+.draft > h2:first-child,
+.draft > h3:first-child {
+  margin-top: 0;
+}
+@media (max-width: 960px) {
+  .draft > a:first-child + h1 {
+    margin-top: 20px;
+  }
+}
+
+.folded {
+  position: relative;
+}
+.folded .suggestion-content {
+  max-height: 180px;
+  overflow: hidden;
+  position: relative;
+}
+.folded .suggestion-content:before {
+  content: "";
+  width: 100%;
+  height: 25%;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+background: linear-gradient(rgba(0,0,0,0), #fff);
+}
+.suggestion-less,
+.suggestion-more {
+  display: none;
+}
+.folded .suggestion-more,
+.unfolded .suggestion-less {
+  display: inline-block;
+}
+
+.diff .diff_removed {
+  text-decoration: line-through;
+  background: #f00;
+}
+
+.diff .diff_added {
+  text-decoration: underline;
+  background: #0f0;
+}
+
+.material-icons {
+  vertical-align: middle;
+}
+.material-icons-small {
+  font-size: 18px;
+}
+
+a.mdl-layout-title {
+  color: #fff;
+  text-decoration: none;
+}
+
+.what-can-i-do-here .mdl-card__content {
+  font-size: 18px;
+}
+
+.what-can-i-do-here .mdl-card__content ul {
+  font-size: 1rem;
+}
+
+.what-can-i-do-here ul {
+  margin-top: 0.5em;
+  margin-bottom: 0;
+  padding-left: 1.5em
+}
+
+
+
+.lf-filter .mdl-button {
+  padding-right: 4px;
+}
+
+.phase-current {
+  font-family: "Roboto Bold";
+}
+
+.phase-info {
+  padding-left: 27px;
+  margin-bottom: 1ex;
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.slot_title {
+  margin-left: 16px;
+  margin-top: 16px;
+  font-size: 18px;
+}
+
+.slot_title > a,
+.slot_title > span {
+  display: inline-block;
+  padding: 0 4px 0 0;
+  
+}
+
+.slot_title a.home {
+  margin: 0;
+}
+
+.home i {
+  font-size: 32px;
+}
+
+/* fix missing contrast */
+.mdl-list__item--three-line .mdl-list__item-text-body,
+.mdl-card__supporting-text,
+.mdl-card__subtitle-text {
+  color: rgba(0,0,0, 0.75);
+}
+   
+.mdl-textfield__label {
+  color: rgba(0,0,0, 0.5);    
+}
+
+.mdl-list__item--three-line .mdl-list__item-text-body {
+  height: auto;
+  padding-bottom: 10px;
+}
+
+select {  
+  font-family: 'Roboto','Helvetica','Arial',sans-serif;
+  background-color: transparent;
+  padding: 5px 0;
+  border: none;
+  border-bottom: 1px solid rgba(0,0,0, 0.12);
+  font-size: 1rem;
+}
+
+
+.initiative_list .mdl-list__item {
+  display: block;
+}
+.initiative_list .mdl-list__item-avatar {
+  float: left;
+  margin-right: 8px;
+}
+.initiative_list .mdl-list__item-avatar i {
+  padding-left: 8px;
+}
+.initiative_list .mdl-list__item-avatar.positive {
+  background: #4caf50;
+}
+.initiative_list .mdl-list__item-avatar.positive i {
+  padding-top: 8px;
+  vertical-align: top;
+}
+.initiative_list .mdl-list__item-avatar.negative {
+  background: #f44336;
+}
+.initiative_list .mdl-list__item-avatar.negative i {
+  padding-top: 10px;
+  vertical-align: top;
+}
+
+.initiative_pie {
+  float: left;
+  margin-right: 15px;
+  margin-bottom: 15px;
+}
+
+.initiative .result {
+  font-family: "Roboto Bold";
+}
+
+.admitted_info, .not_admitted_info {
+  margin-left: 15px;
+}
+
+.admitted_info table th,
+.not_admitted_info table th {
+  text-align: left;
+  padding-right: 10px;
+}
+
+.admitted_info table td,
+.not_admitted_info table td {
+  text-align: right;
+  padding-right: 5px;
+}
+
+.admitted
+
+.event_info i {
+  font-size: 18px;
+  color: #444;
+  margin-right: 4px;
+}
+
+.ui_list_row label.mdl-radio {
+  display: inline;
+}
+
+.member_image_photo {
+  margin-top: 2ex;
+  margin-bottom: 2ex;
+}
+
+.contextlinks {
+  color: #fff;
+  xfont-size: 14px;
+  xmargin-bottom: 5px;
+}
+    
+/*************************************************************************
+ * Voting
+ */
+.main .section #voting_form .sectionRow:last-child {
+  border-radius: 0;
+  margin-bottom: 0;
+}
+#voting {
+  margin-top: 3ex;
+  position: relative;
+  margin-bottom: 2ex;
+}
+#voting .approval,
+#voting .abstention,
+#voting .disapproval {
+  border: 1px #ccc solid;
+  margin-bottom: 3ex;
+  padding: 1ex;
+  padding-bottom: 1ex;
+  border-radius: 2px;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+#voting .movable {
+  cursor: pointer;
+}
+#voting .disapproval {
+  margin-bottom: 2ex;
+}
+#voting .approval {
+  background-color: #9f9;
+}
+#voting .approval .movable {
+  background-color: #dfd;
+}
+#voting .abstention {
+  background-color: #eee;
+}
+#voting .abstention .movable {
+  background-color: #fff;
+}
+#voting .disapproval {
+  background-color: #f88;
+}
+#voting .disapproval .movable {
+  background-color: #fbb;
+}
+#voting .movable {
+  position: relative;
+  border: 1px black solid;
+  margin-top: 1ex;
+  padding: 0;
+  border-radius: 2px;
+  min-height: 64px;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+#voting .initiative_name {
+  display: inline-block;
+  margin: 5px;
+  font-family: "Roboto Bold";
+}
+
+#voting .voting_form_active .movable {
+  cursor: pointer;
+  vertical-align: middle;
+  cursor: move;
+}
+#voting .voting_form_active .clickable {
+  cursor: auto;
+}
+#voting .voting_form_active a.clickable {
+  cursor: pointer;
+}
+
+div.form .ui_field_label {
+  text-transform: uppercase;
+  font-size: 80%;
+}
+div.form .member_photo .member_image.member_image_photo {
+  margin-top: 0;
+}
+
+.trace_list {
+  margin-left: 10px;
+  list-style-type: none;
+  padding: 0;
+  line-height: 120%;
+}
+
+.trace_list .trace_list {
+  padding-left: 10px;
+  border-left: 1px solid #999;
+}
+
+.trace_list .trace_head {
+  margin-top: 10px;
+  padding: 3px 5px 3px 5px;
+  font-weight: 700;
+}
+
+.trace_list li {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.trace_list .trace_filter .trace_head {
+  background: #acf;
+  color: #000;
+}
+
+.trace_list .trace_request .trace_head,
+.trace_list .trace_view .trace_head {
+  background: #000;
+  color: #fff;
+}
+
+.trace_list .trace_config .trace_head,
+.trace_list .trace_view .trace_view .trace_head {
+  background: #ccc;
+  color: #000;
+}
+
+.trace_list .trace_head .time {
+  float: right;
+  font-weight: 500;
+  font-size: 90%;
+  line-height: 100%;
+  margin-top: 5px;
+}
+
+.trace_list .trace_sql {
+  color: #050;
+}
+
+.trace_list .trace_sql_time {
+  background: #070;
+  color: #fff;
+  padding: 0px 3px;
+  border-radius: 5px;
+}
+
+
diff -r d14462e2b38b -r 29cf02084694 static/style.css
--- a/static/style.css	Mon Feb 01 20:56:14 2021 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,1533 +0,0 @@
-
-/* Style reset */
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1, h2, h3, h4, h5, h6,
-p, a, img,
-form, label, legend,
-table, tbody, tfoot, thead, tr, th,td {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  font-weight: inherit;
-  font-style: inherit;
-  font-size: 100%;
-  font-family: inherit;
-  vertical-align: baseline;
-}
-body {
-  line-height: 1;
-  color: black;
-  background: white;
-}
-li {
-  line-height: 133%;
-}
-p {
-  margin-top: 2ex;
-  margin-bottom: 2ex;
-}
-a {
-  text-decoration: underline;
-}
-table {
-  border-collapse: separate;
-  border-spacing: 0;
-}
-caption, th, td {
-  text-align: left;
-  font-weight: normal;
-}
-a:focus {
-  outline: 1px solid #f90;
-}
-/*************************************************************************
- * Some global definitions 
- */
-
-body {
-  background: #f8f8f9;
-  background-image: url("back.png");
-  line-height: 120%:
-}
-
-body, th, td {
-  font-family: sans-serif;
-  font-size: 10pt;
-  padding: 0;
-  margin: 0;
-}
-
-table.striped tr:nth-child(even) td {
-  background-color: #ddd;
-}
-table.striped td, table.striped label {
-  vertical-align: middle;
-}
-table.striped label {
-  vertical-align: top;
-}
-
-.page,
-.topbar_content {
-  max-width: 1130px;
-  margin: 0 auto;
-}
-
-body, a {
-  color: #000;
-}
-
-img {
-  border: none;
-}
-
-table {
-  border-collapse: collapse;
-  border: none;
-}
-
-td, th {
-  padding: 0.5ex 0.5em 0.5ex 0em;
-}
-
-td {
-  vertical-align: top;
-}
-
-th {
-  vertical-align: bottom;
-  font-weight: bold;
-}
-
-a.active {
-  color: #fff; 
-}
-
-.revoked {
-  text-decoration: line-through;
-}
-
-.highlighted {
-  background-color: #fa7;
-  color: #000;
-}
-
-.admin_only {
-  font-style: italic;
-}
-
-h1 {
-  font-size: 150%;
-}
-
-h2 {
-  font-size: 125%;
-}
-
-.inline {
-  display: inline;
-}
-
-input[type=submit] {
-  border-radius: 4px;
-}
-
-.btn-default {
-  
-}
-
-/*************************************************************************
- * Notices, warnings and errors
- */
-
-.layout_notice, .layout_error, .layout_warning {
-  background: #fff;
-  font-weight: bold;
-  line-height: 1.7em;
-  -moz-opacity:0.7;
-}
-
-.slot_notice, .slot_warning, .slot_error {
-  padding-left: 1em;
-}
-
-.slot_notice {
-  background-color: #cfc;
-  color: #040;
-}
-
-.slot_warning {
-  background-color: #fec;
-  color: #420;
-}
-
-.slot_error {
-  background-color: #fcc;
-  color: #400;
-}
-
-/*************************************************************************
- * Navigation, search and language chooser bar 
- */
-
-.topbar {
-  background: -webkit-linear-gradient(top, #777, #000);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
-  background: -moz-linear-gradient(#777, #000);
-  background: -ms-linear-gradient(#777, #000);
-  background: -o-linear-gradient(#777, #000);
-  background: linear-gradient(#777, #000);
-  background-color: #333;
-  box-shadow: #aaa 0 0 5px;
-  -mox-box-shadow: #aaa 0 0 5px;
-  -webkit-box-shadow: #aaa 0 0 5px;
-  border-top: 1px solid #333;
-  line-height: 35px;
-  padding-top: 5px;
-  font-size: 115%;
-}
-
-.logo_liquidfeedback {
-  font-weight: bold;
-  margin-left: 15px;
-}
-
-.topbar .instance_name,
-.topbar a {
-  line-height: 30px;
-  color: #f7f7f7;
-}
-
-.topbar a:hover, 
-.topbar a:hover .logo_liquidfeedback,
-.topbar a:focus, 
-.topbar a:focus .logo_liquidfeedback {
-  color: #f90;
-}
-
-.navigation {
-  line-height: 200%;
-}
-
-.topbar img {
-  margin-right: 0.5em;
-  vertical-align: middle;
-}
-
-.topbar a {
-  padding: 0 0.5em;
-  float: left;
-  display: block;
-  white-space: nowrap;
-}
-
-form.unit_selector {
-  display: inline;
-}
-
-.topbar .navigation_right {
-  float: right;
-  padding-right: 1%;
-}
-
-.topbar ul {
-  list-style-type: none;
-}
-
-
-#member_menu {
- z-index: 2;
-}
-
-#member_menu li {
- float: left;
-}
-
-#member_menu li:hover {
- position: relative;
- z-index: 4;
- cursor: default;
-}
-
-#member_menu {
-  margin: 0;
-  padding: 0;
-  width: 200px;
-}
-
-#member_menu > li {
-  width: 200px;
-}
-
-#member_menu li a {
-  float: right;
-}
-  
-#member_menu ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  display: none;
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 3;
-  width: 200px;
-  border-radius: 0 0 8px 8px;
-  background: #000;
-}
-
-#member_menu ul li {
-  float: none;
-}
-
-#member_menu ul li a {
-  float: none;
-  background: #000;
-  font-size: 80%;
-}
-
-#member_menu ul ul {
-  top: 1px;
-  right: 1px;
-}
-
-#member_menu li:hover ul {
-  display: block;
-}
-
-#member_menu li li a {
-  background: #000;
-  border-radius: 5px;
-  color: #fff;
-}
-
-#member_menu ul li:hover a {
-  background: #000;
-  color: #f90;
-}
-
-*/
-/*************************************************************************
- * Title of current page including path and actions
- */
-
-.slot_title {
-  font-size: 115%;
-  font-weight: bold;
-  margin-left: 10px;
-  margin-right: 10px;
-  margin-top: 1ex;
-}
-
-.slot_head {
-  background-color: #fff;
-  margin: 0px 1% 2ex 1%;
-  border: 1px solid #555;
-  border-top: none;
-  border-radius: 0 0 8px 8px;
-}
-
-
-.member_thumb,
-.member_statement,
-.suggestion_content,
-.slot_head,
-.area_list,
-.initiative_head,
-.issues .issue,
-.ui_tabs_links a,
-.ui_filter a,
-.help,
-.use_terms,
-.motd,
-.vote_info .content,
-.box,
-div.notifications {
-  background-color: #fff;
-  box-shadow: #ccc 2px 2px 4px;
-  -mox-box-shadow: #ccc 2px 2px 4px;
-  -webkit-box-shadow: #ccc 2px 2px 4px;
-}
-
-.slot_head > div:last-child {
-  border-radius: 0 0 8px 8px;
-}
-
-.page_head .title,
-.issue .context,
-.initiative_head .title {
-  padding: 8px 10px 2px 10px;
-}
-
-.initiative_head .draft_version {
-  font-weight: bold;
-}
-
-.initiative_head a.title {
-  display: block;
-}
-
-.area_list .title {
-  padding: 8px 10px 0px 10px;
-}
-
-.issue .title {
-  clear: left;
-  padding: 10px 10px 0px 10px;
-}
-
-.events .issue .title {
-  padding: 10px 10px 15px 10px;
-}
-
-.page_head .actions,
-.page_head .unit_head .content,
-.page_head .area_head .content,
-.issue .content,
-.initiative_head .content,
-.area_list .unit_head .content,
-.area_list .area .content {
-  padding: 5px 10px 5px 10px;
-  line-height: 120%;
-}
-
-.initiative_head {
-  margin-bottom: 2ex;
-}
-
-.page_head .actions:last-child,
-.page_head .unit_head .content:last-child,
-.page_head .area_head .content:last-child,
-.issue .content:last-child,
-.initiative_head .content:last-child,
-.area_list .unit_head .content:last-child,
-.area_list .area .content:last-child {
-  padding: 5px 10px 7px 10px;
-}
-
-.page_head .initiative_list,
-.issue .initiative_list {
-  padding-left: 8px;
-}
-
-.issue .content.actions {
-  margin-bottom: 1ex;
-}
-
-.area_head {
-  overflow: auto;
-}
-
-
-.page_head .title,
-.issue .title,
-.initiative_head .title,
-.area_list .unit_head .unit_name,
-.area_list .area_name {
-  font-weight: bold;
-  font-size: 115%;
-}
-
-.page_head .area_head .content,
-.page_head .area_head .content a,
-.page_head .issue .content.actions,
-.page_head .issue .content.actions a,
-.issues .issue .content.actions,
-.issues .issue .content.actions a,
-.area_list .area .content,
-.area_list .area .content a {
-  color: #000;
-}
-
-
-.unit_head {
-  background: -webkit-linear-gradient(top, #67d, #23a);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67d), color-stop(100%,#23a));
-  background: -moz-linear-gradient(#67d, #23a);
-  background: -ms-linear-gradient(#67d, #23a);
-  background: -o-linear-gradient(#67d, #23a);
-  background: linear-gradient(#67d, #23a);
-  background-color: #44a;
-  color: #f0f0f0;
-}
-
-.unit_head:last-child {
-  border-radius: 0 0 8px 8px;
-}
-
-.area_head:last-child {
-  border-radius: 0 0 8px 8px;
-}
-
-.unit_head .content, .unit_head a {
-  color: #f7f7f7;
-}
-.area_head,
-.area_list .area_head {
-  background: -webkit-linear-gradient(top, #cdf, #abe);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf), color-stop(100%,#abe));
-  background: -moz-linear-gradient(#cdf, #abe);
-  background: -ms-linear-gradient(#cdf, #abe);
-  background: -o-linear-gradient(#cdf, #abe);
-  background: linear-gradient(#cdf, #abe);
-  background-color: #abf;
-}
-
-.area_list .area > .content,
-.issue {
-  background: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7faff), color-stop(100%,#e0e9ff));
-  background: -moz-linear-gradient(#f7faff, #e0e9ff);
-  background: -ms-linear-gradient(#f7faff, #e0e9ff);
-  background: -o-linear-gradient(#f7faff, #e0e9ff);
-  background: linear-gradient(#f7faff, #e0e9ff);
-  background-color: #e0e9ff;
-}
-
-.unit_link, .area_link {
-  float: left;
-  margin-top: 5px;
-  padding: 0px 5px;
-  border-radius: 5px;
-  line-height: 170%;
-  margin-right: 8px;
-}
-
-table .unit_link,
-table .area_link {
-    margin-top: 1px;
-}
-
-.unit_link {
-  background-color: #44a;
-  color: #fff;
-}
-
-.area_link {
-  background-color: #abf;
-  color: #000;
-}
-
-.delegation_info {
-  float: right;
-  text-decoration: none;
-  padding: 5px;
-  border-radius: 0px 5px 0px 5px;
-}
-
-.delegation_arrow {
-  vertical-align: middle;
-}
-
-.delegation_info .link {
-  text-decoration: underline;
-  color: #aaa;
-}
-
-a.delegation_info:hover,
-a.delegation_info:focus {
-  background-color: #ddd;
-}
-
-.delegation_info .micro_avatar {
-  border: none;
-  margin: 2px;
-  box-shadow: 1px 1px 2px #000;
-}
-
-.delegation_info .micro_avatar.highlighted {
-  margin: 0;
-  border: 2px solid #f90;
-}
-
-
-.member_list .member_image_avatar {
-  float: left;
-  margin-right: 0.5em;
-}
-
-.micro_avatar {
-  height: 24px;
-  border-radius: 4px;
-  vertical-align: middle;
-}
-
-.logo { 
-  float: right;
-  margin-right: 1%;
-}
-
-
-.member_image_photo {
-  border-radius: 8px;
-}
-
-/*************************************************************************
- * Main content
- */
-
-.main {
-  margin-left: 1%;
-  margin-right: 1%;
-}
-
-/*************************************************************************
- * ui.tab
- */
-.ui_tabs_links {
-  margin: 20px 0px 10px -2px;
-  line-height: 300%;
-}
-
-.ui_tabs_links a {
-  padding: 7px 10px;
-  background: -webkit-linear-gradient(top, #777, #000);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
-  background: -moz-linear-gradient(#777, #000);
-  background: -ms-linear-gradient(#777, #000);
-  background: -o-linear-gradient(#777, #000);
-  background: linear-gradient(#777, #000);
-  background-color: #444;
-  color: #f7f7f7;
-  white-space: nowrap;
-  border-radius: 8px;
-  font-size: 115%;
-  font-weight: bold;
-  margin: 2px;
-  margin-right: 4px;
-}
-
-.ui_tabs_links a:hover,
-.ui_tabs_links a:focus,
-.ui_tabs_links a.selected {
-  margin: 0;
-  margin-right: 2px;
-  border: 2px solid #f90;
-  box-shadow: 0px 0px 3px 1px #f90;
-}
-
-.ui_tabs_links a.selected {
-  text-decoration: none;
-}
-
-
-/*************************************************************************
- * ui.filters
- */
-
-.ui_filter {
-  overflow: auto;
-  margin-top: 15px;
-}
-
-.ui_filter_head {
-  color: #777;
-  line-height: 200%;
-  padding-bottom: 8px;
-  margin-bottom: 6px;
-  border-bottom: 1px solid #888;
-}
-
-.ui_filter_head:last-child {
-  border-bottom: none;
-}
-
-.ui_filter a {
-  font-weight: bold;
-  margin-right: 0;
-  background-color: #fff;
-  padding: 0.5ex 0.5em;
-  border-radius: 5px;
-  border: 1px solid #bbb;
-}
-
-.ui_filter_head a.active {
-  border: 1px solid #666;
-  text-decoration: none;
-  background: -webkit-linear-gradient(top, #666, #222);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%,#222));
-  background: -moz-linear-gradient(#666, #222);
-  background: -ms-linear-gradient(#666, #222);
-  background: -o-linear-gradient(#666, #222);
-  background: linear-gradient(#666, #222);
-  background-color: #444;
-  color: #fff;
-}
-
-/*************************************************************************
- * ui.paginate
- */
-
-.ui_paginate_head {
-  display: none;
-  margin-bottom: 1ex;
-}
-
-.ui_paginate_foot {
-  margin-top: 1ex;
-  margin-bottom: 4ex;
-}
-
-.initiative_head .ui_paginate_foot {
-  margin-bottom: 1ex;
-}
-
-.ui_paginate_select a {
-  padding: 0.5em;
-  border-radius: 4px;
-  line-height: 250%;
-  background: #eee;
-}
-
-.ui_paginate_select a.active {
-  background: #444;
-}
-
-
-/*************************************************************************
- * ui.bargraph
- */
-
-.bargraph {
-  width: 103px;
-}
-
-.bargraph50 {
-  width: 52px;
-}
-
-.bargraph div {
-  float: left;
-  margin-top: 0.5ex;
-  height: 1.3ex;
-}
-
-.bargraph .quorum {
-  margin-top: 0.2ex;
-  height: 1.9ex;
-}
-
-/*************************************************************************
- * notifications
- */
-
-div.notifications {
-  margin-top: 20px;
-  background: -webkit-linear-gradient(top, #fec, #fc9);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec), color-stop(100%,#fc9));
-  background: -moz-linear-gradient(#fec, #fc9);
-  background: -ms-linear-gradient(#fec, #fc9);
-  background: -o-linear-gradient(#fec, #fc9);
-  background: linear-gradient(#fec, #fc9);
-  background-color: #fda;
-  padding: 0.5ex;
-  border: 1px solid #777;
-}
-
-.notifications ul {
-  margin: 0;
-  padding: 0;
-  margin-left: 2em;
-}
-  
-.notifications li {
-  margin: 0;
-  padding: 0;
-  margin-top: 0.5ex;
-}
-
-/*************************************************************************
- * vertical ui.form
- */
-
-.vertical {
-  margin-top: 2ex;
-}
-
-.login input[type=text],
-.vertical input[type=text],
-.login input[type=password],
-.vertical input[type=password],
-.vertical textarea,
-#voting_form textarea,
-.vertical select {
-  font-family: sans-serif;
-  font-size: 100%;
-  width: 68%;
-  border: 1px solid #444;
-  padding: 0.2ex 0.2em 0.2ex 0.2em;
-  margin-bottom: 1ex;
-}
-
-.login input[type=password],
-.vertical input[type=password] {
-  width: 16em;
-}
-
-.vertical select {
-  padding-right: 0;
-}
-
-#voting_form .ui_field_label,
-.login .ui_field_label,
-.vertical .ui_field_label {
-  line-height: 180%;
-  font-weight: bold;
-  color: #777;
-  width: 29%;
-  display: block;
-  float: left;
-  clear: left;
-  text-align: right;
-  padding-right: 0.5em;
-}
-
-.ui_field_label.label_right {
-  text-align: left;
-  width: auto;
-}
-
-.login input[type=text],
-.login input[type=password] {
-  width: 10em;
-}
-
-.login div,
-.vertical div {
-  clear: left;
-}
-
-.vertical span {
-  line-height: 180%;
-  display: block;
-  margin-bottom: 0.5ex;
-}
-
-.vertical span:after {
-  content: " ";
-}
-
-.vertical span span {
-  display: inline;
-  margin-bottom: 0;
-}
-
-.vertical .actions {
-  margin-left: 33%;
-}
-
-
-#voting_form input[type=submit],
-.login input[type=submit],
-.vertical input[type=submit] {
-  font-size: 100%;
-  margin-left: 29%;
-  background-color: #444444;
-  color: #fff;
-  border: none;
-  padding: 0.75ex;
-}
-
-#voting_form input[type=submit] {
-  margin-left: 0;
-}
-
-
-.login input[type=submit]:hover,
-.vertical input[type=submit]:hover,
-.login input[type=submit]:focus,
-.vertical input[type=submit]:focus {
-  background-color: #444444;
-}
-
-@media screen and (max-width: 480px) {
-  .login input[type=text],
-  .vertical input[type=text],
-  .login input[type=password],
-  .vertical input[type=password],
-  .vertical textarea,
-  .vertical select,
-  .vertical input[type=submit],
-  .login input[type=submit] {
-    width: 98%;
-  }
-  .login .ui_field_label,
-  .vertical .ui_field_label {
-    text-align: left;
-    width: 98%;
-  }
-  .login input[type=text],
-  .login input[type=password] {
-    width: 98%;
-  }
-  .login input[type=submit],
-  .vertical input[type=submit] {
-    margin-left: 0;
-  }
-}
-
-
-/*************************************************************************
- * Positive / Negtive votes
- */
-
-
-.positive_votes span {
-  display: inline;
-}
-
-.positive_votes {
-  display: inline;
-  background-color: #cfc;
-  padding: 0.3ex 0.5em 0.3ex 0.5em;
-}
-
-.negative_votes span {
-  display: inline;
-}
-
-.negative_votes {
-  display: inline;
-  background-color: #fcc;
-  padding: 0.3ex 0.5em 0.3ex 0.5em;
-}
-
-.suggestion_my_opinion a,
-.suggestion_my_opinion span {
-  white-space: nowrap;
-  padding-left: 0.2ex !important;
-  padding-right: 0.2ex !important;
-}
-
-.active {
-  background-color: #444;
-  color: #fff;
-}
-
-.active_red2 { background-color: #a00; color: #fff !important; }
-.active_red1 { background-color: #f88; color: #000 !important; }
-.active_green1 { background-color: #8f8; color: #000 !important; }
-.active_green2 { background-color: #0a0; color: #000 !important; }
-
-
-
-/*************************************************************************
- * Unit list
- */
-
-.unit_list a {
-  font-weight: bold;
-}
-
-/*************************************************************************
- * Area list
- */
-.area_list {
-  border: 1px solid #444;
-  border-radius: 10px;
-  margin-top: 2ex;
-}
-
-.area_list .area {
-  border-top: 1px solid #777;
-}
-
-.area_list .area:first-child {
-  border-top: none;
-}
-
-.area_list .unit_head {
-  border-radius: 8px 8px 0 0;
-}
-
-.area_list .unit_head:last-child {
-  border-radius: 8px;
-}
-
-.area_list .area:last-child .content:last-child{
-  border-radius: 0 0 8px 8px;
-}
-
-.area_list .area:first-child .area_head {
-  border-radius: 8px 8px 0 0;
-}
-
-/*************************************************************************
- * Issues
- */
-
-.issues {
-  clear: left;
-  margin-top: 2ex;
-}
-
-.issues .issue {
-  overflow: hidden;
-  border: 1px solid #777;
-  border-radius: 8px;
-  margin-bottom: 4ex;
-}
-
-.issue.interested,
-.issue.interest_by_delegation {
-  border: 1px solid #b2cdff;
-}
-
-.issue .suggestion {
-  margin-bottom: 1ex;
-  font-weight: bold;
-}
-
-.event_info {
-  margin-top: 8px;
-  clear: left;
-  float: left;
-  line-height: 125%;
-  width: 240px;
-  display: inline;
-  padding: 5px 8px;
-  background: -webkit-linear-gradient(top, #888, #222);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
-  background: -moz-linear-gradient(#888, #222);
-  background: -ms-linear-gradient(#888, #222);
-  background: -o-linear-gradient(#888, #222);
-  background: linear-gradient(#888, #222);
-  background-color: #444;
-  color: #fff;
-  font-style: italic;
-  border-radius: 8px 0 0 8px;
-}
-
-.event_info a {
-  color: #fff;
-}
-
-.events .issue {
-  min-height: 15ex;
-  border: 1px solid #777;
-}
-
-.event_info .event_name,
-.issue_policy_info .event_name {
-  font-weight: bold;
-}
-
-.more_events_links {
-  margin-left: 255px;
-  padding: 1ex;
-  background: -webkit-linear-gradient(top, #888, #222);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
-  background: -moz-linear-gradient(#888, #222);
-  background: -ms-linear-gradient(#888, #222);
-  background: -o-linear-gradient(#888, #222);
-  background: linear-gradient(#888, #222);
-  background-color: #444;
-  color: #fff;
-  border-radius: 8px;
-  font-weight: bold;
-}
-
-@media screen and (max-width: 720px) {
-  .event_info {
-    width: auto;
-    margin-left: 8px;
-    margin-right: 8px;
-    border-radius: 8px 8px 0 0;
-  }
-  .events .issue {
-    clear: left;    
-  }
-  .more_events_links {
-    margin-left: 0px;
-  }
-
-}
-
-@media screen and (max-width: 480px) {
-  .events .initiative .name {
-    clear: left;
-    margin-left: 0px;
-  }
-}
-
-
-
-.issue_policy_info img {
-  vertical-align: middle;
-}
-
-.issue .interest_by_delegation {
-  float: right;
-}
-
-.issue .initiative_list a.highlighted {
-  font-weight: bold;
-}
-
-.initiative {
-  margin-left: 1ex;
-  margin-bottom: 1ex;
-  line-height: 50%;
-}
-
-.initiative .bar {
-  margin-right: 0.3em;
-}
-
-.initiative .rank,
-.initiative .bar,
-.initiative .interest {
-  float: left; 
-  margin-right: 0.3em;
-}
-
-.initiative .rank {
-  width: 2.5em;
-}
-
-
-.initiative .interest {
-  width: 20px;
-  height: 16px;
-  line-height: 100%;
-}
-
-.initiative .name {
-  line-height: 130%;
-  margin-left: 168px;
-  font-size: 115%;
-}
-
-.initiative.selected .name {
-  font-weight: bold;
-  xfont-style: italic;
-}
-
-.initiative.polling .name,
-.initiative_head.polling .title {
-  font-style: italic;
-}
-
-@media screen and (max-width: 480px) {
-  .initiative .name {
-    clear: left;
-    margin-left: 0px;
-  }
-}
-
-
-.issue_initiative_list a {
-  font-weight: bold;
-}
-
-.more_initiatives_link {
-  display: block;
-  margin-left: 166px;
-  font-style: italic;
-  margin-bottom: 1ex;
-}
-
-.issue tr tr {
-  border: none;
-  background: none;
-}
-
-.initiative_link.selected {
-  font-weight: bold;
-}
-
-x.initiative_link.supported {
-  background-color: #cdf;
-  border-radius: 5px;
-}
-
-x.initiative_link.potentially_supported {
-  background-color: #cdf;
-  border-radius: 5px;
-}
-
-.lang_chooser {
-  float: right;
-  margin-right: 0.5em;
-}
-
-.delegation_list_entry {
-  margin-right: 2em;
-  margin-bottom: 2ex;
-  float: left;
-  clear: left;
-}
-
-.delegation_list_entry .delegation_arrow {
-  float: left;
-}
-
-.delegation_list_entry .delegation_scope {
-  float: left;
-  width: 25em;
-}
-
-.delegation_list_entry .delegation_scope a {
-  display: block;
-}
-
-.member_list .member_thumb {
-  float: left;
-  margin-right: 10px;
-  margin-bottom: 10px;
-}
-
-.member_thumb {
-  text-decoration: none;
-  width: 205px;
-  height: 48px;
-  display: block;
-  float: left;
-  background-color: #fff;
-  overflow: hidden;
-  position: relative;
-  border-radius: 8px;
-  padding: 2px;
-  border: 1px solid #aaa;
-}
-
-.member_thumb a:hover div {
-  background-color: #444;
-  color: #fff;
-}
-
-.member_thumb img {
-  padding: 0;
-  margin: 0;
-  vertical-align: bottom;
-  border-radius: 7px;
-}
-
-.member_thumb .member_name {
-  position: absolute;
-  left: 56px;
-  top: 2ex;
-  font-size: 100%;
-  width: 14em;
-}
-
-.member_thumb .flags {
-  float: right;
-}
-
-.member_thumb .flags a,
-.member_thumb .flags img {
-  position: static;
-  float: right;
-  margin-left: 0.5em;
-}
-
-.member_thumb .flags .in_delegation_chain {
-  font-weight: bold;
-}
-
-.member .right {
-  float: right;
-}
-
-.member_thumb.not_accepted,
-.member_thumb.not_informed {
-  border: 1px solid #ccc;
-  color: #777;
-}
-
-.member_thumb.not_accepted .member_image,
-.member_thumb.not_accepted .member_name,
-.member_thumb.not_informed .member_image,
-.member_thumb.not_informed .member_name {
-  opacity: 0.4;
-}
-
-.member_thumb.in_delegation_chain {
-  background-color: #fda;
-}
-
-
-#suggestion_description {
-  height: 15ex;
-}
-
-.diff {
-  background-color: #f2f2f2;
-  border: 1px solid #ccc;
-  padding: 1ex;
-}
-
-.diff_added {
-  background-color: #cfc;
-  text-decoration: underline;
-}
-
-.diff_removed {
-  background-color: #fcc;
-  text-decoration: line-through;
-}
-
-.admitted_info,
-.not_admitted_info,
-.revoked_info,
-.draft_updated_info,
-.initiator_invite_info {
-  padding: 1ex;
-}
-
-.admitted_info {
-  background-color: #afc;
-}
-
-.not_admitted_info,
-.revoked_info {
-  background-color: #fbb;
-}
-
-.draft_updated_info,
-.initiator_invite_info {
-  background-color: #fda;
-}
-
-.motd,
-.public_access_issue_head {
-  background-color: #fda;
-  padding: 1ex;
-  margin-top: 1ex;
-  margin-bottom: 2ex;
-}
-
-.suggestion_fulfilled {
-  width: 15em;
-}
-.suggestion_fulfilled a.action {
-  padding-left: 0;
-  line-height: 120%;
-}
-
-.help,
-.use_terms {
-  border-radius: 8px;
-  border: 1px solid #ffe900;
-  background-color: #fffbce;
-  color: #000;
-  padding: 1ex;
-}
-
-.help_visible {
-  margin-top: 2ex;
-  margin-bottom: 1ex;
-}
-
-.help_visible .help_icon {
-  float: right;
-}
-
-.slot_help_hidden {
-  float: left;
-  margin-top: 1ex;
-}
-
-.help_actions {
-  float: right;
-}
-
-.help_actions a {
-  margin-right: 1em;
-  color: #468;
-}
-
-.wiki {
-  line-height: 150%;
-}
-
-.wiki h1,
-.wiki h2,
-.wiki h3,
-.wiki h4 {
-  margin-top: 1ex;
-  margin-bottom: 1ex;
-}
-
-.wiki h1 {
-  font-size: 133%;
-  font-weight: bold;
-}
-
-.wiki h2 {
-  font-size: 115%;
-  font-weight: bold;
-}
-
-.wiki h3 {
-  font-size: 115%;
-}
-
-.wiki h4 {
-  font-size: 100%;
-  font-weight: bold;
-}
-
-.wiki p {
-  margin-top: 1ex;
-  margin-bottom: 1ex;
-}
-
-form .warning {
-  background-color: #ffd;
-  color: #000;
-  border: 1px solid #dda;
-  margin: 1ex;
-  margin-bottom: 2ex;
-  padding: 1ex;
-}
-
-a.not_voted {
-  display: block;
-  background-color: #fec;
-  color: #000;
-}
-
-.action_active {
-  background-color: #fec;
-}
-
-.heading {
-  display: block;
-  font-size: 115%;
-  font-weight: bold;
-  margin-bottom: 10px;
-  text-decoration: none;
-}
-
-.heading.first {
-  margin-top: 0;
-}
-
-.menu_list li {
-  padding-top: 1ex;
-  padding-bottom: 1ex;
-}
-
-.deactivated_member_info {
-  background-color: #a00;
-  color: #fff;
-}
-
-/*************************************************************************
- * Voting
- */
-
-#voting_form {
-  margin-top: 20px;
-}
-
-#voting {
-  position: relative;
-}
-
-#voting .approval, .abstention, .disapproval {
-  border: 2px black solid;
-  margin-top:   2ex;
-  margin-bottom: 5ex;
-  padding: 1ex;
-  padding-bottom: 2ex;
-  border-radius: 8px;
-}
-#voting .approval {
-  background-color: #9f9;
-}
-#voting .approval .movable {
-  background-color: #dfd;
-}
-#voting .abstention {
-  background-color: #ccc;
-}
-#voting .abstention .movable {
-  background-color: #f2f2f2;
-}
-#voting .disapproval {
-  background-color: #f88;
-}
-#voting .disapproval .movable {
-  background-color: #fbb;
-}
-#voting .cathead {
-  font-weight: bold;
-}
-#voting .movable {
-  position: relative;
-  border: 1px black solid;
-  margin-top: 1ex;
-  padding: 0.5ex;
-  border-radius: 8px;
-}
-#voting .voting_form_active .movable {
-  cursor: pointer;
-}
-#voting .voting_form_active .clickable {
-  cursor: auto;
-}
-#voting .voting_form_active a.clickable {
-  cursor: pointer;
-}
-
-#voting .movable {
-  vertical-align: middle;
-  cursor: move;
-}
-
-/* shadows */
-
-.member_statement,
-.suggestion_content,
-.initiative_head,
-.box,
-div.notifications {
-  border-radius: 8px;
-}
-
-.member_statement,
-.suggestion_content,
-.initiative_head,
-.box {
-  border: 1px solid #777;
-}
-
-.member_statement,
-.draft_content,
-.suggestion_content,
-.box {
-  padding: 0 12px;
-}
-
-.suggestion_content,
-.member_statement,
-.draft_content {
-  border-left: 12px solid #777;
-}
-
-.slot_footer {
-  margin: 0 1%;
-  border-top: 1px solid #ccc;
-  padding: 1ex;
-  text-align: center;
-}
-.slot_footer,
-.slot_footer a {
-  color: #666;
-}
-
-.footer {
-  margin: 0 auto;
-  max-width: 1130px;
-}