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 }
  28
  29 #io {
  30         background-color: #444;
  31         float: left;
  32 }
  33
  34 #map {
  35         background-color: #111;
  36         float: left;
  37 }
  38
  39 #ionav {
  40         width: 100%;
  41         height: 15%;
  42         background-color: #333;
  43 }
  44
  45 .ionavbtn {
  46         width: 26%;
  47         border: none;
  48         height: 70%;
  49         border: none;
  50         text-align: center;
  51         margin-top: 2%;
  52         margin-left: 5%;
  53         background-color: #999;
  54 }
  55
  56 #iomain {
  57         height: 85%;
  58         overflow: auto;
  59 }
  60
  61 .iomainwin {
  62         width: 100%;
  63         height: 90%;
  64         display: none;
  65 }
  66
  67 /* improved ui */
  68
  69 .switchcol {
  70         width: 96%;
  71         height: 13%;
  72         margin-left: 2%;
  73         margin-bottom: 0%;
  74         margin-top: 2%;
  75         cler: left;
  76 }
  77
  78 .fwbtn {
  79         width: 98%;
  80         height: 100%;
  81         margin-left: 1%;
  82         border: none;
  83         text-align: center;
  84         background-color: #999;
  85 }
  86
  87 .hwbtn {
  88         width: 48%;
  89         margin-right: 1%;
  90         margin-left: 1%;
  91         border: none;
  92         height: 100%;
  93         text-align: center;
  94         background-color: #999;
  95         float: left;
  96 }
  97
  98 .twbtn {
  99         width: 32%;
 100         margin-right: 0%;
 101         margin-left: 1%;
 102         border: none;
 103         height: 100%;
 104         text-align: center;
 105         background-color: #999;
 106         float: left;
 107 }
 108
 109 .mainseclabel {
 110         margin-left: 2%;
 111         margin-top: 2%;
 112         clear: left;
 113 }
 114
 115 .infocolumn,
 116 .switchcolumn {
 117         margin-left: 4%;
 118         margin-top: 2%;
 119         width: 90%;
 120         height: 5%;
 121         clear: left;
 122 }
 123
 124 .switchname {
 125         width: 85%;
 126         height: 100%;
 127         vertical-align: middle;
 128         float: left;
 129 }
 130
 131 .switchbtn {
 132         width: 15%;
 133         height: 100%;
 134         float: left;
 135 }
 136
 137 .switch {
 138         margin-top: 0%;
 139         width: 100%;
 140         height: 100%;
 141         border: 0;
 142         border-radius: 30%;
 143 }
 144
 145 .infoname {
 146         width: 55%;
 147         height: 100%;
 148         vertical-align: middle;
 149         float: left;
 150 }
 151
 152 .infofield {
 153         width: 45%;
 154         height: 100%;
 155         float: left;
 156         vertical-align: middle;
 157         text-align: right;
 158         color: #bbb;
 159 }
 160
 161 .buttoncolumn {
 162         margin-left: 2%;
 163         margin-top: 2%;
 164         width: 96%;
 165         height: 10%;
 166         clear: left;
 167 }
 168
 169 .buttonbtn {
 170         width: 13%;
 171         margin-left: 1%;
 172         border: 0;
 173         height: 100%;
 174         float: left;
 175         background-color: #ddd;
 176 }
 177