small style corrections

[tricorder.git] / style / tricorder.css

diff --git a/style/tricorder.css b/style/tricorder.css
index 891e0e3dc9c1c4fded0133f0556b48b52a52f1de..700a72a78126770fa34de40710bb4e8f31712166 100644 (file)
--- a/style/tricorder.css
+++ b/style/tricorder.css
@@ -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%;
@@ -15,7 +26,7 @@ body {
   background-color: #000000;
   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;
@@ -169,6 +186,7 @@ a:hover, a:active { color: #FFCF00; }
   color: #FFCF00;
   font-size: 3em;
   font-weight: bold;
+  line-height: .8em;
   height: 102px;
   text-align: center;
 }
@@ -197,4 +215,18 @@ a:hover, a:active { color: #FFCF00; }
   height: auto;
   overflow: auto;
   border: none;
+  background: transparent url("tilexborder.png") center center no-repeat;
 }
+
+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