bsw@216: /* 
bsw@216:  * CSS reset 
bsw@216:  */
bsw@213: 
bsw@213: html, body, div, span, applet, object, iframe,
bsw@213: h1, h2, h3, h4, h5, h6, p, blockquote, pre,
bsw@213: a, abbr, acronym, address, big, cite, code,
bsw@213: del, dfn, em, font, img, ins, kbd, q, s, samp,
bsw@213: small, strike, strong, sub, sup, tt, var,
bsw@213: dl, dt, dd, ol, ul, li,
bsw@213: fieldset, form, label, legend,
bsw@213: table, caption, tbody, tfoot, thead, tr, th, td {
bsw@213:     margin: 0;
bsw@213:     padding: 0;
bsw@213:     border: 0;
bsw@213:     outline: 0;
bsw@213:     font-weight: inherit;
bsw@213:     font-style: inherit;
bsw@213:     font-size: 100%;
bsw@213:     font-family: inherit;
bsw@213:     vertical-align: baseline;
bsw@213: }
bsw@213: /* remember to define focus styles! */
bsw@213: :focus {
bsw@213:     outline: 0;
bsw@213: }
bsw@213: body {
bsw@213:     line-height: 1;
bsw@213:     color: black;
bsw@213:     background: white;
bsw@213: }
bsw@213: ol, ul {
bsw@213:     list-style: none;
bsw@213: }
bsw@213: /* tables still need 'cellspacing="0"' in the markup */
bsw@213: table {
bsw@213:     border-collapse: separate;
bsw@213:     border-spacing: 0;
bsw@213: }
bsw@213: caption, th, td {
bsw@213:     text-align: left;
bsw@213:     font-weight: normal;
bsw@213: }
bsw@213: blockquote:before, blockquote:after,
bsw@213: q:before, q:after {
bsw@213:     content: "";
bsw@213: }
bsw@213: blockquote, q {
bsw@213:     quotes: "" "";
bsw@213: }
bsw@213: 
bsw@216: 
bsw@216: /*
bsw@216:  * Positioning
bsw@216:  */
bsw@216: 
bsw@217: .topbox .right
bsw@216:         { float: right; }
bsw@216: 
bsw@217: .topbox a,
bsw@217: .topbox span,
bsw@217: .topbox select
bsw@217:         { float: left; }
bsw@216: 
bsw@216: .slot_default
bsw@216:         { position: relative; width: 67%; }
bsw@216: 
bsw@216: .slot_sidebar
bsw@216:         { float: left; width: 30%; }
bsw@216: 
bsw@216: .sidebar_right .slot_sidebar
bsw@216:         { float: right; width: 30%; }
bsw@216: 
bsw@216: .slot_sidebar .box
bsw@216:         { width: 100%; }
bsw@216: 
bsw@216: .box 
bsw@216:         { position: relative; width: 100%; }
bsw@216: 
bsw@216: .box .row 
bsw@216:         { overflow: auto; }
bsw@216: 
bsw@216: .box .row .col.left
bsw@216:         { float: left; }
bsw@216: 
bsw@216: .box .row .col.right
bsw@216:         { float: right; }
bsw@213: 
bsw@213: /*
bsw@216:  * Margins und paddings 
bsw@216:  */
bsw@216: 
bsw@218: .topbox { margin: 0 1% 0 1%; }
bsw@218: 
bsw@218: .topbox
bsw@218:         { margin-bottom: 1ex; }
bsw@218: 
bsw@217: .topbox a
bsw@218:         { margin: 0 0.5em 0 0; padding: 0.3ex 0.5em 0.3ex 0.5em; }
bsw@217: 
bsw@217: .topbox select
bsw@217:         { margin: 0.5ex 0 0.5ex 0; padding: 0.3ex 0.2em 0.2ex 0.2em;}
bsw@217: 
bsw@217: .topbox .right a,
bsw@217: .topbox .right span
bsw@218:         { margin: 0 0 0 0.5em; padding: 0.3ex 0.5em 0.3ex 0.3em; }
bsw@216: 
bsw@216: .slot_default
bsw@218:         { margin: 0 1% 2ex 32%; }
bsw@216: 
bsw@216: .sidebar_right .slot_default
bsw@218:         { margin: 0 32% 2ex 1%; }
bsw@216: 
bsw@216: .slot_sidebar
bsw@218:         { margin: 0 1% 2ex 1%; }
bsw@216: 
bsw@216: .sidebar_right .slot_sidebar
bsw@216:         { margin: 0 1% 2ex 1%; }
bsw@216: 
bsw@216: .box
bsw@216:         { margin: 0 0 2ex 0; }
bsw@216: 
bsw@216: 
bsw@216: .box .row .col
bsw@216:         { padding: 0.5ex 0.2em 0.5ex 0.2em; }
bsw@216: 
bsw@216: .box .row .col:first-child
bsw@216:         { padding-left: 0.5em; }
bsw@216: 
bsw@216: .box .row.subhead .col
bsw@216:         { margin-top: 2ex; }
bsw@216: 
bsw@216: /* 
bsw@216:  * Colors
bsw@216:  */
bsw@216: 
bsw@217: body
bsw@218:         { background-color: #27C9FF; color: #000; }
bsw@218: 
bsw@218: .topbox.line1
bsw@218:         { background-color: #444; }
bsw@216: 
bsw@217: .topbox.line1,
bsw@218: .topbox.line1 a
bsw@218:         {  color: #fff; }
bsw@217: 
bsw@217: .topbox.line2 a
bsw@218:         { background-color: #27C9FF; color: #000;    }
bsw@217: .topbox.line2 span.inactive
bsw@217:         { opacity: 0.2; }
bsw@217: .topbox a.active
bsw@217: /*        { background-color: #B2ECFF; color: #000; }*/
bsw@217:         { background-color: #e7f0ff; color: #000; }
bsw@216: 
bsw@216: 
bsw@216: .box    { background-color: #fff; }
bsw@216: 
bsw@216: .box    { color: #000;    }
bsw@216: 
bsw@216: .box a  { color: #068; }
bsw@216: 
bsw@216: .box .row.head,
bsw@218: .box .row.head2
bsw@218:         { background-color: #e7f0ff; }
bsw@218: 
bsw@216: .box .row.active
bsw@218:         { background-color: #f1F2F8; }
bsw@216: 
bsw@216: .box .row.head .col.head
bsw@216:         { color: #444;    }
bsw@216: 
bsw@216: .draft .authors,
bsw@216: .initiative .authors 
bsw@216:         { color: #777;    }
bsw@216: 
bsw@216: .member_content
bsw@217:         { background-color: #FFF4DC; }
bsw@213: 
bsw@213: /*
bsw@216:  * Borders
bsw@216:  */
bsw@216: 
bsw@216: .box .row
bsw@216:         { border-bottom: 1px solid #ccc; }
bsw@216: .box .row.head 
bsw@216:         { border-bottom-color: #777; }
bsw@216: .box .row.subhead
bsw@216:         { border-bottom-color: #777; }
bsw@216: .box .row:last-child
bsw@216:         { border-bottom: none; }
bsw@216:         
bsw@216: .box.issue .row.unit_name
bsw@216:         { border-bottom-color: #ccc; }
bsw@218: 
bsw@213: 
bsw@216: /* 
bsw@216:  * Rounded corners 
bsw@216:  */
bsw@216: 
bsw@218: .box    { border-radius: 0.8ex; -moz-border-radius: 0.8ex;
bsw@218:           -webkit-box-shadow: 1px 1px 2px #11576F; -moz-box-shadow: 0 0 2px 1px #444; }
bsw@213: 
bsw@216: .box .row:first-child.head,
bsw@216: .box .row:first-child.head2
bsw@218:         { border-radius: 0.8ex 0.8ex 0   0  ; }
bsw@216: .box .row:last-child
bsw@218:         { border-radius: 0   0   0.8ex 0.8ex; }
bsw@216: 
bsw@217: .box .row:first-child:last-child.head,
bsw@217: .box .row:first-child:last-child.head2
bsw@218:         { border-radius: 0.8ex 0.8ex 0.8ex 0.8ex; }
bsw@217: 
bsw@218: .topbox.line1
bsw@218:         { border-radius: 0 0 0.8ex 0.8ex;
bsw@218:           -webkit-box-shadow: 1px 1px 2px #11576F; -moz-box-shadow: 1px 1px 2px #444; }
bsw@217: 
bsw@218: .topbox a
bsw@218:         { border-radius: 0.8ex; }
bsw@218:         
bsw@217: .topbox a.active
bsw@218:         { -webkit-box-shadow: 1px 1px 2px #11576F; -moz-box-shadow: 1px 1px 2px 0px #444;
bsw@217:         }
bsw@217: 
bsw@216: /*
bsw@216:  * Text Formatting
bsw@216:  */
bsw@216: 
bsw@216: body, input, select {
bsw@216:   font-family: sans-serif;
bsw@216:   font-size: 100%;
bsw@213: }
bsw@213: 
bsw@217: .topbox {
bsw@217:   line-height: 135%;
bsw@213: }
bsw@213: 
bsw@217: .topbox a,
bsw@217: .topbox span
bsw@217:         { font-weight: bold;
bsw@217:           text-decoration: none; }
bsw@217: 
bsw@216: .box a  { text-decoration: none; }
bsw@213: 
bsw@216: .box .row .col
bsw@216:         { line-height: 115%; }
bsw@213: 
bsw@216: .box .row.head .col.head,
bsw@216: .box .row.head2 .col.head
bsw@216:         { font-weight: bold; }
bsw@213: 
bsw@216: .box .row.subhead .col
bsw@216:         { font-weight: bold; }
bsw@213: 
bsw@213: 
bsw@213: 
bsw@217: .box .row.head .col.head select
bsw@217:         { font-weight: bold; width: 100%; }
bsw@215: 
bsw@216: /*
bsw@216:  * Scrolled col 
bsw@216:  */
bsw@213: 
bsw@213: .box .row .col.scrolled {
bsw@213:   padding: 0;
bsw@213:   max-height: 300px;
bsw@213:   overflow: auto;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.scrolled .head {
bsw@213:   font-weight: bold;
bsw@213:   padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@216:  * Bars
bsw@216:  */
bsw@213: 
bsw@213: .bar {
bsw@213:   float: right;
bsw@213:   margin-left: 0.3em;
bsw@213: }
bsw@213: 
bsw@213: .bar div {
bsw@213:   margin-top: 2px;
bsw@213:   float: left;
bsw@213:   height: 11px;
bsw@213: }
bsw@213: .bar .green {
bsw@213:   background-color: #0a0;
bsw@213: }
bsw@213: 
bsw@213: .bar .grey {
bsw@213:   background-color: #eee;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@216:  * Avatars
bsw@216:  */
bsw@216: 
bsw@216: .avatar_image {
bsw@216:   border-radius: 1ex;
bsw@216: }
bsw@213: 
bsw@213: .avatars {
bsw@213:   overflow: auto;
bsw@213: }
bsw@213: 
bsw@213: .avatars .avatar {
bsw@213:   float: left;
bsw@213:   margin-left: 2px;
bsw@213:   margin-right: 2px;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar {
bsw@213:   width: 100px;
bsw@217:   text-align: center;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar {
bsw@213:   border: 2px solid #fff;
bsw@213:   border-radius: 0.5ex;
bsw@213:   -moz-border-radius: 0.5ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars .arrow {
bsw@213:   float: left;
bsw@213:   margin-top: 0.3ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar img {
bsw@213:   border-radius: 0.25ex;
bsw@213:   -moz-border-radius: 0.25ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar img {
bsw@213:   margin-left: 0.3em;
bsw@213:   margin-top: 0.3ex;
bsw@213:   border-radius: 1ex;
bsw@213:   -moz-border-radius: 1ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar img {
bsw@213:   height: 24px;
bsw@213:   width: 24px;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar img {
bsw@213:   height: 48px;
bsw@213:   width: 48px;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar .name {
bsw@213:   margin-left: 0.3em;
bsw@213:   margin-top: 0.3ex;
bsw@213:   line-height: 100%;
bsw@213:   font-size: 70%;
bsw@213:   overflow: hidden;
bsw@213:   height: 4ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars .avatar .weight {
bsw@213:   text-align: center;
bsw@213:   font-size: 70%;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar.participation {
bsw@213:   border-color: #f70;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar.overridden,
bsw@213: .avatars.small .arrow.overridden {
bsw@213:   opacity: 0.3;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@216:  * Area
bsw@216:  */
bsw@213: 
bsw@213: .area .name {
bsw@213:   color: #444;
bsw@213: }
bsw@213: 
bsw@213: .area .name a {
bsw@213:   font-weight: normal;
bsw@213: }
bsw@213: 
bsw@213: .area .name .avatars {
bsw@213:   float: right;
bsw@213:   margin-top: -3px;
bsw@213: }
bsw@213: 
bsw@216: /*
bsw@216:  * Initiative
bsw@216:  */
bsw@213: 
bsw@213: .initiative .name,
bsw@213: .initiative a.name {
bsw@213:   font-weight: bold;
bsw@213: }
bsw@213: 
bsw@215: .draft .authors,
bsw@213: .initiative .authors {
bsw@213:   /* text format */
bsw@213:   font-size: 80%;
bsw@213:   font-style: italic;
bsw@213: }
bsw@213: 
bsw@213: .drafts .draft .created {
bsw@213:   font-weight: bold;
bsw@213: }
bsw@213: 
bsw@216: /*
bsw@216:  * Draft
bsw@216:  */
bsw@213: 
bsw@217: .member_content .draft {
bsw@213:   line-height: 135%;
bsw@213: }
bsw@213: 
bsw@217: .draft h1 {
bsw@217:   font-size: 135%;
bsw@217: }
bsw@217: 
bsw@213: .draft h2 {
bsw@213:   font-size: 135%;
bsw@213:   font-weight: bold;
bsw@213:   margin-bottom: 0.5ex;
bsw@213: }
bsw@213: 
bsw@213: .draft h3 {
bsw@213:   font-size: 135%;
bsw@213:   margin-bottom: 0.5ex;
bsw@213: }
bsw@213: 
bsw@213: .draft p {
bsw@213:   margin-bottom: 1ex;
bsw@213: }
bsw@213: 
bsw@213: .draft ul {
bsw@213:   padding-left: 2em;
bsw@213:   list-style: disc;
bsw@213: }
bsw@213: 
bsw@213: .draft ul li {
bsw@213:   margin-bottom: 1ex;
bsw@213: }