add a number of support files, including app cache and web app manifest
[tricorder.git] / style / tricorder.css
index 891e0e3dc9c1c4fded0133f0556b48b52a52f1de..1622d657da449d5721feb842fe5fe6b83506ba06 100644 (file)
@@ -2,6 +2,17 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+@font-face {
+  font-family: DVSC; /* Original in Star Trek is Helvetica Ultra Condensed */
+  src: url("DejaVuSansCondensed.ttf");
+}
+
+@font-face {
+  font-family: DVSC;
+  src: url("DejaVuSansCondensed-Bold.ttf");
+  font-weight: bold;
+}
+
 html {
   background-color: #000000;
   height: 100%;
@@ -12,10 +23,10 @@ body {
   font-size: 16px;
   margin: 0px;
   height: 100%;
-  background-color: #000000;
+  background: #000000 url("tilexborder.png") center center no-repeat;
   color: #FF9F00;
   position: relative;
-  font-family: Arial,Helvetica,sans-serif;
+  font-family: DVSC,"DejaVu Sans",Arial,Helvetica,sans-serif;
 }
 
 h1 {
@@ -33,7 +44,7 @@ a:hover, a:active { color: #FFCF00; }
   left: 3px;
   right: auto;
   width: 140px;
- height: auto;
 height: auto;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   border: 0px;
@@ -119,13 +130,19 @@ a:hover, a:active { color: #FFCF00; }
 #navlist > li:hover,
 #navlist > li:active,
 #navlist > li:hover > a,
-#navlist li:active > a,
+#navlist li:active > a,
 #navlist > li > a:hover,
 #navlist > li > a:active {
   background-color: #FFCF00;
   color: #000000;
 }
 
+#navlist > li.active,
+#navlist > li.active > a {
+  background-color: #008484;
+  color: #FFCF00;
+}
+
 #navPos, #navPos > a {
   background-color: #FF9F00;
   color: #000000;
@@ -198,3 +215,16 @@ a:hover, a:active { color: #FFCF00; }
   overflow: auto;
   border: none;
 }
+
+section {
+  display: none;
+  background-color: rgba(0,0,0,0.8);
+}
+
+section.active {
+  display: block;
+}
+
+.gravVal {
+  text-align: right;
+}
\ No newline at end of file