bsw@325: /* Style reset */
bsw@325: html,
bsw@325: body,
bsw@325: div,
bsw@325: span,
bsw@325: applet,
bsw@325: object,
bsw@325: iframe,
bsw@325: h1, h2, h3, h4, h5, h6,
bsw@329: p, a, img,
bsw@325: form, label, legend,
bsw@325: table, tbody, tfoot, thead, tr, th,td {
bsw@325: margin: 0;
bsw@325: padding: 0;
bsw@325: border: 0;
bsw@325: outline: 0;
bsw@325: font-weight: inherit;
bsw@325: font-style: inherit;
bsw@325: font-size: 100%;
bsw@325: font-family: inherit;
bsw@325: vertical-align: baseline;
bsw@325: }
bsw@325: body {
bsw@325: line-height: 1;
bsw@325: color: black;
bsw@325: background: white;
bsw@325: }
bsw@325: table {
bsw@325: border-collapse: separate;
bsw@325: border-spacing: 0;
bsw@325: }
bsw@325: caption, th, td {
bsw@325: text-align: left;
bsw@325: font-weight: normal;
bsw@325: }
bsw@325:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Some global definitions
bsw/jbe@0: */
bsw/jbe@0:
poelzi@147: body {
poelzi@147: background: #fff;
poelzi@147: }
poelzi@147:
bsw/jbe@0: body, th, td {
bsw/jbe@0: font-family: sans-serif;
bsw/jbe@19: font-size: 15px;
bsw/jbe@0: font-size: 14px;
bsw/jbe@0: padding: 0;
bsw/jbe@0: margin: 0;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@19: .area_list {
bsw@274: line-height: 140%;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@0: body, a {
bsw/jbe@0: color: #000;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: img {
bsw/jbe@0: border: none;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: table {
bsw/jbe@0: border-collapse: collapse;
bsw/jbe@0: border: none;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: td, th {
bsw@278: padding: 0.5ex 0.5em 0.5ex 0em;
bsw@2: }
bsw@2:
bsw@2: td {
bsw/jbe@0: vertical-align: top;
bsw@2: }
bsw@2:
bsw@2: th {
bsw@2: vertical-align: bottom;
bsw@2: font-weight: bold;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: a.active {
bsw/jbe@0: color: #fff;
bsw/jbe@0: }
bsw/jbe@0:
bsw@10: .revoked {
bsw@10: text-decoration: line-through;
bsw@10: }
bsw@10:
bsw/jbe@0: .highlighted {
bsw/jbe@0: background-color: #fa7;
bsw/jbe@0: color: #000;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .admin_only {
bsw/jbe@0: font-style: italic;
bsw/jbe@0: }
bsw/jbe@0:
bsw@9: h1 {
bsw@9: font-size: 150%;
bsw@9: }
bsw@9:
bsw@9: h2 {
bsw@9: font-size: 125%;
bsw@9: }
bsw@9:
poelzi@145: .inline {
poelzi@145: display: inline;
poelzi@145: }
bsw@9:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Notices, warnings and errors
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0: .layout_notice, .layout_error, .layout_warning {
bsw@325: background: #fff;
bsw@325: font-weight: bold;
bsw@325: line-height: 1.7em;
bsw@325: -moz-opacity:0.7;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .slot_notice, .slot_warning, .slot_error {
bsw@325: padding-left: 1em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .slot_notice {
bsw@325: background-color: #cfc;
bsw@325: color: #040;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .slot_warning {
bsw@325: background-color: #fec;
bsw@325: color: #420;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .slot_error {
bsw@325: background-color: #fcc;
bsw@325: color: #400;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Navigation, search and language chooser bar
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0: .topbar {
bsw@318: background-color: #333;
bsw@319: background-image: -webkit-gradient(linear, left top, left bottom,
bsw@278: color-stop(0%, #888), color-stop(25%,#333)
bsw@278: );
bsw/jbe@0: color: #fff;
bsw@273: font-size: 90%;
bsw@274: line-height: 100%;
bsw@273: padding-left: 10px;
bsw@277: overflow: hidden;
bsw@313: box-shadow: #aaa 0 0 5px;
bsw@318: -mox-box-shadow: #aaa 0 0 5px;
bsw@318: -webkit-box-shadow: #aaa 0 0 5px;
bsw@273: }
bsw@273:
bsw@273: .topbar .logolf {
bsw@273: font-weight: bold;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .topbar a {
bsw@318: color: #eee;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .topbar a:hover {
bsw@318: background-color: #eee;
bsw/jbe@0: color: #000;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .navigation,
bsw/jbe@0: .logout_button {
bsw@274: line-height: 200%;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .navigation img,
bsw/jbe@0: .logout_button img {
bsw/jbe@0: margin-right: 0.5em;
bsw/jbe@0: vertical-align: middle;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .navigation a,
bsw/jbe@0: .logout_button a {
bsw/jbe@0: padding: 1ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw@250: form.unit_selector {
bsw@250: display: inline;
bsw@250: }
bsw@250:
bsw/jbe@0: .logout_button {
bsw/jbe@0: float: right;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .searchbox {
bsw/jbe@19: margin: 0;
bsw/jbe@19: padding: 0.1ex 1em 0ex 1em;
bsw/jbe@0: float: right;
bsw/jbe@0: line-height: 250%;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@19: .searchbox form {
bsw/jbe@19: float: left;
bsw@277: margin: 0px;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@0: .searchbox div {
bsw/jbe@0: display: inline;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .searchbox select {
bsw/jbe@0: margin-left: 0.3em;
bsw/jbe@0: margin-right: 0.4em;
bsw/jbe@0: font-size: 100%;
bsw/jbe@0: width: 8em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .searchbox input[type=text] {
bsw/jbe@0: width: 8em;
bsw/jbe@0: padding: 0.25ex 0.25em 0.25ex 0.25em;
bsw/jbe@0: margin-right: 0.5em;
bsw/jbe@0: font-size: 100%;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .searchbox input[type=submit] {
bsw/jbe@0: font-size: 100%;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Title of current page including path and actions
bsw/jbe@0: */
bsw/jbe@0:
bsw@313: .title,
bsw@313: .title2,
bsw@313: .actions {
bsw@317: background-color: #f2f2f2;
bsw@313: margin-left: 10px;
bsw@313: margin-right: 10px;
bsw@313: }
bsw@313:
bsw@317: .initiative_head .actions {
bsw@317: box-shadow: none;
bsw@318: -moz-box-shadow: none;
bsw@318: -webkit-box-shadow: none;
bsw@317: }
bsw@317:
bsw@313: .actions {
bsw@313: border-radius: 0 0 8px 8px;
bsw@313: }
bsw@313:
bsw@313: .initiative_head .actions {
bsw@313: background-color: #fff;
bsw@313: margin: 0px;
bsw@313: }
bsw@313:
bsw@325: .slot_initiatives_list {
bsw@313: margin-top: 1ex;
bsw@313: margin-left: 10px;
bsw@313: margin-right: 10px;
bsw@325: background-color: #fcfcfc;
bsw@313: border-radius: 8px;
bsw@325: clear: left;
bsw@313: }
bsw@313:
bsw@277: .title {
bsw@313: box-shadow: inset #888 0px 5px 6px -5px;
bsw@318: -moz-box-shadow: inset #888 0px 5px 6px -5px;;
bsw@318: -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
bsw@313: }
bsw@313:
bsw@313: .title {
bsw/jbe@0: color: #000;
bsw@280: padding: 1.5ex 1em 0 1em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .title div {
bsw@271: font-size: 125%;
bsw/jbe@0: line-height: 110%;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .title a {
bsw/jbe@5: color: #000;
bsw/jbe@0: }
bsw/jbe@0:
bsw@280: .title .member_image {
bsw@280: margin-right: 0.7em;
bsw@280: vertical-align: middle;
bsw@280: border-radius: 7px;
bsw@280: }
bsw@280:
bsw@277: .slot_title2 {
bsw@312: padding: 1ex 1em 0 1em;
bsw@277: }
bsw@277:
bsw@312: .slot_initiatives_list {
bsw@325: border: 1px solid #ccc;
bsw@312: padding-top: 1ex;
bsw@312: padding-bottom: 1ex;
bsw@271: }
bsw@271:
bsw@280: .member_list .member_image_avatar {
bsw/jbe@0: float: left;
bsw/jbe@0: margin-right: 0.5em;
bsw/jbe@0: }
bsw/jbe@0:
bsw@274: .micro_avatar {
bsw@274: width: 24px;
bsw@274: height: 24px;
bsw@274: border-radius: 4px;
bsw@280: vertical-align: middle;
bsw@274: }
bsw@274:
bsw/jbe@0: .actions {
bsw/jbe@0: font-size: 75%;
bsw/jbe@4: line-height: 220%;
bsw@313: padding-top: 2ex;
bsw@313: padding-bottom: 1ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw@277: .interest {
bsw@277: margin-left: 1.33em;
bsw@277: margin-bottom: 1.33ex;
bsw@277: }
bsw@277:
bsw@277: .slot_actions .interest {
bsw@277: margin-left: 0em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .actions a {
bsw/jbe@0: margin-right: 1em;
bsw@271: border-radius: 5px;
bsw@277: padding-right: 0.3em;
bsw/jbe@0: }
bsw/jbe@0:
bsw@272: .slot_initiative_head {
bsw@317: padding-left: 10px;
bsw@313: padding-top: 2ex;
bsw@272: }
bsw@272:
bsw@272: .initiative_name {
bsw@272: font-weight: bold;
bsw@272: font-size: 125%;
bsw@272: }
bsw@277: .actions a {
bsw@277: float: left;
bsw@277: }
bsw@277:
bsw/jbe@0: .actions a:hover {
bsw/jbe@0: background-color: #d7d7d7;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .actions img {
bsw/jbe@0: padding-left: 0.2em;
bsw/jbe@0: padding-right: 0.2em;
bsw/jbe@4: vertical-align: middle;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .logo {
bsw/jbe@4: float: right;
bsw/jbe@4: margin-right: 1em;
bsw/jbe@0: }
bsw/jbe@0:
poelzi@127:
bsw@286: .member_image_photo {
bsw@286: border-radius: 8px;
bsw@286: }
poelzi@127:
bsw/jbe@0: /*************************************************************************
bsw@2: * vote info / delegation
bsw@2: */
bsw@2:
bsw/jbe@4: .interest,
bsw@2: .slot_support,
bsw@242: .delegation {
bsw@2: float: left;
bsw/jbe@4: position: relative;
bsw/jbe@19: z-index: 1;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .interest img,
bsw/jbe@4: .slot_support img,
bsw@242: .delegation img {
bsw/jbe@4: padding-left: 0.2em;
bsw/jbe@4: padding-right: 0.2em;
bsw/jbe@4: }
bsw@277: .actions .supporter,
bsw@278: .actions .potential_supporter,
bsw/jbe@4: .vote_info .head {
bsw/jbe@4: float: left;
bsw@2: margin-right: 1em;
bsw@2: }
bsw@2:
bsw@277: .actions .supporter,
bsw@278: .actions .potential_supporter,
bsw@277: .actions .interest .head {
bsw@277: padding-right: 0.3em;
bsw@277: }
bsw@277:
bsw@280: .delegation .head_active,
bsw/jbe@5: .interest .head_active,
bsw@280: .actions .supporter,
bsw@277: .actions .potential_supporter {
bsw@289: border-radius: 5px;
bsw@317: border: 1px solid #5f6675;
bsw@289: }
bsw@289:
bsw@289: .delegation .head_active,
bsw@292: .interest .head_active {
bsw@280: background-color: #cdf;
bsw@289: }
bsw@289:
bsw@289: .actions .supporter {
bsw@292: background-color: #cdf;
bsw@289: }
bsw@289:
bsw@289: .actions .potential_supporter {
bsw@292: background-color: #cdf;
bsw/jbe@4: }
bsw/jbe@4:
bsw@10: .slot_support .head_initiator {
bsw@317: background-color: #f2f2f2;
bsw@273: border-radius: 5px;
bsw@2: }
bsw@2:
bsw/jbe@19: .delegation .change_delegation {
bsw/jbe@19: margin-bottom: 2ex;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@19: .delegation .change_delegation a {
bsw/jbe@19: display: inline;
bsw/jbe@19: float: none;
bsw/jbe@19: padding: 1ex;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@19: .delegation .delegation_participation {
bsw/jbe@19: margin-left: 20.5em;
bsw/jbe@19: margin-top: 3ex;
bsw/jbe@19: font-style: italic;
bsw/jbe@19: font-size: 80%;
bsw/jbe@19: }
bsw/jbe@19:
bsw@275: .slot_actions .change_delegation {
bsw@275: float: left;
bsw@275: }
bsw@275:
bsw@2: .vote_info .close {
bsw/jbe@4: position: absolute;
bsw/jbe@4: top: 0;
bsw/jbe@4: right: 0;
bsw@2: padding: 1ex;
bsw/jbe@4: display: block;
bsw@2: }
bsw@2:
bsw@2: .vote_info .content {
bsw/jbe@4: font-size: 133%;
bsw/jbe@4: line-height: 100%;
bsw@277: top: 2.8ex;
bsw@2: display: none;
bsw@2: position: absolute;
bsw@2: z-index: 10;
bsw@280: background-color: #cdf;
bsw@277: border-radius: 0 5px 5px 5px;
bsw@2: padding: 1em;
bsw/jbe@19: width: 35em;
bsw@313: border: 1px solid #fff;
bsw@313: border-top: none;
bsw@2: }
bsw@2:
bsw@2: .vote_info .delegation_arrow {
bsw@2: margin-top: 1ex;
bsw@2: margin-bottom: 1ex;
bsw@2: vertical-align: middle;
bsw@2: }
bsw@2:
bsw/jbe@4: .vote_info .delegation_arrow_overridden {
bsw/jbe@4: opacity: 0.4;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .vote_info .delegation_scope_overridden {
bsw/jbe@4: color: #777;
bsw/jbe@4: }
bsw/jbe@4:
bsw@2: .vote_info .delegation_scope {
bsw@2: display: inline;
bsw@2: }
bsw@2:
bsw@2: .vote_info .delegation_info {
bsw@2: }
bsw@2:
bsw@280: .vote_info a {
bsw@280: padding-right: 0;
bsw@280: }
bsw@280:
bsw@2: .vote_info .member_thumb {
bsw@2: clear: left;
bsw@277: background: #fff;
bsw@2: }
bsw@2:
bsw/jbe@4: .delegation_overridden .member_thumb {
bsw/jbe@4: opacity: 0.4;
bsw/jbe@4: }
bsw/jbe@4:
bsw@2: .delegation .revoke {
bsw@2: margin: 0.5ex;
bsw/jbe@4: float: right;
bsw@2: }
bsw@2:
bsw@2: .delegation .revoke img {
bsw@2: vertical-align: middle;
bsw@2: }
bsw@2:
bsw/jbe@4:
bsw@2: /*************************************************************************
bsw/jbe@0: * Main content
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0: .main {
bsw@313: margin-left: 10px;
bsw@313: margin-right: 10px;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * ui.tab
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0: .ui_tabs_links {
bsw@313: margin-top: 3ex;
bsw@277: margin-bottom: 1ex;
bsw/jbe@0: font-size: 75%;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .ui_tabs_links a {
bsw/jbe@0: padding: 1ex;
bsw@271: line-height: 300%;
bsw@317: background-color: #f2f2f2;
bsw/jbe@4: white-space: nowrap;
bsw@271: border-radius: 5px;
bsw@271: margin-right: 5px;
bsw@271: font-weight: bold;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .ui_tabs_links a:hover {
bsw/jbe@0: background-color: #d7d7d7;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .ui_tabs_links a.selected {
bsw/jbe@0: background-color: #444;
bsw/jbe@0: color: #fff;
bsw/jbe@0: text-decoration: none;
bsw/jbe@0: padding: 1ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .ui_tabs_content {
bsw@271: xborder: 1px solid #444;
bsw@271: xpadding: 1ex 1ex 1ex 1ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw@57: .ui_tabs_links a.yellow {
bsw@280: background-color: #fcc;
bsw@57: color: #000;
bsw@57: }
bsw/jbe@19:
bsw@57: .ui_tabs_links a.yellow:hover {
bsw@280: background-color: #faa;
bsw@57: }
bsw@57:
bsw@57: .ui_tabs_links a.yellow.selected {
bsw@280: background-color: #a44;
bsw@57: color: #fff;
bsw@57: text-decoration: none;
bsw@57: padding: 1ex;
bsw@57: }
bsw@57:
poelzi@151: .ui_tabs_links a.red {
poelzi@151: background-color: #c33;
poelzi@151: color: #000;
poelzi@151: }
poelzi@151:
poelzi@151: .ui_tabs_links a.red:hover {
poelzi@151: background-color: #ebb;
poelzi@151: }
poelzi@151:
poelzi@151: .ui_tabs_links a.red.selected {
poelzi@151: background-color: #644;
poelzi@151: color: #fff;
poelzi@151: text-decoration: none;
poelzi@151: padding: 1ex;
poelzi@151: }
poelzi@151:
poelzi@151:
bsw/jbe@0: /*************************************************************************
bsw/jbe@19: * ui.filters
bsw/jbe@0: */
bsw/jbe@0:
bsw@275: .ui_filter {
bsw@275: overflow: hidden;
bsw@276: margin-bottom: 1ex;
bsw@275: }
bsw@275:
bsw/jbe@19: .ui_filter_closed_head,
bsw/jbe@19: .ui_filter_head {
bsw@2: color: #777;
bsw/jbe@5: margin-top: 1ex;
bsw/jbe@5: margin-bottom: 1.5ex;
bsw@2: font-size: 75%;
bsw@275: float: left;
bsw@275: }
bsw@275:
bsw@275: .ui_filter_head {
bsw@275: margin-right: 2em;
bsw@2: }
bsw@2:
bsw/jbe@19: .ui_filter_head a {
bsw/jbe@0: color: #777;
bsw/jbe@0: padding: 0.5ex;
bsw@275: margin-right: 0.2em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@19: .ui_filter_head a.active {
bsw/jbe@0: color: #fff;
bsw/jbe@0: background-color: #777;
bsw/jbe@0: padding: 0.5ex;
bsw@275: border-radius: 5px;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * ui.paginate
bsw/jbe@0: */
bsw/jbe@0:
bsw@11: .ui_paginate_head {
bsw@275: display: none;
bsw@11: margin-bottom: 1ex;
bsw@11: }
bsw@11:
bsw@11: .ui_paginate_foot {
bsw@11: margin-top: 1ex;
bsw@11: }
bsw@11:
bsw/jbe@0: .ui_paginate_select a {
bsw@275: padding: 0.5em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * ui.bargraph
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0: .bargraph {
bsw/jbe@19: width: 103px;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@19: .bargraph50 {
bsw/jbe@19: width: 52px;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .bargraph div {
bsw/jbe@0: float: left;
bsw/jbe@0: margin-top: 0.5ex;
bsw@2: height: 1.3ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@4: .bargraph_legend {
bsw/jbe@4: margin-top: 2ex;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .bargraph_legend .bargraph {
bsw/jbe@4: width: 26px;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .bargraph_legend div,
bsw/jbe@4: .bargraph_legend div div,
bsw/jbe@4: .bargraph_legend div div div {
bsw/jbe@4: float: left;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .bargraph_legend_label {
bsw/jbe@4: margin-left: 0.5em;
bsw/jbe@4: margin-right: 1em;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * vertical ui.form
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0: .login input[type=text],
bsw/jbe@0: .vertical input[type=text],
bsw/jbe@0: .login input[type=password],
bsw/jbe@0: .vertical input[type=password],
bsw/jbe@0: .vertical textarea,
bsw/jbe@0: .vertical select {
bsw/jbe@0: font-family: sans-serif;
bsw/jbe@0: font-size: 100%;
bsw@2: width: 50em;
bsw/jbe@0: border: 1px solid #444;
bsw/jbe@0: padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0: margin-bottom: 1ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .login input[type=password],
bsw/jbe@0: .vertical input[type=password] {
bsw/jbe@0: width: 16em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .vertical select {
bsw/jbe@0: padding-right: 0;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .login .ui_field_label,
bsw/jbe@0: .vertical .ui_field_label {
bsw/jbe@0: text-transform: uppercase;
bsw/jbe@0: font-size: 70%;
bsw/jbe@4: line-height: 120%;
bsw/jbe@0: font-weight: bold;
bsw/jbe@0: color: #777;
bsw/jbe@0: width: 15em;
bsw/jbe@0: display: block;
bsw/jbe@0: float: left;
bsw/jbe@0: clear: left;
bsw/jbe@0: text-align: right;
bsw/jbe@0: padding-right: 0.5em;
bsw/jbe@0: }
bsw/jbe@0:
bsw@11: .ui_field_label.label_right {
bsw@11: text-align: left;
bsw@11: width: auto;
bsw@11: }
bsw@11:
bsw/jbe@0: .login input[type=text],
bsw/jbe@0: .login input[type=password] {
bsw/jbe@0: width: 10em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .login div,
bsw/jbe@0: .vertical div {
bsw/jbe@0: clear: left;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .vertical span {
bsw/jbe@0: display: block;
bsw/jbe@0: margin-bottom: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .vertical span:after {
bsw/jbe@0: content: " ";
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .vertical span span {
bsw/jbe@0: display: inline;
bsw/jbe@0: margin-bottom: 0;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .login input[type=submit],
bsw/jbe@0: .vertical input[type=submit] {
bsw/jbe@0: font-size: 100%;
bsw/jbe@0: margin-left: 11em;
bsw/jbe@0: background-color: #444444;
bsw/jbe@0: color: #fff;
bsw/jbe@0: border: none;
bsw/jbe@0: padding: 0.75ex;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .login input[type=submit]:hover,
bsw/jbe@0: .vertical input[type=submit]:hover {
bsw/jbe@0: background-color: #444444;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Tables
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0:
bsw/jbe@0: table a.action {
bsw/jbe@0: font-size: 70%;
bsw/jbe@0: line-height: 190%;
bsw/jbe@0: padding: 0.5ex;
bsw/jbe@0: color: #777;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: table a.active {
bsw/jbe@0: color: #fff;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: th {
bsw/jbe@0: text-align: left;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: tr:hover td {
bsw@317: background-color: #f2f2f2;
bsw/jbe@0: }
bsw/jbe@0:
bsw@11: .nohover tr:hover td {
bsw@11: background-color: #fff;
bsw@11: }
bsw@11:
bsw@313: .initiatives_list .nohover tr:hover td {
bsw@317: background-color: #f2f2f2;
bsw@313: }
bsw@313:
bsw@11: .nohover table tr:hover td {
bsw@317: background-color: #f2f2f2;
bsw@11: }
bsw@11:
bsw/jbe@0:
bsw/jbe@0: tr table tr:hover td {
bsw/jbe@0: background-color: #fff;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Positive / Negtive votes
bsw/jbe@0: */
bsw/jbe@0:
bsw/jbe@0:
bsw/jbe@0: .positive_votes span {
bsw/jbe@0: display: inline;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .positive_votes {
bsw/jbe@0: display: inline;
bsw/jbe@0: background-color: #cfc;
bsw/jbe@0: padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .negative_votes span {
bsw/jbe@0: display: inline;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .negative_votes {
bsw/jbe@0: display: inline;
bsw/jbe@0: background-color: #fcc;
bsw/jbe@0: padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@19: .suggestion_my_opinion a,
bsw/jbe@19: .suggestion_my_opinion span {
bsw/jbe@5: white-space: nowrap;
bsw/jbe@5: padding-left: 0.2ex !important;
bsw/jbe@5: padding-right: 0.2ex !important;
bsw/jbe@5: }
bsw/jbe@0:
bsw/jbe@0: .active {
bsw/jbe@0: background-color: #444;
bsw/jbe@0: color: #fff;
bsw/jbe@0: }
bsw/jbe@0:
bsw/jbe@0: .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0: .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0: .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0: .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0:
bsw/jbe@0:
bsw/jbe@0:
bsw/jbe@0:
bsw/jbe@0: /*************************************************************************
bsw/jbe@0: * Issues
bsw/jbe@0: */
bsw/jbe@0:
bsw@320: .issues {
bsw@320: clear: left;
bsw@320: }
bsw@320:
bsw@273: .issues .issue {
bsw@325: background-color: #fcfcfc;
bsw@273: overflow: hidden;
bsw@273: margin-bottom: 2ex;
bsw@325: border: 1px solid #ccc;
bsw@273: border-radius: 8px;
bsw@273: }
bsw@273:
bsw@325: .issues .issue.interested,
bsw@325: .issues .issue.interest_by_delegation {
bsw@325: }
bsw@325:
bsw@273: .issues .issue .issue_info {
bsw@317: padding: 1ex 1em;
bsw@273: line-height: 140%;
bsw@318: background-image: linear-gradient(top, #eee 0%, #fff 66%);
bsw@318: background-image: -o-linear-gradient(top, #eee 0%, #fff 66%);
bsw@318: background-image: -moz-linear-gradient(top, #eee 0%, #fff 66%);
bsw@325: xbackground-image: -webkit-linear-gradient(top, #eee 0%, #fff 66%);
bsw@323: background-image: -ms-linear-gradient(top, #eee 0%, #fff 66%);
bsw@274: }
bsw@274:
bsw@289: .issues .issue.interested .issue_info,
bsw@289: .issues .issue.interested_by_delegation .issue_info {
bsw@325: xbackground-color: #cdf;
bsw@318: background-image: linear-gradient(top, #cdf 0%, #fff 66%);
bsw@318: background-image: -o-linear-gradient(top, #cdf 0%, #fff 66%);
bsw@318: background-image: -moz-linear-gradient(top, #cdf 0%, #fff 66%);
bsw@325: background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fff 100%);
bsw@323: background-image: -ms-linear-gradient(top, #cdf 0%, #fff 66%);
bsw@273: }
bsw@273:
bsw@273: .issues .issue .issue_info .issue_id {
bsw@273: font-size: 125%;
bsw@273: }
bsw@273:
bsw@317: .issue_policy_info {
bsw@286: font-style: italic;
bsw@286: }
bsw@286:
bsw@285: .issues .issue .interest_by_delegation {
bsw@285: float: right;
bsw@285: }
bsw@285:
bsw@273: .issues .issue .initiative_list a {
bsw@273: font-weight: bold;
bsw@273: }
bsw@273:
bsw@273: .issue_initiative_list a {
bsw@273: font-weight: bold;
bsw/jbe@0: }
bsw/jbe@0:
bsw@274: .more_initiatives_link {
bsw@280: margin-left: 166px;
bsw@274: font-style: italic;
bsw@274: }
bsw@274:
bsw/jbe@0: .issues tr tr {
bsw@2: border: none;
bsw@273: background: none;
bsw/jbe@0: }
bsw/jbe@0:
bsw@274: .initiative_link.selected {
bsw@274: font-weight: bold;
bsw@274: }
bsw@274:
bsw@312: x.initiative_link.supported {
bsw@292: background-color: #cdf;
bsw@289: border-radius: 5px;
bsw@289: }
bsw@289:
bsw@312: x.initiative_link.potentially_supported {
bsw@292: background-color: #cdf;
bsw@274: border-radius: 5px;
bsw@274: }
bsw@274:
bsw/jbe@0: .lang_chooser {
bsw/jbe@0: float: right;
bsw/jbe@0: margin-right: 0.5em;
bsw/jbe@0: }
bsw@2:
bsw@2: .delegation_list_entry {
bsw@2: margin-right: 2em;
bsw@2: margin-bottom: 2ex;
bsw@2: float: left;
bsw@2: clear: left;
bsw@2: }
bsw@2:
bsw@2: .delegation_list_entry .delegation_arrow {
bsw@2: float: left;
bsw@2: }
bsw@2:
bsw@2: .delegation_list_entry .delegation_scope {
bsw@2: float: left;
bsw@2: width: 25em;
bsw@2: }
bsw@2:
bsw@2: .delegation_list_entry .delegation_scope a {
bsw@2: display: block;
bsw@2: }
bsw@2:
bsw@2: .member_list .member_thumb {
bsw@2: float: left;
bsw@2: margin-right: 1em;
bsw@2: margin-bottom: 2ex;
bsw@2: }
bsw@2:
bsw@2: .member_thumb {
bsw@2: text-decoration: none;
bsw@32: width: 14.5em;
bsw/jbe@4: height: 48px;
bsw@2: display: block;
bsw@2: float: left;
bsw@317: background-color: #f2f2f2;
bsw/jbe@4: overflow: hidden;
bsw/jbe@4: position: relative;
bsw@273: border-radius: 7px;
bsw@280: padding: 2px;
bsw/jbe@4: }
bsw/jbe@4:
bsw@280: .xmember_thumb a {
bsw/jbe@4: position: absolute;
bsw/jbe@4: top: 0;
bsw/jbe@4: left: 0;
bsw/jbe@4: padding: 0;
bsw/jbe@4: margin: 0;
bsw@2: }
bsw@2:
bsw@3: .member_thumb a:hover div {
bsw@3: background-color: #444;
bsw@3: color: #fff;
bsw@3: }
bsw@3:
bsw@2: .member_thumb img {
bsw/jbe@4: padding: 0;
bsw/jbe@4: margin: 0;
bsw@2: vertical-align: bottom;
bsw@280: border-radius: 7px;
bsw@2: }
bsw@2:
bsw@3: .member_thumb .member_name {
bsw/jbe@4: position: absolute;
bsw@280: left: 56px;
bsw/jbe@4: top: 2ex;
bsw/jbe@4: font-size: 100%;
bsw/jbe@4: width: 14em;
bsw@2: }
bsw@2:
bsw@3: .member_thumb .flags {
bsw/jbe@19: text-align: right;
bsw@3: font-size: 75%;
bsw@3: }
bsw@3:
bsw/jbe@19: .member_thumb .flags a,
bsw/jbe@19: .member_thumb .flags img {
bsw/jbe@4: position: static;
bsw/jbe@4: float: right;
bsw/jbe@19: margin-left: 0.5em;
bsw/jbe@4: }
bsw/jbe@4:
bsw@177: .member_thumb .flags .in_delegation_chain {
bsw@177: font-weight: bold;
bsw@177: }
bsw@177:
bsw/jbe@4: .member .right {
bsw/jbe@4: float: right;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@19: .member_thumb.not_accepted,
bsw/jbe@19: .member_thumb.not_informed {
bsw@294: background: #fff;
bsw@294: }
bsw@294:
bsw@294: .member_thumb.not_accepted .member_image,
bsw@294: .member_thumb.not_accepted .member_name,
bsw@294: .member_thumb.not_informed .member_image,
bsw@294: .member_thumb.not_informed .member_name {
bsw@294: opacity: 0.4;
bsw@10: }
bsw@10:
bsw@177: .member_thumb.in_delegation_chain {
bsw@280: background-color: #cdf;
bsw@177: }
bsw@177:
bsw/jbe@19: .member_statement,
bsw/jbe@4: .draft_content,
bsw/jbe@19: .suggestion_content {
bsw@317: background-color: #f2f2f2;
bsw@272: padding: 1ex;
bsw@272: border-radius: 8px;
bsw@2: }
bsw@2:
bsw@286: .member_statement {
bsw@286: margin-right: 250px;
bsw@286: }
poelzi@141:
poelzi@141: #suggestion_description {
bsw@181: height: 15ex;
poelzi@141: }
poelzi@141:
bsw@2: .diff {
bsw@317: background-color: #f2f2f2;
bsw@2: border: 1px solid #ccc;
bsw@2: padding: 1ex;
bsw@2: }
bsw@2:
bsw@95: .diff_added {
bsw@2: background-color: #cfc;
bsw@95: text-decoration: underline;
bsw@2: }
bsw@2:
bsw@95: .diff_removed {
bsw@2: background-color: #fcc;
bsw@95: text-decoration: line-through;
bsw@2: }
bsw@2:
bsw@2: .slot_issue_info {
bsw@317: background-color: #f2f2f2;
bsw@2: border: 1px solid #ccc;
bsw@2: float: right;
bsw@2: padding: 0.5ex;
bsw@2: line-height: 130%;
bsw@2: margin-right: 1em;
bsw@2: }
bsw@2:
bsw@2: .issue_info label {
bsw@2: float: left;
bsw@2: width: 8em;
bsw@2: text-transform: uppercase;
bsw@2: font-size: 70%;
bsw@2: color: #777;
bsw@2: font-weight: bold;
bsw@2: clear: left;
bsw@2: text-align: right;
bsw@2: margin-right: 0.7em;
bsw@2: }
bsw@2:
bsw/jbe@19: .admitted_info {
bsw/jbe@19: background-color: #dfd;
bsw/jbe@19: padding: 1ex;
bsw/jbe@19: margin-bottom: 2ex;
bsw@286: border-radius: 8px;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@19: .not_admitted_info,
bsw/jbe@19: .revoked_info {
bsw/jbe@19: background-color: #fdd;
bsw/jbe@19: padding: 1ex;
bsw@312: margin-top: 2ex;
bsw/jbe@19: margin-bottom: 2ex;
bsw@312: border-radius: 8px;
bsw/jbe@19: }
bsw/jbe@19:
bsw/jbe@6: .draft_updated_info,
bsw@10: .voting_active_info,
bsw@11: .initiator_invite_info,
bsw@60: .motd,
bsw@60: .public_access_issue_head {
bsw/jbe@6: background-color: #fec;
bsw@2: padding: 1ex;
bsw@280: margin-top: 2ex;
bsw/jbe@19: margin-bottom: 2ex;
bsw@273: border-radius: 8px;
bsw@3: }
bsw@3:
bsw/jbe@4: .suggestion_fulfilled {
bsw/jbe@4: width: 15em;
bsw/jbe@4: }
bsw/jbe@4: .suggestion_fulfilled a.action {
bsw/jbe@4: padding-left: 0;
bsw/jbe@4: line-height: 120%;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@6: .help,
bsw/jbe@6: .use_terms {
bsw@301: border-radius: 8px;
bsw@317: background-color: #fffbce;
bsw/jbe@4: color: #000;
bsw/jbe@4: padding: 1ex;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .help_visible {
bsw@329: margin-top: 2ex;
bsw/jbe@4: margin-bottom: 1ex;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .help_visible .help_icon {
bsw/jbe@4: float: right;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .slot_help_hidden {
bsw/jbe@4: float: right;
bsw/jbe@4: margin-right: 1em;
bsw@277: margin-top: 1ex;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .help_actions {
bsw/jbe@4: font-size: 75%;
bsw/jbe@4: float: right;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .help_actions a {
bsw/jbe@4: margin-right: 1em;
bsw/jbe@4: color: #468;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .wiki {
bsw@329: line-height: 133%;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .wiki h1,
bsw/jbe@4: .wiki h2,
bsw/jbe@4: .wiki h3,
bsw/jbe@4: .wiki h4 {
bsw/jbe@4: margin-top: 1ex;
bsw/jbe@4: margin-bottom: 1ex;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .wiki h1 {
bsw/jbe@4: font-size: 150%;
bsw@329: font-weight: bold;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .wiki h2 {
bsw/jbe@4: font-size: 125%;
bsw@329: font-weight: bold;
bsw@329: }
bsw@329:
bsw@329: .wiki h3 {
bsw@329: font-size: 125%;
bsw@329: }
bsw@329:
bsw@329: .wiki h4 {
bsw@329: font-size: 100%;
bsw@329: font-weight: bold;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: .wiki p {
bsw/jbe@4: margin-top: 1ex;
bsw/jbe@4: margin-bottom: 1ex;
bsw/jbe@4: }
bsw/jbe@4:
bsw/jbe@4: form .warning {
bsw/jbe@4: background-color: #ffd;
bsw/jbe@4: color: #000;
bsw/jbe@4: border: 1px solid #dda;
bsw/jbe@4: margin: 1ex;
bsw/jbe@4: margin-bottom: 2ex;
bsw/jbe@4: padding: 1ex;
bsw/jbe@4: }
bsw/jbe@5:
bsw@9: a.not_voted {
bsw@9: display: block;
bsw@9: background-color: #fec;
bsw@9: color: #000;
bsw@9: }
bsw/jbe@5:
bsw@11: .action_active {
bsw@11: background-color: #fec;
bsw@11: }
bsw@11:
bsw/jbe@19: .heading {
bsw@274: display: block;
bsw/jbe@19: font-size: 120%;
bsw/jbe@19: font-weight: bold;
bsw/jbe@19: }
bsw/jbe@19:
bsw@280: .heading.member_area_list {
bsw@280: position: absolute;
bsw@280: }
bsw@280:
bsw/jbe@19: .heading.first {
bsw/jbe@19: margin-top: 0;
bsw/jbe@19: }
bsw/jbe@19:
bsw@75: .menu_list li {
bsw@75: padding-top: 1ex;
bsw@75: padding-bottom: 1ex;
bsw@75: }
bsw@75:
bsw@75: .deactivated_member_info {
bsw@75: background-color: #a00;
bsw@75: color: #fff;
bsw@75: }
bsw@75:
bsw/jbe@5: /*************************************************************************
bsw/jbe@5: * Voting
bsw/jbe@5: */
bsw/jbe@5:
bsw@286: #voting_form {
bsw@286: margin-top: 20px;
bsw@286: }
bsw@286:
bsw/jbe@5: #voting {
bsw/jbe@5: position: relative;
bsw/jbe@5: }
bsw@286:
bsw/jbe@5: #voting .approval, .abstention, .disapproval {
bsw/jbe@5: border: 2px black solid;
bsw@286: margin-top: 2ex;
bsw/jbe@5: margin-bottom: 5ex;
bsw/jbe@5: padding: 1ex;
bsw/jbe@5: padding-bottom: 2ex;
bsw@286: border-radius: 8px;
bsw/jbe@5: }
bsw/jbe@5: #voting .approval {
bsw/jbe@5: background-color: #9f9;
bsw/jbe@5: }
bsw/jbe@5: #voting .approval .movable {
bsw/jbe@5: background-color: #dfd;
bsw/jbe@5: }
bsw/jbe@5: #voting .abstention {
bsw/jbe@5: background-color: #ccc;
bsw/jbe@5: }
bsw/jbe@5: #voting .abstention .movable {
bsw@317: background-color: #f2f2f2;
bsw/jbe@5: }
bsw/jbe@5: #voting .disapproval {
bsw/jbe@5: background-color: #f88;
bsw/jbe@5: }
bsw/jbe@5: #voting .disapproval .movable {
bsw/jbe@5: background-color: #fbb;
bsw/jbe@5: }
bsw/jbe@5: #voting .cathead {
bsw/jbe@5: font-weight: bold;
bsw/jbe@5: }
bsw/jbe@5: #voting .movable {
bsw/jbe@5: position: relative;
bsw/jbe@5: border: 1px black solid;
bsw@286: margin-top: 1ex;
bsw/jbe@5: padding: 0.5ex;
bsw@286: border-radius: 8px;
bsw/jbe@19: }
bsw/jbe@19: #voting .voting_form_active .movable {
bsw/jbe@5: cursor: pointer;
bsw/jbe@5: }
bsw/jbe@19: #voting .voting_form_active .clickable {
bsw/jbe@5: cursor: auto;
bsw/jbe@5: }
bsw/jbe@19: #voting .voting_form_active a.clickable {
bsw/jbe@5: cursor: pointer;
bsw/jbe@5: }
bsw/jbe@6:
bsw/jbe@6: #voting .grabber {
bsw/jbe@6: vertical-align: middle;
bsw/jbe@6: cursor: move;
bsw/jbe@19: }
bsw/jbe@19:
poelzi@145: /*************************************************************************
poelzi@145: * timeline
poelzi@145: */
poelzi@145: div.ignore_area_list {
poelzi@145: float: left;
poelzi@145: width: 90%;
poelzi@169: margin: 0 0 1em 0;
poelzi@145: }
bsw/jbe@19:
poelzi@145: div.ignore_area_list >
poelzi@145: label.ui_field_label {
poelzi@145: text-align: left ;
poelzi@145: width: 100%;
poelzi@145: border-bottom:1px solid #000000;
poelzi@145: color: #000000;
poelzi@145: font-size:75%;
poelzi@145: font-weight:bold;
poelzi@145: vertical-align:bottom;
poelzi@145: text-transform:none;
poelzi@145: padding:0.5ex 0.5em
poelzi@145: }
poelzi@145:
poelzi@145: div.ignore_area_item {
poelzi@145: clear: none;
poelzi@145: float: left;
poelzi@169: min-width: 10em;
poelzi@145: margin: 0.1ex 0.5em;
poelzi@169: margin-right: 0.5em;
poelzi@145: }
poelzi@145:
poelzi@145: div.ignore_area_item > input {
poelzi@145: float: none;
poelzi@145: clear: none;
poelzi@145: display: inline;
poelzi@145: }
poelzi@145:
poelzi@145: div.ignore_area_item >
poelzi@145: label.ui_field_label {
poelzi@145: float: none;
poelzi@145: clear: none;
poelzi@145: text-align: left;
poelzi@145: display: inline;
poelzi@145: }
poelzi@145:
poelzi@145: div.timeline_results {
poelzi@145: clear: both;
poelzi@145: }
bsw@325:
bsw@325: /* shadows */
bsw@325:
bsw@325: .slot_initiatives_list,
bsw@325: .actions,
bsw@325: .issues .issue,
bsw@325: .ui_tabs_links a,
bsw@325: .draft_content,
bsw@325: .help,
bsw@325: .use_terms,
bsw@325: .motd,
bsw@325: .ui_filter a.active {
bsw@325: box-shadow: #777 0px 5px 5px -5px;
bsw@325: -mox-box-shadow: #777 0px 5px 5px -5px;
bsw@325: -webkit-box-shadow: #777 0px 5px 5px -5px;
bsw@325: }
bsw@325:
bsw@325: