| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| /* basic screen style for all pages */ |
| html,body { |
| height: 100%; |
| margin: 0; |
| padding: 0; |
| color: #333333; |
| font-size: 10pt; |
| font-family: verdana, arial, sans-serif; |
| text-align: center; |
| } |
| |
| #content-wrapper { |
| position: relative; |
| min-height: 100%; |
| } |
| |
| * #content-wrapper { |
| height: 100%; |
| } |
| |
| #content { |
| position: absolute; |
| left: 0; |
| right: 0; |
| top: 0; |
| bottom: 0; |
| padding-bottom: 0; |
| } |
| |
| #header { |
| position: absolute; |
| padding-top: 0; |
| top: 0; |
| left: 0; |
| right: 0; |
| height: 8.0em; |
| color: #c4c4c4; |
| background-color: #304065; |
| text-align: center; |
| } |
| |
| #banner { |
| height: 1.5em; |
| font-size: 1.0em; |
| } |
| |
| #headertitle { |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| } |
| |
| #subheader { |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| font-size: .92em; |
| } |
| |
| #footer { |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| padding: 0; |
| height: 1.5em; |
| font-size: 1.0em; |
| } |
| |
| #main { |
| position: absolute; |
| top: 8.0em; |
| left: 11em; |
| right: 0; |
| bottom: 1.5em; |
| padding: 0.6em; |
| overflow: scroll; |
| } |
| |
| #nav { |
| position: absolute; |
| top: 8.0em; |
| left: 0; |
| bottom: 0; |
| padding: 0.5em; |
| width: 10em; |
| color: #304065; |
| background-color: #c4c4c4; |
| text-align: left; |
| } |
| |
| #nav-title { |
| margin-left: auto; |
| margin-right: auto; |
| text-align: center; |
| font-size: 1.1em; |
| } |
| |
| h1 { |
| font-size: 2.2em; |
| font-variant: small-caps; |
| text-align: center; |
| } |
| |
| h2 { |
| width: 100%; |
| font-size: 1.3em; |
| text-align: center; |
| } |
| |
| h2.error { |
| width: 100%; |
| color: #ff0000; |
| background-color: #000000; |
| } |
| |
| h2.error a { |
| color: #ff0000; |
| background-color: #000000; |
| } |
| |
| caption { |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| caption.error { |
| color: #ff0000; |
| background-color: #000000; |
| } |
| |
| hr { |
| border: 0; |
| height: 1px; |
| background-color: #304065; |
| color: #304065; |
| } |
| |
| table { |
| margin-left: auto; |
| margin-right: auto; |
| min-width: 60%; |
| border: 1px #333333 solid; |
| border-spacing-top: 0; |
| border-spacing-bottom: 0; |
| font-size: 9pt; |
| border: 1px #333333 solid; |
| border: 1px #333333 solid; |
| } |
| |
| /* |
| The following is to avoid a problem with the flot |
| javascript library. This file sets min-width to 60% |
| for all tables. This make the html generated by |
| flot.js not work. Flot creates a class called legend |
| used in a div that has a child table. This sets |
| min-width to 0 for that child table enabling it |
| to render correctly. |
| */ |
| div.legend > table { |
| min-width: 0%; |
| } |
| |
| table.sortable { |
| border-left: 0; |
| border-right: 0; |
| border-top: 1px #333333 dotted; |
| border-bottom: 1px #333333 dotted; |
| } |
| |
| td { |
| border-top: 0; |
| border-bottom: 0; |
| border-left: 0; |
| border-right: 0; |
| border-spacing-top: 0; |
| border-spacing-bottom: 0; |
| padding-left: 0.5em; |
| padding-right: 0.5em; |
| padding-top: 0.15em; |
| padding-bottom: 0.15em; |
| color: #333333; |
| } |
| |
| th { |
| border-top: 0; |
| border-bottom: 3px #333333 solid; |
| border-left: 1px #333333 dotted; |
| border-right: 0; |
| border-spacing-top: 0; |
| border-spacing-bottom: 0; |
| text-align: center; |
| font-variant: small-caps; |
| padding-left: 0.5em; |
| padding-right: 0.5em; |
| padding-top: 0.2em; |
| padding-bottom: 0.2em; |
| color: #333333; |
| font-size: 10pt; |
| vertical-align: bottom; |
| } |
| |
| td.firstcell { |
| border-left: 0; |
| } |
| |
| th.firstcell { |
| border-left: 0; |
| } |
| |
| a { |
| text-decoration: none; |
| color: #0000ff; |
| line-height: 1.5em; |
| } |
| |
| a:hover { |
| color: #004400; |
| text-decoration: underline; |
| } |
| |
| a img { |
| border: 0px; |
| } |
| |
| div.show { |
| display: block; |
| } |
| |
| div.hide { |
| display: none; |
| } |
| |
| div.progress-chart { |
| border: 1px solid #333333; |
| border-spacing: 0; |
| width: 150px; |
| float: left; |
| } |
| |
| div.progress-chart>div { |
| height: 20px; |
| background-color: #0000ff; |
| } |
| |
| pre.logevent { |
| margin: 0; |
| } |
| |
| .noborder { |
| border: 0; |
| border-spacing: 0; |
| border-bottom: 0; |
| border-right: 0; |
| } |
| |
| .noborder td { |
| vertical-align: top; |
| } |
| |
| .table-caption { |
| font-size: 2em; |
| font-variant: small-caps; |
| text-align: center; |
| } |
| |
| .table-subcaption { |
| font-size: 0.9em; |
| } |
| |
| .left { |
| text-align: left; |
| } |
| |
| .right { |
| text-align: right; |
| margin-right: 0; |
| } |
| |
| .error { |
| color: #ffffff; |
| background-color: #ff0000; |
| } |
| |
| .error a { |
| color: #ffffff; |
| background-color: #ff0000; |
| } |
| |
| .warning { |
| background-color: #ffff33; |
| } |
| |
| .warning a { |
| background-color: #ffff33; |
| } |
| |
| .highlight { |
| background-color: #cef4b5; |
| } |
| |
| .smalltext { |
| font-size: 0.8em; |
| } |
| |
| .center { |
| text-align: center; |
| padding: 0.5em; |
| } |
| |
| .plotHeading { |
| text-align: center; |
| font-size: 1.5em; |
| } |
| .nowrap { |
| white-space:nowrap; |
| } |
| |
| .viscontrol { |
| border: 1px solid #c4c4c4; |
| padding: 5px; |
| } |
| |
| #vishoverinfo { |
| visibility: hidden; |
| position: absolute; |
| border: 1px solid #c4c4c4; |
| background-color: #ffffff; |
| } |
| |
| #shell { |
| text-align: left; |
| color: #55d839; |
| border: 1px; |
| padding-left: 5px; |
| background-color: #000000; |
| height: 40em; |
| overflow: auto; |
| font-family: Monaco, monospace; |
| font-size: 100%; |
| } |
| |
| #shell span { |
| display: inline; |
| } |
| |
| #shell input { |
| display: inline; |
| border: none; |
| width: 60%; |
| color: #55d839; |
| background-color: #000000; |
| font-family: Monaco, monospace; |
| font-size: 100%; |
| } |
| |
| #shell pre { |
| font-family: Monaco, monospace; |
| font-size: 100%; |
| } |
| |
| #login { |
| text-align: left; |
| } |
| |
| #login table { |
| margin-left: 0; |
| min-width: 0%; |
| } |
| |
| #loginError { |
| text-align: left; |
| color: red; |
| } |