#154 - animation on time change so its easier to see

Former-commit-id: bad618be9e67af8087b2d6c290ebc7ed58ead1e3

1 files changed, 14 insertions, 0 deletions

diff --git a/www/css/style.css b/www/css/style.css
index 52e5ad08..384304b3 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -121,6 +121,20 @@ Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 }
 
 
+.header-paused {
+    background: #ba3e3e;
+    color:#cccccc;
+    border-color: #ba3e3e;
+     border-style: solid;
+    border-width:1px;
+    opacity:80%;
+    transform: translate(-50%, -50%);
+    
+}
+
+
+
+
 .alarmed-header {
     background: #ba3e3e;
     color:#ffffff;