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/jbe@19: line-height: 170%; 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@2: padding: 0.5ex 0.5em 0.5ex 0.5em; 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-size: 75%; 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@2: a { bsw/jbe@19: xvertical-align: middle; bsw@2: } bsw@2: 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/jbe@0: background: #fff; bsw/jbe@0: font-weight: bold; bsw/jbe@0: line-height: 1.7em; bsw/jbe@0: -moz-opacity:0.7; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_notice, .slot_warning, .slot_error { bsw/jbe@4: padding-left: 1em; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_notice { bsw/jbe@4: background-color: #cfc; bsw/jbe@4: color: #040; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_warning { bsw/jbe@4: background-color: #fec; bsw/jbe@4: color: #420; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_error { bsw/jbe@4: background-color: #fcc; bsw/jbe@4: 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/jbe@0: background-color: #444; bsw/jbe@0: color: #fff; bsw/jbe@0: font-size: 75%; bsw/jbe@19: line-height: 140%; bsw/jbe@19: margin-bottom: 1.8ex; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .topbar a { bsw/jbe@5: background-color: #444; bsw/jbe@0: color: #fff; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .topbar a:hover { bsw/jbe@0: background-color: #fff; bsw/jbe@0: color: #000; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .navigation, bsw/jbe@0: .logout_button { bsw/jbe@0: line-height: 250%; 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/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/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/jbe@0: .title_bar { bsw/jbe@4: border-bottom: 1px solid #777; bsw/jbe@4: padding-top: 1ex; bsw/jbe@4: padding-bottom: 0.5ex; bsw/jbe@4: } bsw/jbe@4: bsw/jbe@4: .title_bar_content { bsw/jbe@4: margin-left: 1em; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .path { bsw/jbe@0: color: #444; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .path div { bsw/jbe@0: font-size: 100%; bsw/jbe@0: line-height: 180%; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .path a { bsw/jbe@0: color: #444; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_path div { bsw/jbe@0: display: inline; bsw/jbe@0: margin-left: 1em; bsw/jbe@0: margin-right: 1em; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .title { bsw/jbe@0: color: #000; bsw/jbe@0: margin-bottom: 0.5ex; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_title { bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .title div { bsw/jbe@0: font-weight: bold; bsw/jbe@0: font-size: 135%; 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/jbe@4: .member_image_avatar { bsw/jbe@0: float: left; bsw/jbe@0: margin-right: 0.5em; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .actions { bsw/jbe@0: font-size: 75%; bsw/jbe@4: line-height: 220%; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .slot_actions { bsw/jbe@0: display: inline; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .actions a { bsw/jbe@4: float: left; bsw/jbe@4: display: block; bsw/jbe@5: padding: 1px 0.5em 1px 0.0em; bsw/jbe@0: margin-right: 1em; bsw/jbe@0: vertical-align: middle; bsw/jbe@0: } bsw/jbe@0: poelzi@127: .content_navigation { poelzi@127: font-size: 75%; poelzi@127: background-color: #eee; poelzi@127: margin-bottom: 2ex; poelzi@127: padding-left: 1em; poelzi@127: } poelzi@127: poelzi@127: .content_navigation div, poelzi@127: .content_navigation a { poelzi@127: display: inline-block; poelzi@127: padding: 3px 0.5em 3px 0.0em; poelzi@127: margin-right: 1em; poelzi@127: vertical-align: middle; poelzi@127: } poelzi@127: poelzi@130: .content_navigation a:hover { poelzi@130: background-color: #d7d7d7; poelzi@130: } poelzi@130: poelzi@150: .content_navigation_seperator { poelzi@150: height: 1.4em; poelzi@150: border-left: 1px solid black; poelzi@150: } poelzi@150: 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: poelzi@127: poelzi@127: bsw/jbe@0: /************************************************************************* bsw@2: * vote info / delegation bsw@2: */ bsw@2: bsw/jbe@4: .interest, bsw@2: .slot_support, bsw@16: .delegation, bsw@16: .voting_requested { 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@16: .delegation img, bsw@16: .voting_requested img { bsw/jbe@4: padding-left: 0.2em; bsw/jbe@4: padding-right: 0.2em; bsw/jbe@4: } bsw/jbe@4: .vote_info .head { bsw/jbe@4: float: left; bsw@2: margin-right: 1em; bsw@2: } bsw@2: bsw/jbe@5: .interest .head_active, bsw@10: .slot_support .head_potential_supporter{ bsw/jbe@5: background-color: #fec; bsw/jbe@5: border: 1px solid #b96; bsw/jbe@4: } bsw/jbe@4: bsw/jbe@19: .interest .head_autoreject { bsw/jbe@19: background-color: #fdd; bsw/jbe@19: border: 1px solid #b77; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@5: .slot_support .head_supporter { bsw/jbe@5: background-color: #dfc; bsw/jbe@4: border: 1px solid #8b8; bsw/jbe@4: } bsw/jbe@4: bsw@10: .slot_support .head_initiator { bsw@10: background-color: #eee; bsw@10: border: 1px solid #999; bsw@10: } bsw@10: bsw/jbe@4: .delegation .head_active { bsw/jbe@5: background-color: #ddf; bsw/jbe@5: border: 1px solid #88b; 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@16: .voting_requested .head_active { bsw@16: background-color: #fdd; bsw@16: border: 1px solid #b77; bsw@16: } bsw@16: 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/jbe@4: top: 3ex; bsw@2: display: none; bsw@2: position: absolute; bsw@2: z-index: 10; bsw@2: background-color: #fff; bsw/jbe@4: border: 1px solid #999; bsw@2: padding: 1em; bsw/jbe@19: width: 35em; 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@2: .vote_info .member_thumb { bsw@2: clear: left; 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/jbe@4: .sub_title div { bsw/jbe@4: padding-top: 1ex; bsw/jbe@4: margin-top: 1ex; bsw/jbe@4: font-weight: bold; bsw/jbe@4: font-size: 135%; bsw/jbe@4: line-height: 110%; bsw/jbe@4: } bsw/jbe@4: bsw@2: /************************************************************************* bsw/jbe@0: * Main content bsw/jbe@0: */ bsw/jbe@0: bsw/jbe@0: .main { bsw/jbe@0: margin-left: 1em; bsw/jbe@0: margin-right: 1em; bsw/jbe@0: } 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/jbe@0: margin-top: 4ex; 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/jbe@4: line-height: 200%; bsw/jbe@0: background-color: #e7e7e7; bsw/jbe@4: white-space: nowrap; 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/jbe@0: border: 1px solid #444; bsw/jbe@0: padding: 1ex 1ex 1ex 1ex; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@19: .web10 .ui_tabs_accordeon_head { bsw/jbe@19: margin-bottom: 1ex; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .ui_tabs_accordeon_head { bsw/jbe@19: font-size: 80%; bsw/jbe@19: font-weight: bold; bsw/jbe@19: display: block; bsw/jbe@19: background: #eee; bsw/jbe@19: border: 1px solid #bbb; bsw/jbe@19: color: #000; bsw/jbe@19: padding: 0.75ex; bsw/jbe@19: margin-top: 2ex; bsw/jbe@19: cursor: pointer; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .ui_tabs_accordeon_head img { bsw/jbe@19: vertical-align: middle; bsw/jbe@19: margin-right: 0.5em; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .ui_tabs_accordeon_head .bargraph { bsw/jbe@19: margin-right: 0.5em; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .ui_tabs_accordeon_content { bsw/jbe@19: border: 1px solid #aaa; bsw/jbe@19: border-top: none; bsw/jbe@19: padding: 2ex 1em 2ex 1em; bsw/jbe@19: margin-bottom: 3ex; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_head { bsw/jbe@19: background-color: #e5e5ff; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_head, bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_content { bsw/jbe@19: border-color: #aad; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content { bsw/jbe@19: border-color: #bbb; bsw/jbe@19: border-width: 1px; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head { bsw/jbe@19: background-color: #eee; bsw/jbe@19: border: 1px solid #bbb; bsw/jbe@19: } bsw/jbe@19: bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_head a { bsw@29: font-size: 120%; bsw/jbe@19: } bsw/jbe@19: bsw@57: .ui_tabs_links a.yellow { bsw@57: background-color: #fec; bsw@57: color: #000; bsw@57: } bsw/jbe@19: bsw@57: .ui_tabs_links a.yellow:hover { bsw@57: background-color: #edb; bsw@57: } bsw@57: bsw@57: .ui_tabs_links a.yellow.selected { bsw@57: background-color: #654; bsw@57: color: #fff; bsw@57: text-decoration: none; bsw@57: padding: 1ex; bsw@57: } bsw@57: bsw@57: .web20 .ui_tabs_accordeon_head.yellow { bsw@57: background-color: #fec; bsw@57: border-color: #b96; bsw@57: xpadding: 1ex; bsw@57: xmargin-bottom: 2ex; bsw@57: } bsw@57: bsw@57: .web20 .ui_tabs_accordeon_content.yellow { bsw@57: border-color: #b96; bsw@57: } bsw/jbe@19: 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: .web20 .ui_tabs_accordeon_head.red { poelzi@151: background-color: #c23; poelzi@151: border-color: #b66; poelzi@151: xpadding: 1ex; poelzi@151: xmargin-bottom: 2ex; poelzi@151: } poelzi@151: poelzi@151: .web20 .ui_tabs_accordeon_content.red { poelzi@151: border-color: #b66; poelzi@151: } poelzi@151: poelzi@151: bsw/jbe@0: /************************************************************************* bsw/jbe@19: * ui.filters bsw/jbe@0: */ bsw/jbe@0: 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@2: } bsw@2: bsw/jbe@19: .ui_filter_head a { bsw/jbe@0: color: #777; bsw/jbe@0: padding: 0.5ex; 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/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@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/jbe@0: padding: 0.5ex; 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: border-bottom: 1px solid #000; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: tr:hover td { bsw/jbe@0: background-color: #ddd; bsw/jbe@0: } bsw/jbe@0: bsw@11: .nohover tr:hover td { bsw@11: background-color: #fff; bsw@11: } bsw@11: bsw@11: .nohover table tr:hover td { bsw@11: background-color: #ddd; 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: * Hidden inline form bsw/jbe@0: */ bsw/jbe@0: bsw/jbe@0: .hidden_inline_form { bsw/jbe@0: display: none; bsw/jbe@0: border: 1px solid #444; bsw/jbe@0: width: 42em; bsw@8: position: fixed; bsw/jbe@0: background-color: #fff; bsw/jbe@0: left: 5em; bsw@8: top: 5ex; bsw/jbe@19: z-index: 2; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .hidden_inline_form a { bsw/jbe@0: padding: 0.5ex; bsw/jbe@0: color: #fff; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: bsw/jbe@0: .hidden_inline_form .head { bsw/jbe@0: background-color: #444; bsw/jbe@0: color: #fff; bsw/jbe@0: display: block; bsw/jbe@0: padding: 0.5ex; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .hidden_inline_form input[type=text], bsw/jbe@0: .hidden_inline_form textarea, bsw/jbe@0: .hidden_inline_form select { bsw/jbe@0: width: 30em; 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/jbe@0: .issues tr { bsw@2: border: 1px solid #ccc; bsw/jbe@0: } bsw/jbe@0: bsw/jbe@0: .issues tr tr { bsw@2: border: none; bsw/jbe@0: } bsw/jbe@0: 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/jbe@4: border: 1px solid #999; bsw/jbe@4: overflow: hidden; bsw/jbe@4: xwhite-space: nowrap; bsw/jbe@4: position: relative; bsw/jbe@4: } bsw/jbe@4: bsw/jbe@4: .member_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@2: } bsw@2: bsw@2: .member_thumb div { bsw/jbe@4: } bsw/jbe@4: bsw/jbe@4: .member_thumb .member_image { bsw@3: } bsw@3: bsw@3: .member_thumb .member_name { bsw/jbe@4: position: absolute; bsw/jbe@4: left: 48px; 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/jbe@4: 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@10: opacity: 0.5; bsw@10: } bsw@10: bsw/jbe@19: .member_statement, bsw/jbe@4: .draft_content, bsw/jbe@19: .suggestion_content { bsw@2: background-color: #eee; bsw@2: border: 1px solid #ccc; bsw/jbe@4: padding-left: 1ex; bsw/jbe@4: padding-right: 1ex; bsw@2: } bsw@2: poelzi@141: poelzi@141: .suggestion_content, poelzi@141: #suggestion_description { poelzi@141: font-family: monospace; poelzi@141: } poelzi@141: bsw@2: .diff { bsw@2: background-color: #eee; 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@2: background-color: #eee; 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/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/jbe@19: margin-bottom: 2ex; 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/jbe@19: border: 1px solid #b96; bsw@2: padding: 1ex; bsw/jbe@19: margin-bottom: 2ex; 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/jbe@4: border: 1px solid #bcd; bsw/jbe@4: background-color: #def; bsw/jbe@4: color: #000; bsw/jbe@4: padding: 1ex; bsw/jbe@4: } bsw/jbe@4: bsw/jbe@4: .help_visible { 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/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/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/jbe@4: } bsw/jbe@4: bsw/jbe@4: .wiki h2 { bsw/jbe@4: font-size: 125%; 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/jbe@19: font-size: 120%; bsw/jbe@19: font-weight: bold; bsw/jbe@19: margin-top: 2ex; bsw/jbe@19: margin-bottom: 1ex; bsw/jbe@19: } bsw/jbe@19: 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/jbe@5: #voting { bsw/jbe@5: position: relative; bsw/jbe@5: } bsw/jbe@5: #voting .approval, .abstention, .disapproval { bsw/jbe@5: border: 2px black solid; bsw/jbe@5: margin-top: 5ex; bsw/jbe@5: margin-bottom: 5ex; bsw/jbe@5: padding: 1ex; bsw/jbe@5: padding-bottom: 2ex; 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/jbe@5: background-color: #eee; 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/jbe@5: margin: 1ex; bsw/jbe@5: padding: 0.5ex; 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: }