make switch actually look good and work correctly

[tricorder.git] / style / tricorder.css

diff --git a/style/tricorder.css b/style/tricorder.css
index 99696f6f34a9b88d88942ac322832086c5cc9bfd..d60e7aa7c8da09f99984633578cb6b30dde02f33 100644 (file)
--- a/style/tricorder.css
+++ b/style/tricorder.css
@@ -242,6 +242,18 @@ section > p:first-child {
   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;
 }
@@ -262,6 +274,31 @@ section > p:first-child {
   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;