Added slider with alarm frame tick marks and scrubbing

1 files changed, 43 insertions, 2 deletions

diff --git a/www/css/style.css b/www/css/style.css
index f1456fa5..277ff635 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -1,6 +1,5 @@
 
-  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-  font-weight: 300;
+
 
 /* Using this for full screen modals for event and monitor mode */
 .modal{
@@ -117,6 +116,39 @@ Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
     opacity:0.7;
 }
 
+
+.events-range
+{
+    position:absolute;
+    bottom:20px;
+    left:30px;
+    z-index:10;
+    opacity:0.7;
+    width:70%;
+}
+
+
+.events-range-modal
+{
+    position:absolute;
+    bottom:60px;
+    left:30px;
+    z-index:10;
+    opacity:0.7;
+    width:70%;
+}
+
+.events-alarm-line
+{
+
+    position: relative;
+    bottom: 1px;
+    left: 0px;
+    width: 100%;
+    border-top: 1px solid black;
+
+}
+
 /* Styling of progress bar
 http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/
 */
@@ -233,6 +265,15 @@ ul[rn-carousel] img {
   max-width: 100%;
 }
 
+.mySliderClass div.jslider-scale ins
+{
+    color:red;
+    /*background-color:red;
+    border-radius:5%;
+    line-height:5px;*/
+}
+
+
 /*
 .bgimage {
     text-align:right;