add a free font that is on the way to the right font, make some styles nicer

diff --git a/style/DejaVuSansCondensed-Bold.ttf b/style/DejaVuSansCondensed-Bold.ttf
new file mode 100644 (file)
index 0000000..9edd89c
Binary files /dev/null and b/style/DejaVuSansCondensed-Bold.ttf differ

diff --git a/style/DejaVuSansCondensed.ttf b/style/DejaVuSansCondensed.ttf
new file mode 100644 (file)
index 0000000..826e619
Binary files /dev/null and b/style/DejaVuSansCondensed.ttf differ

diff --git a/style/tilexborder.png b/style/tilexborder.png
new file mode 100644 (file)
index 0000000..9952720
Binary files /dev/null and b/style/tilexborder.png differ

diff --git a/style/tricorder.css b/style/tricorder.css
index 1cf30176074d7276fc845854e2b4322206570c95..1622d657da449d5721feb842fe5fe6b83506ba06 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/. */
 
  * 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%;
 html {
   background-color: #000000;
   height: 100%;


@@ -12,10 +23,10 @@ body {
   font-size: 16px;
   margin: 0px;
   height: 100%;
   font-size: 16px;
   margin: 0px;
   height: 100%;

-  background-color: #000000;
+  background: #000000 url("tilexborder.png") center center no-repeat;

   color: #FF9F00;
   position: relative;
   color: #FF9F00;
   position: relative;

-  font-family: Arial,Helvetica,sans-serif;
+  font-family: DVSC,"DejaVu Sans",Arial,Helvetica,sans-serif;

 }
 
 h1 {
 }
 
 h1 {


@@ -33,7 +44,7 @@ a:hover, a:active { color: #FFCF00; }
   left: 3px;
   right: auto;
   width: 140px;
   left: 3px;
   right: auto;
   width: 140px;

- height: auto;
+  height: auto;

   padding: 0px;
   margin: 0px 0px 0px 0px;
   border: 0px;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   border: 0px;


@@ -207,6 +218,7 @@ a:hover, a:active { color: #FFCF00; }
 
 section {
   display: none;
 
 section {
   display: none;

+  background-color: rgba(0,0,0,0.8);

 }
 
 section.active {
 }
 
 section.active {