style/tricorder.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 html {
   6   background-color: #000000;
   7   height: 100%;
   8 }
   9
  10 body {
  11   border: 0px solid #9C9CFF;
  12   font-size: 16px;
  13   margin: 0px;
  14   height: 100%;
  15   background-color: #000000;
  16   color: #FF9F00;
  17   position: relative;
  18   font-family: Arial,Helvetica,sans-serif;
  19 }
  20
  21 h1 {
  22   display: none;
  23 }
  24
  25 a:link { color: #FF9F00; }
  26 a:visited { color: #8050B0; }
  27 a:hover, a:active { color: #FFCF00; }
  28
  29 #sidebar {
  30   position: absolute;
  31   top: 3px;
  32   bottom: 3px;
  33   left: 3px;
  34   right: auto;
  35   width: 140px;
  36  height: auto;
  37   padding: 0px;
  38   margin: 0px 0px 0px 0px;
  39   border: 0px;
  40   overflow: hidden;
  41 }
  42
  43 #sideTop {
  44   background-color: #6080F0;
  45   color: #000000;
  46   width: 120px;
  47   height: 80px;
  48   margin-bottom: 3px;
  49 }
  50
  51 #stardate {
  52   background-color: #A06060;
  53   color: #000000;
  54   padding: 3px 3px 10px;
  55   font-weight: bold;
  56   text-align: right;
  57   border-bottom: 3px solid black;
  58 }
  59
  60 #sideSepTop {
  61   background-color: #808090;
  62   width: 140px;
  63   height: 20px;
  64   margin-bottom: 3px;
  65   padding-bottom: 10px;
  66   border-radius: 0px 0px 0px 15px;
  67 }
  68 #sideSepTopInsert {
  69   background-color: #000000;
  70   width: 20px;
  71   height: 100%;
  72   margin-left: 120px;
  73   border-radius: 0px 0px 0px 15px;
  74 }
  75 #sideSepBottom {
  76   background-color: #008484;
  77   width: 140px;
  78   height: 50px;
  79   margin-bottom: 3px;
  80   padding-top: 10px;
  81   border-radius: 15px 0px 0px 0px;
  82 }
  83 #sideSepBottomInsert {
  84   background-color: #000000;
  85   width: 20px;
  86   height: 100%;
  87   margin-left: 120px;
  88   border-radius: 15px 0px 0px 0px;
  89 }
  90
  91 #sideBottom {
  92   background-color: #9C9CFF;
  93   color: #000000;
  94   width: 120px;
  95   margin-bottom: 3px;
  96   position: absolute;
  97   top: 179px;
  98   bottom: 40px;
  99   height: auto;
 100 }
 101
 102 #navlist {
 103   list-style-type: none;
 104   margin: 0 0 1em;
 105   padding: 0 0 0.2em;
 106 }
 107 #navlist > li {
 108   margin: 0;
 109   padding: 0 0.2em 0;
 110   border-bottom: 3px solid #000000;
 111   font-weight: bold;
 112 }
 113 #navlist > li > a {
 114   display: block;
 115   text-decoration: none;
 116   width: 100%;
 117   padding: 0.3em 0;
 118 }
 119 #navlist > li:hover,
 120 #navlist > li:active,
 121 #navlist > li:hover > a,
 122 #navlist > li:active > a,
 123 #navlist > li > a:hover,
 124 #navlist > li > a:active {
 125   background-color: #FFCF00;
 126   color: #000000;
 127 }
 128
 129 #navlist > li.active,
 130 #navlist > li.active > a {
 131   background-color: #008484;
 132   color: #FFCF00;
 133 }
 134
 135 #navPos, #navPos > a {
 136   background-color: #FF9F00;
 137   color: #000000;
 138 }
 139 #navGrav, #navGrav > a {
 140   background-color: #C09070;
 141   color: #000000;
 142 }
 143 #navAcou, #navAcou > a {
 144   background-color: #6000CF;
 145   color: #000000;
 146 }
 147
 148 #sideRemark {
 149   background-color: #E7ADE7;
 150   color: #000000;
 151   width: 120px;
 152   font-size: 10px;
 153   text-align: center;
 154   position: absolute;
 155   bottom: 0px;
 156   height: 40px;
 157 }
 158 #sideRemark a:link, #sideRemark a:visited { color: #000000; }
 159 #sideRemark a:hover, #sideRemark a:active { color: #008484; }
 160
 161 #mainarea {
 162   position: absolute;
 163   top: 3px;
 164   bottom: 3px;
 165   left: 145px;
 166   right: 3px;
 167   width: auto;
 168   padding: 1px;
 169   min-height: 35em;
 170   overflow: none;
 171   border: none;
 172 }
 173
 174 #mainHeader {
 175   color: #FFCF00;
 176   font-size: 3em;
 177   font-weight: bold;
 178   height: 102px;
 179   text-align: center;
 180 }
 181
 182 #mainSepTop {
 183   background-color: #E7ADE7;
 184   font-size: 1px;
 185   height: 10px;
 186   margin-bottom: 3px;
 187 }
 188 #mainSepBottom {
 189   background-color: #A09090;
 190   font-size: 1px;
 191   height: 10px;
 192   margin-bottom: 3px;
 193 }
 194
 195 #mainContent {
 196   position: absolute;
 197   top: 129px;
 198   bottom: 0px;
 199   left: 0px;
 200   right: 1px;
 201   width: auto;
 202   padding: 1px;
 203   height: auto;
 204   overflow: auto;
 205   border: none;
 206 }
 207
 208 section {
 209   display: none;
 210 }
 211
 212 section.active {
 213   display: block;
 214 }
 215
 216 .gravVal {
 217   text-align: right;
 218 }