X-Git-Url: https://git-public.kairo.at//?a=blobdiff_plain;f=style%2Ftricorder.css;h=cc79adee420a936bb60e25ae4fc79f2fa45762ac;hb=937918f280e71f09c0f8ef1d1478482e307be052;hp=7f37659a1fea9b6f0f6cb0372e70b85a8d8b2950;hpb=d7e9f9ccb2b418d5853620a3d546e7d4752bffc7;p=tricorder.git

diff --git a/style/tricorder.css b/style/tricorder.css
index 7f37659..cc79ade 100644
--- a/style/tricorder.css
+++ b/style/tricorder.css
@@ -141,6 +141,14 @@ a:hover, a:active { color: #FFCF00; }
   background-color: #C09070;
   color: #000000;
 }
+#navSound {
+  background-color: #E7ADE7;
+  color: #000000;
+}
+#navDev {
+  background-color: #A09090;
+  color: #000000;
+}
 #navOther {
   background-color: #6000CF;
   color: #000000;
@@ -179,7 +187,7 @@ a:hover, a:active { color: #FFCF00; }
   width: auto;
   padding: 1px;
   min-height: 20em;
-  overflow: none;
+  overflow: hidden;
   border: none;
 }
 
@@ -222,16 +230,67 @@ a:hover, a:active { color: #FFCF00; }
 section {
   display: none;
   background-color: rgba(0,0,0,0.8);
+  height: 100%;
 }
 
 section.active {
   display: block;
 }
 
-.gravVal {
+section > p:first-child {
+  margin-top: 0;
+  padding-top: 1em;
+}
+
+button {
+  font: inherit;
+  border: none;
+  color: #000000;
+  background-color: #C09070;
+  border-radius: 3000px;
+  margin: 0 .25em;
+}
+
+button.disabled {
+  background-color: #402858;
+}
+
+.posVal, .gravVal {
   text-align: right;
 }
 
+.posVal {
+  width: 24ch;
+}
+
+.gravVal {
+  width: 10ch;
+}
+
+.note {
+  font-size: .667em;
+}
+
+#soundavail {
+  height: 100%;
+}
+
+#envFlashAvail {
+  padding: 1em 3px 0;
+}
+
+#envFlashOn {
+  margin-right: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+#envFlashOff {
+  margin-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
 @media screen and (min-width: 500px) {
   body {
     font-size: 24px;