bsw@1045: html, body, div, span, applet, object, iframe,
bsw@1045: h1, h2, h3, h4, h5, h6, p, blockquote, pre,
bsw@1045: a, abbr, acronym, address, big, cite, code,
bsw@1045: del, dfn, em, img, ins, kbd, q, s, samp,
bsw@1045: small, strike, strong, sub, sup, tt, var,
bsw@1045: b, u, i, center,
bsw@1045: dl, dt, dd, ol, ul, li,
bsw@1045: fieldset, form, label, legend,
bsw@1045: table, caption, tbody, tfoot, thead, tr, th, td,
bsw@1045: article, aside, canvas, details, embed, 
bsw@1045: figure, figcaption, footer, header, hgroup, 
bsw@1045: menu, nav, output, ruby, section, summary,
bsw@1045: time, mark, audio, video {
bsw@1045:         margin: 0;
bsw@1045:         padding: 0;
bsw@1045:         border: 0;
bsw@1045:         font-size: 100%;
bsw@1045:         font: inherit;
bsw@1045:         vertical-align: baseline;
bsw@1045: }
bsw@1045: /* HTML5 display-role reset for older browsers */
bsw@1045: article, aside, details, figcaption, figure, 
bsw@1045: footer, header, hgroup, menu, nav, section {
bsw@1045:         display: block;
bsw@1045: }
bsw@1045: body {
bsw@1045:         line-height: 1;
bsw@1045: }
bsw@1045: ol, ul {
bsw@1045:         list-style: none;
bsw@1045: }
bsw@1045: blockquote, q {
bsw@1045:         quotes: none;
bsw@1045: }
bsw@1045: blockquote:before, blockquote:after,
bsw@1045: q:before, q:after {
bsw@1045:         content: '';
bsw@1045:         content: none;
bsw@1045: }
bsw@1045: table {
bsw@1045:         border-collapse: collapse;
bsw@1045:         border-spacing: 0;
bsw@1045: }
bsw@1045: 
bsw@1045: /* end reset */
bsw@1045: 
bsw@1045: 
bsw@1045: /* color, fonts, gaps and border radius settings */
bsw@1045: 
bsw@1045: @body-bg-color: #397ab6;
bsw@1045: @body-color: #fff;
bsw@1045: @footer-bg-color: #000;
bsw@1045: @footer-color: #fff;
bsw@1045: @page-bg-color: #ddd;
bsw@1045: @mobile-bg-color: #255078;
bsw@1045: @head-bg-color: #000;
bsw@1045: @head-color: #fff;
bsw@1045: @head-second-color: #0e0;
bsw@1045: @head-link-color: #fff;
bsw@1045: @main-bg-color: #fff;
bsw@1045: @main-color: #000;
bsw@1045: @main-second-color: #444;
bsw@1045: @main-event-color: #070;
bsw@1045: @main-negative-event-color: #a00;
bsw@1045: @main-head-bg-color: #fff;
bsw@1045: @main-head-color: #000;
bsw@1045: @main-link-color: #227;
bsw@1045: @main-seperator-color: #aaa;
bsw@1045: @main-highlight-bg-color: #e7f0ff;
bsw@1045: @main-supported-bg-color: #fa2;
bsw@1045: @main-satisfied-bg-color: #282;
bsw@1045: @sidebar-bg-color: #fff;
bsw@1045: @sidebar-color: #000;
bsw@1045: @sidebar-head-bg-color: @main-head-bg-color;
bsw@1045: @sidebar-head-color: @main-head-color;
bsw@1045: @sidebar-link-color: #227;
bsw@1045: @sidebar-hr-color: #777;
bsw@1045: @disabled-color: #777;
bsw@1045: @admitted-color: #0a0;
bsw@1045: @not-admitted-color: #a00;
bsw@1045: 
bsw@1045: @delegation-bg-color: #fff;
bsw@1045: @delegation-color: #000;
bsw@1045: @delegation-active-border-color: #f80;
bsw@1045: 
bsw@1045: @must-bg-color: #0c0;
bsw@1045: @must-color: #fff;
bsw@1045: @should-bg-color: #4a4;
bsw@1045: @should-color: #fff;
bsw@1045: @shouldnot-bg-color: #a44;
bsw@1045: @shouldnot-color: #fff;
bsw@1045: @mustnot-bg-color: #c00;
bsw@1045: @mustnot-color: #fff;
bsw@1045: 
bsw@1045: @implemented-bg-color: #0c0;
bsw@1045: @implemented-color: #fff;
bsw@1045: @notimplemented-bg-color: #c00;
bsw@1045: @notimplemented-color: #fff;
bsw@1045: 
bsw@1045: @font:  sans-serif;
bsw@1045: @size-normal: 10pt;
bsw@1045: @size-big: 12pt;
bsw@1045: @line-height: 125%;
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: @logo-font:             bold @size-normal e('/') 100% @font;
bsw@1045: @instance-font:         normal @size-normal e('/') 100% @font;
bsw@1045: @mobile-logo-font:      bold @size-big e('/') @line-height @font;
bsw@1045: @mobile-instance-font:  normal @size-normal e('/') 100% @font;
bsw@1045: 
bsw@1045: @title-font:            bold @size-big e('/') @line-height @font;
bsw@1045: 
bsw@1045: @main-font:             normal @size-normal e('/') @line-height @font;
bsw@1045: @event-font:            bold @size-normal e('/') @line-height @font;
bsw@1045: 
bsw@1045: @tabs-font:             normal @size-normal e('/') @line-height @font;
bsw@1045: @tabs-active-font:      bold @size-big e('/') @line-height @font;
bsw@1045: 
bsw@1045: @filter-font:           normal @size-normal e('/') 150% @font;
bsw@1045: @filter-active-font:    bold @size-normal e('/') 150% @font;
bsw@1045: 
bsw@1045: @subfilter-font:        @filter-font;
bsw@1045: @subfilter-active-font: @filter-active-font;
bsw@1045: 
bsw@1045: @head1-font:            bold @size-big e('/') @line-height @font;
bsw@1097: @head2-font:            bold @size-big e('/') @line-height @font;
bsw@1045: @head3-font:            bold @size-normal e('/') @line-height @font;
bsw@1045: 
bsw@1045: @btn-font:              bold @size-normal e('/') @line-height @font;
bsw@1045: 
bsw@1045: @usertext-font:         normal @size-normal e('/') @line-height @font;
bsw@1045: @usertext-italic-font:  italic @size-normal e('/') @line-height @font;
bsw@1045: @usertext-bold-font:    normal @size-normal e('/') @line-height @font;
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: @main-width: 70%;
bsw@1045: 
bsw@1045: @pad: 9px;
bsw@1045: @grid: 12pt;
bsw@1045: 
bsw@1045: @paragraph-margin: 1.5ex;
bsw@1045: 
bsw@1045: @border-radius: 2px;
bsw@1045: @btn-border-radius: 5px;
bsw@1045: 
bsw@1045: .list-style {
bsw@1045:   list-style: disc;
bsw@1045:   padding-left: 20px;
bsw@1045: }
bsw@1045: 
bsw@1045: @micro-avatar-size: 24px;
bsw@1045: 
bsw@1045: /*
bsw@1045:  * basic font settings
bsw@1045:  */
bsw@1045: 
bsw@1045: html {
bsw@1045:   overflow-y: scroll;
bsw@1045: }
bsw@1045: 
bsw@1045: body {
bsw@1045:   font: @main-font;
bsw@1045:   background-color: @body-bg-color;
bsw@1045:   //background-image: url( "back2.png" );
bsw@1045:   color: @main-color;
bsw@1045:   background-attachment: fixed;
bsw@1045: }
bsw@1045: 
bsw@1045: .page {
bsw@1146:   background-color: #255078;
bsw@1045:   max-width: 1240px;
bsw@1045:   border-radius: 0 0 @border-radius @border-radius;
bsw@1045:   margin: 0 auto;
bsw@1045:   margin-bottom: 40px;
bsw@1045: }
bsw@1045: 
bsw@1045: /*
bsw@1045:  * messages
bsw@1045:  */
bsw@1045: 
bsw@1045: .slot_notice,
bsw@1045: .slot_warning,
bsw@1045: .slot_error {
bsw@1045:   font: @head1-font;
bsw@1045:   padding: @grid;
bsw@1045: }
bsw@1045: 
bsw@1045: .slot_motd {
bsw@1045:   background-color: #ccc;
bsw@1045:   padding: @grid;
bsw@1045: }
bsw@1045: 
bsw@1045: .slot_notice {
bsw@1045:   background-color: #0c0;
bsw@1045:   color: #fff;
bsw@1045: }
bsw@1045: 
bsw@1045: .slot_warning {
bsw@1045:   background-color: #f80;
bsw@1045:   color: #000;
bsw@1045: }
bsw@1045: 
bsw@1045: .slot_error {
bsw@1045:   background-color: #c00;
bsw@1045:   color: #fff;
bsw@1045: }
bsw@1045: 
bsw@1045: /*
bsw@1045:  * global styles
bsw@1045:  */
bsw@1045: 
bsw@1045: /* headlines */
bsw@1045: h1 {
bsw@1045:   font: @head1-font;
bsw@1045:   margin-bottom: 1ex;
bsw@1045: }
bsw@1045: 
bsw@1045: h1:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: 
bsw@1045: h2 {
bsw@1045:   font: @head2-font;
bsw@1045: }
bsw@1045: 
bsw@1045: h3 {
bsw@1045:   font: @head3-font;
bsw@1045: }
bsw@1045: 
bsw@1045: h1:first-child,
bsw@1045: h2:first-child,
bsw@1045: h3:first-child {
bsw@1045:   margin-top: 0;
bsw@1045: }
bsw@1045: 
bsw@1045: .right {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: 
bsw@1045: .left {
bsw@1045:   float: left;
bsw@1045:   margin-right: @pad;
bsw@1045: }
bsw@1045: 
bsw@1045: /* paragraphs */
bsw@1045: p {
bsw@1045:   margin-bottom: @paragraph-margin;
bsw@1045: }
bsw@1045: 
bsw@1045: p:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: 
bsw@1045: /* lists */
bsw@1045: ul.ul {
bsw@1045:   margin-left: @pad;
bsw@1045:   margin-bottom: @paragraph-margin;
bsw@1045:   .list-style;
bsw@1045:   li {
bsw@1045:     margin: @pad/3 0;
bsw@1045:   }
bsw@1045: 
bsw@1045:   li:last-child {
bsw@1045:     margin-bottom: 0;
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: ul.ul:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: /* tables */
bsw@1045: 
bsw@1045: table {
bsw@1045: 
bsw@1045:   td {
bsw@1045:   
bsw@1045:     padding: 0.3ex 0.3em;
bsw@1045:   
bsw@1045:   }
bsw@1045: 
bsw@1045: }
bsw@1045: 
bsw@1045: /* links */
bsw@1045: 
bsw@1045: a {
bsw@1045:   color: @main-link-color;
bsw@1045: }
bsw@1045:   
bsw@1045: a.disabled {
bsw@1045:   color: @disabled-color;
bsw@1045:   cursor: default;
bsw@1045: }
bsw@1045: 
bsw@1045: /* formulars */
bsw@1045: form.inline {
bsw@1045:   display: inline;
bsw@1045:   div {
bsw@1045:     display: inline;
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: img {
bsw@1045:   vertical-align: middle;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: img.star {
bsw@1045:   width: 24px;
bsw@1045:   height: 24px;
bsw@1045: }
bsw@1063: 
bsw@1063: img.icon16 {
bsw@1063:   width: 16px;
bsw@1063:   height: 16px;
bsw@1063: }
bsw@1063: 
bsw@1063: img.icon24 {
bsw@1063:   width: 24px;
bsw@1063:   height: 24px;
bsw@1063: }
bsw@1063: img.icon32 {
bsw@1063:   width: 32px;
bsw@1063:   height: 32px;
bsw@1063: }
bsw@1063: img.icon48 {
bsw@1063:   width: 48px;
bsw@1063:   height: 48px;
bsw@1063: }
bsw@1063: 
bsw@1045:   
bsw@1045: /*
bsw@1045:  * Avatars
bsw@1045:  */
bsw@1045: 
bsw@1045: .microAvatar {
bsw@1045:   text-wrap: nowrap;
bsw@1045: }
bsw@1045: 
bsw@1045: .microAvatar img,
bsw@1045: img.micro_avatar {
bsw@1045:   vertical-align: middle;
bsw@1045:   border-radius: 2px;
bsw@1045:   width: @micro-avatar-size;
bsw@1045:   height: @micro-avatar-size;
bsw@1045: }
bsw@1045: 
bsw@1045: img.micro_avatar.highlighted {
bsw@1045:   margin: 0;
bsw@1045:   border: 2px solid @delegation-active-border-color;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: /*
bsw@1045:  * delegation info
bsw@1045:  */
bsw@1045: 
bsw@1045: .vote_info,
bsw@1045: .delegation_info {
bsw@1045:   white-space: nowrap;
bsw@1045:   float: right;
bsw@1045:   text-decoration: none;
bsw@1045:   img {
bsw@1045:     vertical-align: middle;
bsw@1045:   }
bsw@1045:   margin: -2px;
bsw@1045: }
bsw@1045: 
bsw@1045: .delegation_info img {
bsw@1045:   border-radius: @border-radius;
bsw@1045:   margin: 2px;
bsw@1045: }
bsw@1045: 
bsw@1045: .delegation_info.suspended {
bsw@1045:   opacity: 0.3;
bsw@1045: }
bsw@1045: 
bsw@1045: .slot_title .delegation_info.suspended {
bsw@1045:   opacity: 1;
bsw@1045: }
bsw@1045: 
bsw@1045: /*
bsw@1045:  * generic attributes
bsw@1045:  */
bsw@1045: 
bsw@1045: .hide {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .head_outer {
bsw@1045:   background-color: @head-bg-color;
bsw@1045:   color: @head-color;
bsw@1045:   overflow: auto;
bsw@1045:   margin: 0 auto;
bsw@1045:   max-width: 1240px;
bsw@1045: }
bsw@1045: .head {
bsw@1045:   padding: 0.3ex 0;
bsw@1045:   margin: 0 @grid;
bsw@1045:   a {
bsw@1045:     color: @head-link-color;
bsw@1045:   }
bsw@1045:   
bsw@1045:   /* 
bsw@1045:   * the logo and instance name
bsw@1045:   */
bsw@1045:   .logo {
bsw@1045:     display: block;
bsw@1045:     padding: @pad 0;
bsw@1045:     text-decoration: none;
bsw@1045:     font: @logo-font;
bsw@1045:       
bsw@1045:     .liquid {
bsw@1045:       color: @head-color;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .feedback {
bsw@1045:       color: @head-second-color;
bsw@1045:     }
bsw@1045:     .instanceName {
bsw@1045:       font: @instance-font;
bsw@1045:       padding-top: @pad;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   .logo:hover {
bsw@1045:     text-decoration: underline;
bsw@1045:   }
bsw@1045:     
bsw@1045: 
bsw@1045: 
bsw@1045:   .notifications {
bsw@1045:     margin-left: 0.6em;
bsw@1045:     text-decoration: none;
bsw@1045:   
bsw@1045:     .count {
bsw@1045:       background-color: #f00;
bsw@1045:       color: #000;
bsw@1045:       padding: 0.2ex 0.25em;
bsw@1045:       border-radius: 1ex;
bsw@1045:       vertical-align: top;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .icon {
bsw@1045:       width: 24px;
bsw@1045:       height: 24px;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   /*
bsw@1045:   * navigation bar
bsw@1045:   */
bsw@1045:   .nav {
bsw@1045:     float: right;
bsw@1045:     padding-top: @pad - 3px;
bsw@1045:     
bsw@1045:     ul, > ul > li:first-child {
bsw@1045:       display: inline;
bsw@1045:     }
bsw@1045:     
bsw@1045:     input[name=q] {
bsw@1045:       width: 12em;
bsw@1045:       border-radius: @border-radius;
bsw@1045:       padding: 2px;
bsw@1045:       background-color: @head-bg-color;
bsw@1045:       color: @head-color;
bsw@1045:       border: 1px solid @body-bg-color;
bsw@1045:       margin-right: 0.6em;
bsw@1045:     }
bsw@1045:     input[name=q]:focus {
bsw@1045:       outline: 2px solid @body-bg-color;
bsw@1045:     }
bsw@1045:     
bsw@1045:     #member_menu a span {
bsw@1045:       margin-left: 5px;
bsw@1045:     }
bsw@1045:     
bsw@1045:   }
bsw@1045: 
bsw@1045: }
bsw@1045: 
bsw@1045: /*
bsw@1045:  * title
bsw@1045:  */
bsw@1045: .slot_title {
bsw@1045:   
bsw@1045:   padding-left: @grid;
bsw@1045:   padding-right: @grid;
bsw@1045:   font: @title-font;
bsw@1045:   color: @body-color;
bsw@1045:   padding-top: @grid;
bsw@1045: 
bsw@1045:   a {
bsw@1045:     color: @body-color;
bsw@1045:     display: inline-block;
bsw@1045:   }
bsw@1045:   
bsw@1045:   a.home {
bsw@1045:     margin-right: 4px;
bsw@1045:   }
bsw@1045:   
bsw@1045:   a.delegation_info {
bsw@1045:     margin-right: 0;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .initiative,
bsw@1045:   a .label {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .delegation_info {
bsw@1045:     background-color: @main-bg-color;
bsw@1045:     color: @main-color;
bsw@1045:     border-radius: @border-radius;
bsw@1045:     padding-right: 3px;
bsw@1045:     margin-bottom: @grid;
bsw@1045:     a {
bsw@1045:       color: @main-color;
bsw@1045:     }
bsw@1045:   }
bsw@1045: }
bsw@1045:  
bsw@1045: .content {
bsw@1045:   clear: both;
bsw@1045:   margin: 0 @grid;
bsw@1045:   margin-top: @grid;
bsw@1045: }
bsw@1045:  
bsw@1045: /*
bsw@1045:  * the sidebar
bsw@1045:  */
bsw@1045: 
bsw@1045: .sidebar {
bsw@1045:   float: right;
bsw@1045:   width: 100% - @main-width;
bsw@1045: }
bsw@1045: 
bsw@1045: .sidebarSection {
bsw@1045:   background-color: @sidebar-bg-color;
bsw@1045:   border-radius: @border-radius;
bsw@1045:   color: @sidebar-color;
bsw@1045:   margin-bottom: @grid;
bsw@1045:   padding: 0;
bsw@1045:     
bsw@1045:   .sidebarHead {
bsw@1045:     padding: @pad @pad @pad / 2 @pad;
bsw@1045:     background: @sidebar-head-bg-color;
bsw@1045:     color: @sidebar-head-color;
bsw@1045:     
bsw@1045:     a {
bsw@1045:       color: @sidebar-head-color;
bsw@1045:     }
bsw@1045:     min-height: 20px;
bsw@1045:     
bsw@1045:     .icon24 {
bsw@1045:       margin-top: -@pad/2.5;
bsw@1045:     }
bsw@1045:   }
bsw@1045: 
bsw@1080:   .sidebarRow, .ui_filter_head, .ui_paginate_foot {
bsw@1045:     clear: right;
bsw@1045:     display: block;
bsw@1045:     padding: @pad/2 @pad;
bsw@1045:     min-height: 20px;
bsw@1045:   }
bsw@1080: 
bsw@1080:   .sidebarRow {
bsw@1080:     border-top: 1px solid @main-seperator-color;
bsw@1080:   }
bsw@1080:   
bsw@1045:   .sidebarRow.highlighted {
bsw@1045:     background-color: @main-highlight-bg-color;
bsw@1045:   }
bsw@1045: 
bsw@1080:   .sidebarRow.sidebarRowNarrow, .ui_filter_head, .ui_paginate_foot{
bsw@1045:     padding: @pad / 4 @pad;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .sidebarRow.moreLink {
bsw@1045:     min-height: 0;
bsw@1045:   }
bsw@1045: 
bsw@1063:   a.sidebarRow {
bsw@1063:     text-decoration: none;
bsw@1063:     color: @sidebar-color;
bsw@1063:   }
bsw@1063:   
bsw@1045:   h1, h1 a, 
bsw@1045:   h2, h2 a,
bsw@1045:   h3, h3 a {
bsw@1045:     color: @sidebar-head-color;
bsw@1045:   }
bsw@1045: 
bsw@1045:   a {
bsw@1045:     color: @sidebar-link-color;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .areas {
bsw@1045:     .whenfolded {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:   }
bsw@1045: 
bsw@1045:   .areas.folded {
bsw@1045:     .whenunfolded {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     .whenfolded {
bsw@1045:       display: block;
bsw@1045:     }
bsw@1045:     .disabled {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:   }
bsw@1045: 
bsw@1045:   
bsw@1045:   a.issue {
bsw@1045:     font: @head1-font;
bsw@1045:     color: @main-color;
bsw@1045:   }
bsw@1045:   
bsw@1045:   ul.initiatives {
bsw@1045:     li {
bsw@1045:       padding: @pad/2 @pad;
bsw@1045:       .bargraph {
bsw@1045:         display: block;
bsw@1045:       }
bsw@1045:       .supporterCount {
bsw@1045:         white-space: nowrap;
bsw@1045:       }
bsw@1045:       border-top: 1px solid @main-seperator-color;
bsw@1045:     }
bsw@1045:    .revoked .initiative_name {
bsw@1045:       text-decoration: line-through;
bsw@1045:     }
bsw@1063:     
bsw@1063:     .rank1 .initiative_name {
bsw@1063:       font-weight: bold;
bsw@1063:     }
bsw@1045: 
bsw@1045:     li.highlighted {
bsw@1045:       background-color: @main-highlight-bg-color;
bsw@1045:     }
bsw@1045:     li.highlighted:last-child{
bsw@1045:       border-radius: 0 0 @border-radius @border-radius;
bsw@1045:     }
bsw@1045:   }
bsw@1045: 
bsw@1045:   .supporters {
bsw@1045:     line-height: @micro-avatar-size * 1.2;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .supportCount {
bsw@1045:     color: #00c000;
bsw@1045:     font: @head1-font;
bsw@1045:     float: right;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .member_list {
bsw@1045:     
bsw@1045:     .member_thumb {
bsw@1045:       white-space: nowrap;
bsw@1045:       overflow: hidden;
bsw@1045:       text-overflow: ellipsis;
bsw@1045:     
bsw@1045:       img.member_image {
bsw@1045:         width: 24px;
bsw@1045:         height: 24px;
bsw@1045:         vertical-align: middle;
bsw@1045:         margin-right: 0.2em;
bsw@1045:       }
bsw@1045:       
bsw@1045:     }
bsw@1045:     
bsw@1045:     .member_thumb.in_delegation_chain {
bsw@1045:       font-weight: bold;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   
bsw@1045:   > div {
bsw@1045:     position: relative;
bsw@1045:   }
bsw@1045:   
bsw@1045:   > div:first-child {
bsw@1045:     margin-top: 0;
bsw@1045:     border-radius: @border-radius @border-radius 0 0;
bsw@1045:   }
bsw@1045:   
bsw@1045:   > div:last-child {
bsw@1045:     border-radius: 0 0 @border-radius @border-radius;
bsw@1045:   }
bsw@1045:   
bsw@1045:   > div:last-child:first-child {
bsw@1045:     border-radius: @border-radius;
bsw@1045:   }
bsw@1045:   
bsw@1045:   
bsw@1045:   a.unit {
bsw@1045:     font: @head2-font;
bsw@1045:   }
bsw@1045: 
bsw@1045:   a.area {
bsw@1063:     margin-left: 20px;
bsw@1045:     display: block;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .star {
bsw@1045:     float: left;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .delegation_info {
bsw@1045:     margin-top: -@pad/2.5;
bsw@1045:     margin-bottom: 1px;
bsw@1045:   }
bsw@1045: }
bsw@1045:   
bsw@1045: .admitted_info h1 {
bsw@1045:   color: @admitted-color;
bsw@1045: }
bsw@1045: 
bsw@1045: .not_admitted_info, .revoked_info {
bsw@1045:   h1 {
bsw@1045:     color: @not-admitted-color;
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: .admitted_info, 
bsw@1045: .not_admitted_info {
bsw@1045:   
bsw@1045:   .initiative_pie {
bsw@1045:     float: right;
bsw@1045:   }
bsw@1045: 
bsw@1045:   table {
bsw@1045:     tr {
bsw@1045:       th {
bsw@1045:         text-align: left;
bsw@1045:       }
bsw@1045:       td {
bsw@1045:         text-align: right;
bsw@1045:         padding: 0.3ex 0.4em;
bsw@1045:       }
bsw@1045:     }
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: /*
bsw@1045:  * main area
bsw@1045:  */
bsw@1045: 
bsw@1045: .main_outer {
bsw@1045:   width: @main-width;
bsw@1045: }
bsw@1045:  
bsw@1045:  
bsw@1045: .main {
bsw@1045: 
bsw@1045:   clear: left;
bsw@1045:   margin-right: @grid;
bsw@1045:   border-radius: @border-radius;
bsw@1045: 
bsw@1045:   .section {
bsw@1045: 
bsw@1045:     .sectionHead, .sectionRow {
bsw@1045:       background-color: @main-bg-color;
bsw@1045:       overflow: auto;
bsw@1045:       padding: @pad;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .sectionHead {
bsw@1045:       background-color: @main-head-bg-color;
bsw@1045:       color: @main-head-color;
bsw@1045:       margin-top: @grid;
bsw@1045:       border-radius: @border-radius @border-radius 0 0;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .sectionHead:first-child {
bsw@1045:       margin-top: 0;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .sectionHead:last-child {
bsw@1045:       border-radius: @border-radius;
bsw@1045:     }
bsw@1045: 
bsw@1045:     
bsw@1045:     .sectionRow {
bsw@1045:       margin-top: 4px;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .sectionRow:last-child {
bsw@1045:       border-radius: 0 0 @border-radius @border-radius;
bsw@1045:       margin-bottom: @grid;
bsw@1045:     }
bsw@1045:     
bsw@1045:     
bsw@1045:   }
bsw@1045:   
bsw@1045:   .ui_tabs_links {
bsw@1045:   }
bsw@1045:   
bsw@1045:   > h1 {
bsw@1045:     border-bottom: 1px solid @main-seperator-color;
bsw@1045:     padding: @pad;
bsw@1045:   }
bsw@1045:   
bsw@1045:   /*
bsw@1045:    * tabs und filter
bsw@1045:    */
bsw@1045: 
bsw@1045:   .ui_filter {
bsw@1045:     .ui_filter_head {
bsw@1045:       background: @main-head-bg-color;
bsw@1045:       color: @main-head-color;
bsw@1045:       padding: 0 @pad @pad @pad;
bsw@1045:       vertical-align: middle;
bsw@1045:       a {
bsw@1045:         white-space: nowrap;
bsw@1045:         font: @filter-font;
bsw@1045:         margin-right: 0.5em;
bsw@1045:       }
bsw@1045:       a.active {
bsw@1045:         font: @filter-active-font;
bsw@1045:         text-decoration: none;
bsw@1045:         color: @main-head-color;
bsw@1045:       }
bsw@1045:       select {
bsw@1045:         background: @main-bg-color;
bsw@1045:         color: @main-second-color;
bsw@1045:         font: @filter-font;
bsw@1045:         border: none;
bsw@1045:         padding: 0;
bsw@1045:         margin: 0;
bsw@1045: 
bsw@1045:         option {
bsw@1045:           color: @main-color;
bsw@1045:         }
bsw@1045:         option:first-child,
bsw@1045:         option[value="interest_direct"],
bsw@1045:         option[value="interest_delegated"],
bsw@1045:         option[value="support_direct"],
bsw@1045:         option[value="support_delegated"],
bsw@1045:         option[value="potential_support_direct"],
bsw@1045:         option[value="potential_support_delegated"] {
bsw@1045:           color: @main-second-color;
bsw@1045:         }
bsw@1045:       }
bsw@1045:       select.active {
bsw@1045:         color: @main-color;
bsw@1045:       }
bsw@1045:     }
bsw@1045:     .ui_filter_head:first-child {
bsw@1045:       border-radius: @border-radius @border-radius 0 0;
bsw@1045:       padding-top: @pad;
bsw@1045:     }
bsw@1045:     .ui_filter_head.filter_filter {
bsw@1045:       padding-top: @pad;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .ui_filter_head.filter_mode {
bsw@1045:       padding-top: @pad;
bsw@1045:       margin-bottom: 0;
bsw@1045:       padding-bottom: 0;
bsw@1045:     }
bsw@1045:     .ui_filter_head.subfilter  {
bsw@1045:       a {
bsw@1045:         font: @subfilter-font;
bsw@1045:       }
bsw@1045:       a.active {
bsw@1045:         font: @subfilter-active-font;
bsw@1045:       }
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .filter {
bsw@1045:     float: right;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .delegation_info.suspended {
bsw@1045:     margin: 1ex -2px -2px -2px;
bsw@1045:   }
bsw@1045: 
bsw@1045: 
bsw@1045:   .issues {
bsw@1045:     .state_info {
bsw@1045:       font: @event-font;
bsw@1045:       color: @main-event-color;
bsw@1045:     }
bsw@1045:     .state_info.negative {
bsw@1045:       color: @main-negative-event-color;
bsw@1045:     }
bsw@1045:   }
bsw@1045: 
bsw@1045:   ul.initiatives {
bsw@1045:     li {
bsw@1045:       margin-top: 1ex;
bsw@1045:       
bsw@1045:       .bargraph {
bsw@1045:         float: left;
bsw@1045:         margin-top: 5px;
bsw@1045:         margin-right: 0.5em;
bsw@1045:       }
bsw@1045:     
bsw@1045:       .initiative_name {
bsw@1045:         display: block;
bsw@1045:         margin-left: 110px;
bsw@1045:       }
bsw@1045:       
bsw@1045:       .rank1 .initiative_name {
bsw@1045:         margin-left: 0;
bsw@1063:         font-weight: bold;
bsw@1045:       }
bsw@1045: 
bsw@1045:       .revoked .initiative_name {
bsw@1045:         text-decoration: line-through;
bsw@1045:       }
bsw@1045: 
bsw@1045:     }
bsw@1045:     
bsw@1045:     li:first-child {
bsw@1045:       margin-top: 0;
bsw@1045:       clear: none;
bsw@1045:     }
bsw@1045:         
bsw@1045:   }
bsw@1045:   
bsw@1045:   .events .event ul.initiatives li .initiative_name {
bsw@1045:     margin-left: 0;
bsw@1045:   }
bsw@1045:     
bsw@1045:   .member_photo {
bsw@1045:     float: right;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .member_thumb.in_delegation_chain {
bsw@1045:     font-weight: bold;
bsw@1045:   }
bsw@1045: 
bsw@1045:   
bsw@1045: 
bsw@1045:   /*
bsw@1045:    * initiative
bsw@1045:    */
bsw@1045:    
bsw@1045:    
bsw@1045:   .support {
bsw@1045:     color: #aaa; 
bsw@1045:     line-height: 80%;
bsw@1045:     float: right; 
bsw@1045:     width: 102px;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .initiativeInfo {
bsw@1045:     font-family: @main-font;
bsw@1045:     line-height: @micro-avatar-size;
bsw@1045:     overflow: auto;
bsw@1045: 
bsw@1045:     .support {
bsw@1045:       margin-top: 1ex;
bsw@1045:       float: left;
bsw@1045:       width: auto;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .mySupport {
bsw@1045:       line-height: 125%;
bsw@1045:       min-width: 12em;
bsw@1045:       text-align: right;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .initiators {
bsw@1045:       margin-top: 1.5ex;
bsw@1045:       margin-bottom: -1ex;
bsw@1045:       float: left;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .links {
bsw@1045:       margin-top: 1.5ex;
bsw@1045:       margin-bottom: -1ex;
bsw@1045:       float: right;
bsw@1045:       clear: right;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .initiator_links {
bsw@1045:       clear: right;
bsw@1045:     }
bsw@1045:     
bsw@1045:   }
bsw@1045:   
bsw@1045:   .issueInfo {
bsw@1045:     .links {
bsw@1045:       margin-top: 1.5ex;
bsw@1045:       margin-bottom: -1ex;
bsw@1045:       float: right;
bsw@1045:       clear: both;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .draft_updated_info {
bsw@1045:     color: @main-event-color;
bsw@1045:     
bsw@1045:     .info {
bsw@1045:       font: @head3-font;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   /* the draft */
bsw@1045:   .draft {
bsw@1045:     font: @usertext-font;
bsw@1045:     
bsw@1045:     ul {
bsw@1045:       margin-left: 1em;
bsw@1045:       margin-bottom: @paragraph-margin;
bsw@1045:       list-style: square;
bsw@1045:       padding-left: 1em;
bsw@1045:     }
bsw@1045: 
bsw@1093:     ol {
bsw@1093:       margin-left: 1em;
bsw@1093:       margin-bottom: @paragraph-margin;
bsw@1093:       list-style: decimal;
bsw@1093:       padding-left: 1em;
bsw@1093:     }
bsw@1093: 
bsw@1045:     h1 {
bsw@1045:       font: @usertext-italic-font;
bsw@1045:       font-size: 125%;
bsw@1045:       border-bottom: 1px solid @main-second-color;
bsw@1045:       margin-bottom: 1ex;
bsw@1045:     }
bsw@1045: 
bsw@1045:     h2 {
bsw@1045:       font: @usertext-bold-font;
bsw@1045:       font-size: 125%;
bsw@1045:     }
bsw@1045: 
bsw@1045:     h3 {
bsw@1045:       font: @usertext-font;
bsw@1045:       font-size: 125%;
bsw@1045:     }
bsw@1045: 
bsw@1045:     h4 {
bsw@1045:       font: @usertext-bold-font;
bsw@1045:     }
bsw@1045:     
bsw@1045:     hr {
bsw@1045:       border: none;
bsw@1045:       border-top: 1px solid @main-color;
bsw@1045:     }
bsw@1045:     
bsw@1045:     b, strong {
bsw@1045:       font: @usertext-italic-font;
bsw@1045:     }
bsw@1045:     
bsw@1045:     i, em {
bsw@1045:       //font-style: italic;
bsw@1045:       font: @usertext-bold-font;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   form, .form {
bsw@1045:       margin: 0;
bsw@1045:       padding: 0;
bsw@1045:   
bsw@1045:     .ui_field_label {
bsw@1045:       display: inline-block;
bsw@1045:       width: 25%;
bsw@1045:       margin: 0;
bsw@1045:       padding: 0;
bsw@1045:       text-align: right;
bsw@1045:       margin-bottom: @pad;
bsw@1045:       padding-right: 0.5%;
bsw@1045:       vertical-align: top;
bsw@1045:       color: @main-second-color;
bsw@1045:     }
bsw@1045:     
bsw@1045:     input[type=text],
bsw@1045:     input[type=password],
bsw@1045:     select,
bsw@1045:     textarea {
bsw@1045:       vertical-align: top;
bsw@1045:       width: 73%;
bsw@1045:       margin: 0;
bsw@1045:       padding: 3px;
bsw@1045:       border: 1px solid @main-second-color;
bsw@1045:       font: @head3-font;
bsw@1045:       margin-bottom: @pad;
bsw@1045:     }
bsw@1045:     
bsw@1045:     input:focus {
bsw@1045:       outline: 2px solid @body-bg-color;
bsw@1045:     }
bsw@1045: 
bsw@1045: 
bsw@1045:     
bsw@1045:     .actions {
bsw@1045:       margin-left: 26%;
bsw@1045:     }
bsw@1045:   
bsw@1045:   }
bsw@1045:   
bsw@1045:   form.wide {
bsw@1045:     input[type=text],
bsw@1045:     input[type=password],
bsw@1045:     select,
bsw@1045:     textarea {
bsw@1045:       width: 100%;
bsw@1045:     }
bsw@1045: 
bsw@1045:   }
bsw@1045:   
bsw@1045: }
bsw@1045: 
bsw@1045: .issues, .events {
bsw@1045:   
bsw@1045:   .event {
bsw@1045:   
bsw@1045:     .initiative_pie {
bsw@1045:       clear: right;
bsw@1045:       float: right;
bsw@1045:     }
bsw@1045:   
bsw@1045:     ul.initiatives {
bsw@1045:   
bsw@1045:       .initiative_info_left {
bsw@1045:         display: inline;
bsw@1045:         margin-right: 0.5em;
bsw@1045:       }
bsw@1045:     
bsw@1045:       .initiative_info_right {
bsw@1045:         float: right;
bsw@1045:         
bsw@1045:         .bargraph {
bsw@1045:           float: right;
bsw@1045:           margin-left: 0.5em;
bsw@1045:         }
bsw@1045:       }
bsw@1045:       
bsw@1045:       .result {
bsw@1045:         color: @main-second-color;
bsw@1045:         margin-top: 0.5ex;
bsw@1045:       }
bsw@1045:       
bsw@1045:       h3 {
bsw@1045:         margin-top: 1ex;
bsw@1045:         margin-bottom: 0;
bsw@1045:       }
bsw@1045:     
bsw@1045:       a.initiative {
bsw@1045:         font: @head3-font;
bsw@1045:       }
bsw@1045:     }
bsw@1045:   
bsw@1045:     .event_info {
bsw@1045:       font: @event-font;
bsw@1045:       color: @main-event-color;
bsw@1045:       margin-top: 0.66ex;
bsw@1045:       margin-bottom: 1ex;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .event_info:last-child {
bsw@1045:       margin-bottom: 0;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .event_info.negative {
bsw@1045:       color: @main-negative-event-color;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .event_time {
bsw@1045:       font: @main-font;
bsw@1045:       color: @main-second-color;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .event:hover {
bsw@1045:     .event_time {
bsw@1045:       visibility: visible;
bsw@1045:     }
bsw@1045:     ul.initiatives {
bsw@1045:       div {
bsw@1045:         visibility: visible;
bsw@1045:       }
bsw@1045:     }
bsw@1045:   }
bsw@1045:   .issue_context {
bsw@1045:     line-height: 24px;
bsw@1045:     margin-bottom: 0.66ex;
bsw@1045:     .unit {
bsw@1045:       background-color: #777;
bsw@1045:       color: #fff;
bsw@1045:       padding: 1px 3px;
bsw@1045:       border-radius: @border-radius;
bsw@1045:       text-decoration: none;
bsw@1045:     }
bsw@1045:     .area {
bsw@1045:       background-color: #ddd;
bsw@1045:       color: #000;
bsw@1045:       padding: 1px 3px;
bsw@1045:       border-radius: @border-radius;
bsw@1045:       text-decoration: none;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   .issue_info {
bsw@1045:     .issue {
bsw@1045:       font: @head3-font;
bsw@1045:       color: @main-color;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   img.star {
bsw@1045:     vertical-align: middle;
bsw@1045:     float: right;
bsw@1045:     margin-left: 0.5em;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .draft_preview {
bsw@1045:   }
bsw@1045:   
bsw@1045:   .event.suggestion {
bsw@1045:   
bsw@1045:     ul.initiatives li {
bsw@1045:     
bsw@1045:       margin-top: 0;
bsw@1045:       margin-bottom: 1ex;
bsw@1045: 
bsw@1045:       a {
bsw@1045:     
bsw@1045:         font: @main-font;
bsw@1045:       }
bsw@1045:       
bsw@1045:     }
bsw@1045:     
bsw@1045:     .suggestion {
bsw@1045:     
bsw@1045:       font: @head3-font;
bsw@1045:       overflow: hidden;
bsw@1045:       text-overflow: ellipsis;
bsw@1045:     }
bsw@1045:     
bsw@1045:   }
bsw@1045:   
bsw@1045: }
bsw@1045: 
bsw@1045: .suggestions {
bsw@1045:   
bsw@1045:   .suggestion {
bsw@1045:   
bsw@1045:     .opinion {
bsw@1045:       float: right;
bsw@1045:       
bsw@1045:       .must {
bsw@1045:         background-color: @must-bg-color;
bsw@1045:         color: @must-color
bsw@1045:       }
bsw@1045:       .should {
bsw@1045:         background-color: @should-bg-color;
bsw@1045:         color: @should-color
bsw@1045:       }
bsw@1045:       .shouldnot {
bsw@1045:         background-color: @shouldnot-bg-color;
bsw@1045:         color: @shouldnot-color
bsw@1045:       }
bsw@1045:       .mustnot {
bsw@1045:         background-color: @mustnot-bg-color;
bsw@1045:         color: @mustnot-color
bsw@1045:       }
bsw@1045:       .implemented {
bsw@1045:         background-color: @implemented-bg-color;
bsw@1045:         color: @implemented-color
bsw@1045:       }
bsw@1045:       .notimplemented {
bsw@1045:         background-color: @notimplemented-bg-color;
bsw@1045:         color: @notimplemented-color
bsw@1045:       }
bsw@1045:       
bsw@1045:     }
bsw@1045:   
bsw@1045:     .suggestion-rating {
bsw@1045:       float: right;
bsw@1045:     }
bsw@1045:     .suggestion-text {
bsw@1045:       margin-top: @pad;
bsw@1045:       font: @usertext-font;
bsw@1045:       overflow: hidden;
bsw@1045:       text-overflow: ellipsis;
bsw@1045:       position: relative;
bsw@1045:       z-index: 10;
bsw@1045:     }
bsw@1045:     
bsw@1063:     
bsw@1063:     .suggestion-details {
bsw@1063:       float: right;
bsw@1063:     }
bsw@1063:     
bsw@1045:     .suggestion-more {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .suggestion-less {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .suggestionHead {
bsw@1045:       overflow: hidden;
bsw@1045:       text-overflow: ellipsis;
bsw@1045:     }
bsw@1045:       
bsw@1045:     .rating {
bsw@1045:       display: none;
bsw@1045:         padding: @pad/2 0;
bsw@1045:       .active-plus2 {
bsw@1045:         background-color: @must-bg-color;;
bsw@1045:         color: @must-color;;
bsw@1045:       }
bsw@1045:       .active-plus1 {
bsw@1045:         background-color: @should-bg-color;
bsw@1045:         color: @should-color;
bsw@1045:       }
bsw@1045:       .active-minus1 {
bsw@1045:         background-color: @shouldnot-bg-color;
bsw@1045:         color: @shouldnot-color;
bsw@1045:       }
bsw@1045:       .active-minus2 {
bsw@1045:         background-color: @mustnot-bg-color;
bsw@1045:         color: @mustnot-color;
bsw@1045:       }
bsw@1045:       .active-notfulfilled {
bsw@1045:         background-color: #faa;
bsw@1045:       }
bsw@1045:       .active-fulfilled {
bsw@1045:         background-color: #afa;
bsw@1045:       }
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .suggestion.rateable {
bsw@1045:     .suggestion-more {
bsw@1045:       display: block;
bsw@1045:     }
bsw@1045:   }
bsw@1045: 
bsw@1045:   .suggestion.rateable.unfolded {
bsw@1045:     .rating {
bsw@1045:       border-top: 3px solid @body-bg-color;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .suggestion.folded {
bsw@1063:     .suggestion-text {
bsw@1063:       height: 150px;
bsw@1063:       overflow: hidden;
bsw@1063:     }
bsw@1063:     
bsw@1045:     .suggestion-more {
bsw@1045:       display: block;
bsw@1045:       position: absolute;
bsw@1045:       bottom: 0;
bsw@1045:       left: 0;
bsw@1045:       width: 100%;
bsw@1045:       box-shadow: inset 0 -12ex 10ex -5ex #fff;
bsw@1045:       padding-top: 5ex;
bsw@1045:     }
bsw@1063:     
bsw@1063:     .suggestion-details {
bsw@1063:       position: absolute;
bsw@1063:       bottom: 0;
bsw@1063:       right: 0;
bsw@1063:     }
bsw@1063: 
bsw@1045:   }
bsw@1045:   
bsw@1045:   .suggestion.unfolded {
bsw@1045:     .suggestion-more {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     .rating {
bsw@1045:       display: block;
bsw@1045:     }
bsw@1045:     .suggestion-less {
bsw@1045:       margin-top: 1ex;
bsw@1045:       display: block;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .suggestion.highlighted {
bsw@1045:     background-color: @main-highlight-bg-color;
bsw@1045:     
bsw@1045:     .suggestion-more {
bsw@1045:       box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color;
bsw@1045:     }
bsw@1045:     
bsw@1045:   }
bsw@1045: 
bsw@1045: }
bsw@1045: 
bsw@1045: li.raw {
bsw@1045:   list-style: none;
bsw@1045:   padding: 0;
bsw@1045:   margin: 0 !important;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: .satisfiedSupporterCount {
bsw@1045:   color: #070;
bsw@1045: }
bsw@1045: .potentialSupporterCount {
bsw@1045:   color: #960;
bsw@1045: }
bsw@1045: 
bsw@1045: .bargraph {
bsw@1045:   display: inline-block;
bsw@1045:   vertical-align: top;
bsw@1045:   height: 9px;
bsw@1045:   
bsw@1045:   div {
bsw@1045:     margin: 0;
bsw@1045:     padding: 0;
bsw@1045:     display: inline-block;
bsw@1045:     height: 9px;
bsw@1045:   }
bsw@1045:   
bsw@1045: }
bsw@1045: 
bsw@1045: .diff {
bsw@1045:   .diff_added {
bsw@1045:     background-color: #cfc;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .diff_removed {
bsw@1045:     text-decoration: line-through;
bsw@1045:     background-color: #fcc;
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: .btn, .ui_paginate_foot a {
bsw@1045:   text-decoration: none;
bsw@1045:   min-width: 2em;
bsw@1045:   text-align: center;
bsw@1045:   display: inline-block;
bsw@1045:   border-radius: @btn-border-radius;
bsw@1045:   border: none;
bsw@1045:   font: @btn-font;
bsw@1045:   background-color: #999;
bsw@1045:   color: #fff !important;
bsw@1045:   margin-bottom: 5px;
bsw@1045: }
bsw@1045: 
bsw@1045: .btn {
bsw@1045:   padding: 1ex 1em;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: .ui_paginate_foot a {
bsw@1045:   padding: 0.5ex 0.5em;
bsw@1045:   background-color: #eee;
bsw@1045:   color: 000 !important;
bsw@1045: }
bsw@1045: 
bsw@1045: .ui_paginate_foot a.active {
bsw@1045:   background-color: #666;
bsw@1045:   color: #fff !important;
bsw@1045: }
bsw@1045: 
bsw@1045: .btn-default {
bsw@1045:   background-color: #47a;
bsw@1045:   color: #fff !important;
bsw@1045: }
bsw@1045: 
bsw@1045: .btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus {
bsw@1045:   background-color: #0a0;
bsw@1045:   color: #fff !important;
bsw@1045:   cursor: pointer;
bsw@1045: }
bsw@1045: 
bsw@1045: .btn-dangerous:hover {
bsw@1045:   background-color: #c00;
bsw@1045:   color: #fff !important;
bsw@1045: }
bsw@1045: 
bsw@1045: .btn-link {
bsw@1045:   font: @main-font;
bsw@1045:   background-color: @main-bg-color;
bsw@1045:   color: @main-link-color;
bsw@1045:   border: none;
bsw@1045:   padding: 0;
bsw@1045:   margin: 0;
bsw@1045:   text-decoration: underline;
bsw@1045:   cursor: pointer;
bsw@1045: }
bsw@1045: 
bsw@1045: /*************************************************************************
bsw@1045:  * Voting
bsw@1045:  */
bsw@1045: 
bsw@1045: .main .section #voting_form .sectionRow:last-child {
bsw@1045:   border-radius: 0;
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: 
bsw@1045: #voting {
bsw@1045:   background: #ddd;
bsw@1045:   padding: @pad;
bsw@1045:   margin-top: 4px;
bsw@1045:   position: relative;
bsw@1045:   margin-bottom: 2ex;
bsw@1045:   
bsw@1045:   .approval, 
bsw@1045:   .abstention, 
bsw@1045:   .disapproval {
bsw@1045:     border: 2px black solid;
bsw@1045:     margin-bottom: 2ex;
bsw@1045:     padding: 1ex;
bsw@1045:     padding-bottom: 2ex;
bsw@1045:     border-radius: @border-radius;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .disapproval {
bsw@1045:     margin-bottom: 2ex;
bsw@1045:   }
bsw@1045: 
bsw@1045:   .approval {
bsw@1045:     background-color: #9f9;
bsw@1045:   
bsw@1045:     .movable {
bsw@1045:       background-color: #dfd;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .abstention {
bsw@1045:     background-color: #ccc;
bsw@1045: 
bsw@1045:     .movable {
bsw@1045:       background-color: #f2f2f2;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .disapproval {
bsw@1045:     background-color: #f88;
bsw@1045:   
bsw@1045:     .movable {
bsw@1045:       background-color: #fbb;
bsw@1045:     }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .movable {
bsw@1045:     position: relative;
bsw@1045:     border: 1px black solid;
bsw@1045:     margin-top: 1ex;
bsw@1045:     padding: 0.5ex;
bsw@1045:     border-radius: @border-radius;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .voting_form_active {
bsw@1045:     .movable {
bsw@1045:       cursor: pointer;
bsw@1045:       vertical-align: middle;
bsw@1045:       cursor: move;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .clickable {
bsw@1045:       cursor: auto;
bsw@1045:     }
bsw@1045: 
bsw@1045:     a.clickable {
bsw@1045:       cursor: pointer;
bsw@1045:     }
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: /*
bsw@1045:  * footer
bsw@1045:  */
bsw@1045: 
bsw@1045: .footer {
bsw@1045:   text-align: center;
bsw@1045:   color: @footer-color;
bsw@1045:   background-color: @footer-bg-color;
bsw@1045:   padding: @pad 0;
bsw@1045:   border: 1px solid #000;
bsw@1045:   border-top: none;
bsw@1045:   
bsw@1045:   a {
bsw@1045:     color: @body-color;
bsw@1045:   }
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: .ui_paginate_head {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: 
bsw@1045: .ui_paginate_foot {
bsw@1045:   line-height: 180%;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: .swiper_tabs {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: 
bsw@1045: #swiper_info {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: 
bsw@1045: .nav .searchLink {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: @media (max-width: 767px) {
bsw@1045: 
bsw@1045: html {
bsw@1045: 
bsw@1045:   body {
bsw@1045:     margin: 0;
bsw@1045:     background: @mobile-bg-color;
bsw@1045: 
bsw@1045:     .head {
bsw@1045:       margin: @grid/2;
bsw@1045:       padding: 0;
bsw@1045:       
bsw@1045:       .logo {
bsw@1045:         display: block;
bsw@1045:         padding: 0;
bsw@1045:         
bsw@1045:         .liquid, .feedback {
bsw@1045:           font: @mobile-logo-font;
bsw@1045:         }
bsw@1045:         
bsw@1045:         .instanceName {
bsw@1045:           font: @mobile-instance-font;
bsw@1045:           display: block;
bsw@1045:           margin-left: 0;
bsw@1045:         }
bsw@1045:       }
bsw@1045:       .nav {
bsw@1045:         padding: 0;
bsw@1045:       }
bsw@1045:     }
bsw@1045: 
bsw@1045:     .initiativeInfo h1 {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .slot_title {
bsw@1045: 
bsw@1045:       font: @head2-font;
bsw@1045:       padding: 0;
bsw@1045:       margin: 0 @grid/2;
bsw@1045: 
bsw@1045:       .spacer {
bsw@1045:         display: none;
bsw@1045:       }
bsw@1045:       
bsw@1045:       .unit, .area, .issue, .initiative, .member {
bsw@1045:         display: block;
bsw@1045:         margin-right: 0;
bsw@1045:         padding: 4px 0;
bsw@1045:         border-radius: @border-radius;
bsw@1045:         overflow: auto;
bsw@1045:       }
bsw@1045:       
bsw@1045:       .unit:before, .area:before, .issue:before, .initiative:before, .member:before {
bsw@1045:         content: "↳";
bsw@1045:         position: relative;
bsw@1045:         top: -2px;
bsw@1045:       }
bsw@1045:       
bsw@1045:       .area {
bsw@1045:         margin-left: 10px;
bsw@1045:       }
bsw@1045:       .issue {
bsw@1045:         margin-left: 10px * 2;
bsw@1045:       }
bsw@1045:       .initiative {
bsw@1045:         margin-left: 10px * 3;
bsw@1045:       }
bsw@1045:       
bsw@1045:       a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child {
bsw@1045:         margin-bottom: @grid/2;
bsw@1045:       }
bsw@1045:       
bsw@1045:       .unit, .initiative, .issue, .area {
bsw@1045:         a {
bsw@1045:           margin-bottom: 0;
bsw@1045:           display: inline;
bsw@1045:         }
bsw@1045:       }
bsw@1045:       
bsw@1045:       a.home {
bsw@1045:         display: none;
bsw@1045:       }
bsw@1045:       
bsw@1045:       .weight {
bsw@1045:         float: right;
bsw@1045:         margin: 0;
bsw@1045:       }
bsw@1045: 
bsw@1045:       .delegation_info {
bsw@1045:         float: right;
bsw@1045:         display: block;
bsw@1045:         margin-top: -10px;
bsw@1045:       }
bsw@1045:       a .label {
bsw@1045:         display: inline;
bsw@1045:       }
bsw@1045:       .star {
bsw@1045:         float: right;
bsw@1045:         margin-left: 0.5em;
bsw@1045:         margin-top: -@pad/2;
bsw@1045:         margin-bottom: -@pad/2;
bsw@1045:       }
bsw@1045:     }
bsw@1045:     
bsw@1045:     .slot_title > span > *:last-child {
bsw@1045:       font: @head1-font;
bsw@1045:     }
bsw@1045: 
bsw@1045:         
bsw@1045:     .page {
bsw@1045:       background: none;
bsw@1045:       margin: 0;
bsw@1045:       box-shadow: none;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .nav #member_menu .text {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .nav form.search {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .nav .notifications,
bsw@1045:     .nav .searchLink,
bsw@1045:     .nav #member_menu a {
bsw@1045:       vertical-align: middle;
bsw@1045:       display: inline-block;
bsw@1045:       height: 48px;
bsw@1045:       min-width: 35px;
bsw@1045:       text-align: center;
bsw@1045:       background-color: #000;
bsw@1045:       border: 1px solid #777;
bsw@1045:       border-radius: @border-radius;
bsw@1045:       img {
bsw@1045:         margin: 0;
bsw@1045:         width: 48px;
bsw@1045:         height: 48px;
bsw@1045:       }
bsw@1045:       margin: 0;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .nav .notifications {
bsw@1045:       padding: 12px 2px;
bsw@1045:       height: 24px;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .nav #member_menu a :last-child {
bsw@1045:       display: none;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .notifications span {
bsw@1045:       margin-left: -5px;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .swiper_tabs {
bsw@1045:       clear: both;
bsw@1045:       display: block;
bsw@1045:       overflow: auto;
bsw@1045:       margin: @grid/2;
bsw@1045: 
bsw@1045:       div {
bsw@1045:         display: block;
bsw@1045:         float: left;
bsw@1045:         width: 33.333%;
bsw@1045:         
bsw@1045:         a {
bsw@1045:           padding: 8px 0;
bsw@1045:           display: block;
bsw@1045:           text-align: center;
bsw@1045:           background-color: #eee;
bsw@1045:         }
bsw@1045:         
bsw@1045:         a.active {
bsw@1045:           background-color: #abe;
bsw@1045:         }
bsw@1045:       }
bsw@1045:       div:first-child a {
bsw@1045:         border-radius: @border-radius 0 0 @border-radius;
bsw@1045:       }
bsw@1045: 
bsw@1045:       div:last-child a {
bsw@1045:         border-radius: 0 @border-radius @border-radius 0;
bsw@1045:       }
bsw@1045:     }
bsw@1045: 
bsw@1045:     #swiper_info.active {
bsw@1045:       display: block;
bsw@1045:       font: @head3-font;
bsw@1045:       z-index: 1;
bsw@1045:       text-align: center;
bsw@1045:       width: 100%;
bsw@1045:       background-color: @mobile-bg-color;
bsw@1045:       color: @body-color;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .sidebarSection {
bsw@1045:       margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045:     }
bsw@1045: 
bsw@1045:     .main, .extra > .section {
bsw@1045:       clear: none;
bsw@1045:       float: none;
bsw@1045:       width: auto;
bsw@1045:       margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045:       .section .sectionRow:last-child {
bsw@1045:         margin-bottom: @grid/2;
bsw@1045:       }
bsw@1045: 
bsw@1045:     }
bsw@1045:     
bsw@1045:     .ui_filter_head.filter_mode {
bsw@1045:       float: none !important;
bsw@1045:       background: @main-bg-color !important;
bsw@1045:       text-align: left !important;
bsw@1045:       border-radius: @border-radius;
bsw@1045:       margin-bottom: @grid/2 !important;
bsw@1045:     }
bsw@1045:     
bsw@1045:     .member_photo {
bsw@1045:       text-align: center;
bsw@1045:       margin-bottom: 2ex;
bsw@1045:       .member_image_photo {
bsw@1045:         max-width: 600px;
bsw@1045:       }
bsw@1045:     }
bsw@1045: 
bsw@1045:     #trace_content {
bsw@1045:       margin: @grid/2 0;
bsw@1045:       border-radius: 0;
bsw@1045:     
bsw@1045:       ul {
bsw@1045:         li {
bsw@1045:           .trace_head {
bsw@1045:             padding: 6px 5px;
bsw@1045:           }
bsw@1045:         }
bsw@1045:         ul {
bsw@1045:           padding: 5px 2px;
bsw@1045:         }
bsw@1045:       }
bsw@1045:     }
bsw@1045:     
bsw@1045:   }
bsw@1045: } }
bsw@1045: 
bsw@1045: .textCenter {
bsw@1045:   text-align: center;
bsw@1045: }
bsw@1045: 
bsw@1045: a.initiative {
bsw@1045:   text-decoration: none;
bsw@1045:   border-bottom: 1px solid #66c;
bsw@1045: }
bsw@1045: 
bsw@1045: a.initiative:hover {
bsw@1045:   border-bottom: 1px solid #007;
bsw@1045: }
bsw@1045: 
bsw@1045: 
bsw@1045: 
bsw@1045: #trace_content {
bsw@1045:   margin: @grid;
bsw@1045:   padding: @pad;
bsw@1045:   border-radius: @border-radius;
bsw@1045:   background-color: @main-bg-color;
bsw@1045: 
bsw@1045:   #system_error {
bsw@1045:     font-family: monospace;
bsw@1045:   }
bsw@1045:   
bsw@1045:   ul {
bsw@1045:     li {
bsw@1045:       margin-top: 10px;
bsw@1045:       .trace_head {
bsw@1045:         padding: 3px 5px;
bsw@1045:         border-radius: @border-radius @border-radius 0 0;
bsw@1045:       }
bsw@1045:       .trace_head:last-child {
bsw@1045:         border-radius: @border-radius;
bsw@1045:       }
bsw@1045:       ul {
bsw@1045:         border-radius: 0 0 @border-radius @border-radius;
bsw@1045:       }
bsw@1045:     }
bsw@1045:     li:first-child {
bsw@1045:       margin-top: 0;
bsw@1045:     }
bsw@1045:     ul {
bsw@1045:       padding: 10px;
bsw@1045:       }
bsw@1045:   }
bsw@1045:   
bsw@1045:   .trace_config > ul {
bsw@1045:     background-color: #eee;
bsw@1045:     border: 1px solid #ccc;
bsw@1045:   }
bsw@1045:   .trace_config > .trace_head {
bsw@1045:     background-color: #ccc;
bsw@1045:     color: #000;
bsw@1045:   }
bsw@1045:   .trace_request > ul {
bsw@1045:     background-color: #afa;
bsw@1045:   }
bsw@1045:   .trace_request > .trace_head {
bsw@1045:     background-color: #0c0;
bsw@1045:   }
bsw@1045:   .trace_filter > ul {
bsw@1045:     background-color: #ccf;
bsw@1045:     border: 1px solid #00c;
bsw@1045:     border-top: none;
bsw@1045:   }
bsw@1045:   .trace_filter > .trace_head {
bsw@1045:     background-color: #00c;
bsw@1045:     color: #fff;
bsw@1045:   }
bsw@1045:   .trace_view > ul {
bsw@1045:     background-color: #cfc;
bsw@1045:     border: 1px solid #0c0;
bsw@1045:     border-top: none;
bsw@1045:   }
bsw@1045:   .trace_view > .trace_head {
bsw@1045:     background-color: #0c0;
bsw@1045:     color: #000;
bsw@1045:   }
bsw@1045:   .trace_action_neutral > ul {
bsw@1045:     background-color: #ffa;
bsw@1045:     border: 1px solid #fe0;
bsw@1045:   }
bsw@1045:   .trace_action_neutral > .trace_head {
bsw@1045:     background-color: #fe0;
bsw@1045:     color: #000;
bsw@1045:   }
bsw@1154:   .trace_action_success > ul {
bsw@1154:     background-color: #afa;
bsw@1154:     border: 1px solid #fe0;
bsw@1154:   }
bsw@1154:   .trace_action_success > .trace_head {
bsw@1154:     background-color: #fe0;
bsw@1154:     color: #000;
bsw@1154:   }
bsw@1154:   .trace_action_softfail > ul {
bsw@1154:     background-color: #faa;
bsw@1154:     border: 1px solid #fe0;
bsw@1154:   }
bsw@1154:   .trace_action_softfail > .trace_head {
bsw@1154:     background-color: #fe0;
bsw@1154:     color: #000;
bsw@1154:   }
bsw@1045:   .trace_sql {
bsw@1045:     background-color: #fff;
bsw@1045:     padding: 2px 4px;
bsw@1045:     margin-top: 8px;
bsw@1045:   }
bsw@1151:   .trace_sql_time {
bsw@1151:     float: right;
bsw@1154:     font-weight: bold;
bsw@1151:   }
bsw@1045:   .trace_error {
bsw@1045:     background-color: #faa;
bsw@1045:     color: #000;
bsw@1045:     font-weight: bold;
bsw@1045:     border: 1px solid #c00;
bsw@1045:   }
bsw@1045:   .trace_exectime {
bsw@1045:     background-color: #ccc;
bsw@1045:     font-weight: bold;
bsw@1045:     border-radius: @border-radius;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .time {
bsw@1045:     float: right;
bsw@1045:   }
bsw@1045:   
bsw@1045:   .total_duration {
bsw@1045:     font-weight: bold;
bsw@1045:   }
bsw@1045:     
bsw@1045: }