X-Git-Url: https://git-public.kairo.at/?p=tricorder.git;a=blobdiff_plain;f=style%2Ftricorder.css;h=d60e7aa7c8da09f99984633578cb6b30dde02f33;hp=9822acc19e1803f0943ef3ac7bd4f810d4c853cd;hb=9adf799b4ff4fae3049fac6e03c54340065ae2de;hpb=14a5754752cd2b02a9f87f27ae54772a3797126c

diff --git a/style/tricorder.css b/style/tricorder.css
index 9822acc..d60e7aa 100644
--- a/style/tricorder.css
+++ b/style/tricorder.css
@@ -84,7 +84,7 @@ a:hover, a:active { color: #FFCF00; }
   border-radius: 0px 0px 0px 15px;
 }
 #sideSepBottom {
-  background-color: #008484;
+  background-color: #6080F0;
   width: 90px;
   height: 50px;
   margin-bottom: 3px;
@@ -141,7 +141,15 @@ a:hover, a:active { color: #FFCF00; }
   background-color: #C09070;
   color: #000000;
 }
-#navAcou {
+#navSound {
+  background-color: #E7ADE7;
+  color: #000000;
+}
+#navDev {
+  background-color: #A09090;
+  color: #000000;
+}
+#navOther {
   background-color: #6000CF;
   color: #000000;
 }
@@ -178,8 +186,8 @@ a:hover, a:active { color: #FFCF00; }
   right: 3px;
   width: auto;
   padding: 1px;
-  min-height: 35em;
-  overflow: none;
+  min-height: 20em;
+  overflow: hidden;
   border: none;
 }
 
@@ -222,16 +230,75 @@ 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;
+}
+
+button:disabled {
+  background-color: #402858;
+}
+
+.posVal, .gravVal {
   text-align: right;
 }
 
+.posVal {
+  width: 24ch;
+}
+
+.gravVal {
+  width: 10ch;
+}
+
+.note {
+  font-size: .667em;
+}
+
+#soundavail {
+  height: 100%;
+}
+
+#envFlashAvail {
+  margin-top: .5em;
+  padding: .5em 3px 0;
+  border-top: 2px solid #A09090;
+}
+
+.envButton {
+  font-size: 200%;
+  margin-top: .25em;
+}
+
+#envFlashOn {
+  margin-right: 3px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  padding-left: .5em;
+}
+
+#envFlashOff {
+  margin-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  padding-right: .5em;
+}
+
 @media screen and (min-width: 500px) {
   body {
     font-size: 24px;