jbe/bsw@0: /* jbe/bsw@0: * ********** body *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: body { jbe/bsw@0: background-color: #ddd; jbe/bsw@0: font-family: sans-serif; jbe/bsw@0: margin: 0; jbe/bsw@0: padding: 0; jbe/bsw@0: font-size: 10pt; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: body, td, th, input, select { jbe/bsw@0: font-size: 10pt; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: div { jbe/bsw@0: padding: 0px; jbe/bsw@0: margin: 0px; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: /* jbe/bsw@0: * ********** Logo *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: .layout_logo { jbe/bsw@0: background: #fff; jbe/bsw@0: border: 1px solid #444; jbe/bsw@0: border-left: none; jbe/bsw@0: border-top: none; jbe/bsw@0: color: #444; jbe/bsw@0: float: left; jbe/bsw@0: height: 2.29em; jbe/bsw@0: margin-bottom: 2ex; jbe/bsw@0: padding-bottom: 0.3ex; jbe/bsw@0: padding-left: 0.3ex; jbe/bsw@0: padding-top: 0.3ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .logo { jbe/bsw@0: font-size: 1em; jbe/bsw@0: font-weight: bold; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .logo img { jbe/bsw@0: height: 2.29em; jbe/bsw@0: margin-bottom: -0.7em; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: /* jbe/bsw@0: * ********** Top navigation *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: .layout_topnav { jbe/bsw@0: float: left; jbe/bsw@0: margin-bottom: 2em; jbe/bsw@0: margin-left: 2ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_topnav .nav { jbe/bsw@0: background: #fff; jbe/bsw@0: border: 1px solid #444; jbe/bsw@0: border-top: none; jbe/bsw@0: color: #000; jbe/bsw@0: display: block; jbe/bsw@0: float: left; jbe/bsw@0: font-weight: bold; jbe/bsw@0: height: 2.29em; jbe/bsw@0: margin-right: 1ex; jbe/bsw@0: padding-bottom: 0.3ex; jbe/bsw@0: padding-left: 0.3ex; jbe/bsw@0: padding-right: 1ex; jbe/bsw@0: padding-top: 0.3ex; jbe/bsw@0: text-decoration: none; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: .vertical .lang_chooser { jbe/bsw@0: margin-left: 25ex; jbe/bsw@0: margin-bottom: 1ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical .lang_chooser div { jbe/bsw@0: margin-right: 1ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .lang_chooser div { jbe/bsw@0: float: left; jbe/bsw@0: text-align: center; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .lang_chooser a { jbe/bsw@0: color: #000; jbe/bsw@0: font-size: 75%; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .lang_chooser img { jbe/bsw@0: display: block; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .lang_chooser img { jbe/bsw@0: border: 1px solid white; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .lang_chooser a:hover img { jbe/bsw@0: border: 1px solid #444; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .lang_chooser a:hover { jbe/bsw@0: background: #444; jbe/bsw@0: color: #fff; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: .slot_topnav a:hover { jbe/bsw@0: background: #444; jbe/bsw@0: color: #fff; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: /* jbe/bsw@0: * ********** Content *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: .layout_content { jbe/bsw@0: margin-left: 2ex; jbe/bsw@0: margin-right: 2ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: /* jbe/bsw@0: * ********** Messages *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: .layout_notice, .layout_error, .layout_warning { jbe/bsw@0: background: #fff; jbe/bsw@0: font-weight: bold; jbe/bsw@0: right: 2ex; jbe/bsw@0: line-height: 1.7em; jbe/bsw@0: position: absolute; jbe/bsw@0: top: 2ex; jbe/bsw@0: width: 60ex; jbe/bsw@0: -moz-opacity:0.7; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_notice, .slot_warning, .slot_error { jbe/bsw@0: padding: 2ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_notice { jbe/bsw@0: color: green; jbe/bsw@0: border: 2px solid green; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_warning { jbe/bsw@0: color: orange; jbe/bsw@0: border: 2px solid orange; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_error { jbe/bsw@0: color: red; jbe/bsw@0: border: 2px solid red; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: /* jbe/bsw@0: * ********** Title, Actions and Main *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: .layout_title { jbe/bsw@0: background: #fff; jbe/bsw@0: border: 1px solid #444; jbe/bsw@0: border-bottom: none; jbe/bsw@0: padding: 0.5ex; jbe/bsw@0: font-size: 120%; jbe/bsw@0: font-weight: bold; jbe/bsw@0: float: left; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .layout_title .object_class { jbe/bsw@0: float: left; jbe/bsw@0: font-size: 0.7em; jbe/bsw@0: font-weight: normal; jbe/bsw@0: margin-right: 1ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .layout_actions { jbe/bsw@0: background: #444; jbe/bsw@0: border-left: 1px solid #444; jbe/bsw@0: padding-top: 0.5ex; jbe/bsw@0: padding-bottom: 0.5ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_actions a { jbe/bsw@0: color: #fff; jbe/bsw@0: text-decoration: none; jbe/bsw@0: padding: 0.5ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_actions a:hover { jbe/bsw@0: background: #ccc; jbe/bsw@0: color: #444; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .slot_main { jbe/bsw@0: background: #fff; jbe/bsw@0: border: 1px solid #444; jbe/bsw@0: border-top: none; jbe/bsw@0: padding: 2ex; jbe/bsw@0: padding-bottom: 0px; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: /* jbe/bsw@0: * ********** ui *********** jbe/bsw@0: */ jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: form.ui_link { jbe/bsw@0: display: inline; jbe/bsw@0: margin: 0px; jbe/bsw@0: padding: 0px; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical { jbe/bsw@0: margin-bottom: 1em; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical:after, .vertical div:after { jbe/bsw@0: clear: left; jbe/bsw@0: content: "."; jbe/bsw@0: display: block; jbe/bsw@0: height: 0; jbe/bsw@0: visibility: hidden; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical label { jbe/bsw@0: float: left; jbe/bsw@0: width: 25ex; jbe/bsw@0: padding-top: 0.7em; jbe/bsw@0: font-size: 80%; jbe/bsw@0: font-weight: bold; jbe/bsw@0: color: #666; jbe/bsw@0: text-align: right; jbe/bsw@0: text-transform: uppercase; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical select, jbe/bsw@0: .vertical input, jbe/bsw@0: .vertical textarea, jbe/bsw@0: .vertical span { jbe/bsw@0: margin-left: 1em; jbe/bsw@0: margin-bottom: 2ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical textarea { jbe/bsw@0: border: none; jbe/bsw@0: border: 1px dotted #777; jbe/bsw@0: padding: 0px; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical input, jbe/bsw@0: .vertical select { jbe/bsw@0: border: 1px dotted #777; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .vertical textarea { jbe/bsw@0: width: 80ex; jbe/bsw@0: height: 5em; jbe/bsw@0: font-family: sans-serif; jbe/bsw@0: font-size: 100%; jbe/bsw@0: padding: 0.5ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: input[type=text] { jbe/bsw@0: background: #fff; jbe/bsw@0: padding: 0.5ex; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: input[type=submit] { jbe/bsw@0: margin-left: 25ex; jbe/bsw@0: border: 1px dotted #777; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: input[type=submit]:hover { jbe/bsw@0: border: 1px solid #777; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: /* ui.list */ jbe/bsw@0: jbe/bsw@0: table.ui_list { jbe/bsw@0: border-collapse: collapse; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: ul.ui_list { jbe/bsw@0: padding: 0px; jbe/bsw@0: margin: 0px; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li { jbe/bsw@0: clear: left; jbe/bsw@0: list-style-type: none; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list_title { jbe/bsw@0: font-size: 110%; jbe/bsw@0: font-weight: bold; jbe/bsw@0: margin-bottom: 0.2em; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: jbe/bsw@0: li.ui_list_head { jbe/bsw@0: font-weight: bold; jbe/bsw@0: background: #777; jbe/bsw@0: color: #fff; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li:hover, jbe/bsw@0: .ui_list tr:hover { jbe/bsw@0: background: #ddd; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li.ui_list_head:hover, jbe/bsw@0: .ui_list tr.ui_list_head:hover { jbe/bsw@0: background: #777; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list a { jbe/bsw@0: text-decoration: none; jbe/bsw@0: color: #000; jbe/bsw@0: border-bottom: 1px dashed #777; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list a:hover { jbe/bsw@0: border-bottom: 1px solid #000; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li div { jbe/bsw@0: float: left; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list td { jbe/bsw@0: vertical-align: top; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li div, jbe/bsw@0: .ui_list td { jbe/bsw@0: padding-top: 0.4ex; jbe/bsw@0: padding-bottom: 0.4ex; jbe/bsw@0: padding-right: 0.4em; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li div div { jbe/bsw@0: padding: 0px; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list li div a { jbe/bsw@0: text-decoration: none; jbe/bsw@0: color: #000; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_list_col_align_right { jbe/bsw@0: text-align: right; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_paginate_select { jbe/bsw@0: text-align: center; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_paginate_select a { jbe/bsw@0: padding-left: 1ex; jbe/bsw@0: padding-right: 1ex; jbe/bsw@0: background-color: #ccc; jbe/bsw@0: color: #000; jbe/bsw@0: } jbe/bsw@0: jbe/bsw@0: .ui_paginate_select a.active, jbe/bsw@0: .ui_paginate_select a:hover { jbe/bsw@0: background-color: #444; jbe/bsw@0: color: #fff; jbe/bsw@0: }