src/main/web/hicc/css/iframe.css

/*
 * 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.
 */
#statisLegend table {
  border-collapse: collapse;
  padding: 5px;
}

#statisLegend th strong {
  color: #fff;
}

#statisLegend th {
  padding-left: 5px;
  padding-right: 5px;
  background: #496274;
  color: #fff;
  text-align: center;
  border-bottom: solid 2px #fff;
  opacity: 0.9;
}

#statisLegend tr {
}

#statisLegend td {
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#statisLegend td.first,th.first {
	border-left: 0px;
}

#statisLegend tr.row-a {
	background: #F8F8F8;
}

#statisLegend tr.row-b {
	background: #EFEFEF;		
}

#statisLegend {
    font-size: 0.85em;
    margin: auto;
    align: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

.small_font {
    font-size: 0.85em;
}

#placeholder {
    align: center;
    width: 100%;
    height: 70%;
    min-height: 100px;
    max-height: 480px;
}

#placeholder canvas {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-height: 100px;
    max-height: 450px;
}

.legendHolder {
    text-align:center;
    min-width: 400px;
    min-height: 20px;
}

div.center {
    display: inline-block;
    margin:auto;
    min-width: 200px;
    min-height: 20px;
}

div.left {
    display: inline-block;
    margin:auto auto auto 0;
    width: 20px;
    height: 20px;
}

div.right {
    display: inline-block;
    margin:auto 0 auto auto;
    width: 20px;
    height: 20px;
}

#placeholderLegend {
    margin: auto;
    align: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

.statisTable table th td {
    table-layout:fixed;
    overflow:hidden;
    white-space: nowrap;
}

html, body {
    height: 100%;
    overflow: hidden;
}