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 #navPos, #navPos > a {
 130   background-color: #FF9F00;
 131   color: #000000;
 132 }
 133 #navGrav, #navGrav > a {
 134   background-color: #C09070;
 135   color: #000000;
 136 }
 137 #navAcou, #navAcou > a {
 138   background-color: #6000CF;
 139   color: #000000;
 140 }
 141
 142 #sideRemark {
 143   background-color: #E7ADE7;
 144   color: #000000;
 145   width: 120px;
 146   font-size: 10px;
 147   text-align: center;
 148   position: absolute;
 149   bottom: 0px;
 150   height: 40px;
 151 }
 152 #sideRemark a:link, #sideRemark a:visited { color: #000000; }
 153 #sideRemark a:hover, #sideRemark a:active { color: #008484; }
 154
 155 #mainarea {
 156   position: absolute;
 157   top: 3px;
 158   bottom: 3px;
 159   left: 145px;
 160   right: 3px;
 161   width: auto;
 162   padding: 1px;
 163   min-height: 35em;
 164   overflow: none;
 165   border: none;
 166 }
 167
 168 #mainHeader {
 169   color: #FFCF00;
 170   font-size: 3em;
 171   font-weight: bold;
 172   height: 102px;
 173   text-align: center;
 174 }
 175
 176 #mainSepTop {
 177   background-color: #E7ADE7;
 178   font-size: 1px;
 179   height: 10px;
 180   margin-bottom: 3px;
 181 }
 182 #mainSepBottom {
 183   background-color: #A09090;
 184   font-size: 1px;
 185   height: 10px;
 186   margin-bottom: 3px;
 187 }
 188
 189 #mainContent {
 190   position: absolute;
 191   top: 129px;
 192   bottom: 0px;
 193   left: 0px;
 194   right: 1px;
 195   width: auto;
 196   padding: 1px;
 197   height: auto;
 198   overflow: auto;
 199   border: none;
 200 }