app/www/css/index.css

   1 /*
   2  * Licensed to the Apache Software Foundation (ASF) under one
   3  * or more contributor license agreements.  See the NOTICE file
   4  * distributed with this work for additional information
   5  * regarding copyright ownership.  The ASF licenses this file
   6  * to you under the Apache License, Version 2.0 (the
   7  * "License"); you may not use this file except in compliance
   8  * with the License.  You may obtain a copy of the License at
   9  *
  10  * http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  * Unless required by applicable law or agreed to in writing,
  13  * software distributed under the License is distributed on an
  14  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15  * KIND, either express or implied.  See the License for the
  16  * specific language governing permissions and limitations
  17  * under the License.
  18  */
  19
  20 html {
  21         height: 100%;
  22 }
  23
  24 body {
  25         height: 100%;
  26         margin: 0;
  27         background-color: black;
  28 }
  29
  30 #io {
  31         background-color: #444;
  32         float: left;
  33 }
  34
  35 #map {
  36         background-color: #111;
  37         float: left;
  38 }
  39
  40 #ionav {
  41         width: 100%;
  42         height: 15%;
  43         background-color: #333;
  44 }
  45
  46 .ionavbtn {
  47         width: 26%;
  48         border: none;
  49         height: 70%;
  50         border: none;
  51         text-align: center;
  52         margin-top: 2%;
  53         margin-left: 5%;
  54         background-color: #999;
  55 }
  56
  57 #iomain {
  58         height: 85%;
  59         overflow: auto;
  60 }
  61
  62 .iomainwin {
  63         width: 100%;
  64         height: 90%;
  65         display: none;
  66 }
  67
  68 /* improved ui */
  69
  70 .switchcol {
  71         width: 96%;
  72         height: 13%;
  73         margin-left: 2%;
  74         margin-bottom: 0%;
  75         margin-top: 2%;
  76         cler: left;
  77 }
  78
  79 .fwbtn {
  80         width: 98%;
  81         height: 100%;
  82         margin-left: 1%;
  83         border: none;
  84         text-align: center;
  85         background-color: #999;
  86         overflow: hidden;
  87 }
  88
  89 .hwbtn {
  90         width: 48%;
  91         margin-right: 1%;
  92         margin-left: 1%;
  93         border: none;
  94         height: 100%;
  95         text-align: center;
  96         background-color: #999;
  97         float: left;
  98         overflow: hidden;
  99 }
 100
 101 .twbtn {
 102         width: 32%;
 103         margin-right: 0%;
 104         margin-left: 1%;
 105         border: none;
 106         height: 100%;
 107         text-align: center;
 108         background-color: #999;
 109         float: left;
 110         overflow: hidden;
 111 }
 112
 113 .mainseclabel {
 114         margin-top: 3%;
 115         width: 100%;
 116         clear: left;
 117         text-align: center;
 118         color: white;
 119 }
 120
 121 .infocolumn,
 122 .switchcolumn {
 123         margin-left: 4%;
 124         margin-top: 2%;
 125         width: 90%;
 126         height: 5%;
 127         clear: left;
 128 }
 129
 130 .switchname {
 131         width: 85%;
 132         height: 100%;
 133         vertical-align: middle;
 134         float: left;
 135 }
 136
 137 .switchbtn {
 138         width: 15%;
 139         height: 100%;
 140         float: left;
 141 }
 142
 143 .switch {
 144         margin-top: 0%;
 145         width: 100%;
 146         height: 100%;
 147         border: 0;
 148         border-radius: 30%;
 149 }
 150
 151 .infoname {
 152         width: 55%;
 153         height: 100%;
 154         vertical-align: middle;
 155         float: left;
 156 }
 157
 158 .infofield {
 159         width: 45%;
 160         height: 100%;
 161         float: left;
 162         vertical-align: middle;
 163         text-align: right;
 164         color: #bbb;
 165 }
 166
 167 .buttoncolumn {
 168         margin-left: 2%;
 169         margin-top: 2%;
 170         width: 96%;
 171         height: 10%;
 172         clear: left;
 173 }
 174
 175 .buttonbtn {
 176         width: 13%;
 177         margin-left: 1%;
 178         border: 0;
 179         height: 100%;
 180         float: left;
 181         background-color: #ddd;
 182 }
 183