CSS Tweaks

tabs/led_strip.css

@@ -20,12 +20,12 @@
 
 .tab-led-strip .mainGrid .gPoint {
     float: left;
-    border: solid 2px #000;
-    width: 28px;
-    height: 28px;
+    border: solid 1px #ADADAD;
+    width: 30px;
+    height: 30px;
     margin: 3px;
-    border-radius: 7px;
-    background: rgba(0,0,0,.3);
+    border-radius: 3px;
+    background: #ececec;
     cursor: pointer;
 }
 
@@ -52,9 +52,9 @@
 }
 
 .tab-led-strip .gPoint.mode-a { /* Armed Mode */
-    background: blue;
+    background: rgb(52, 155, 255);
     box-shadow: inset 0 0 30px rgba(0, 0, 0, .7);
-    border-color: blue;
+    border-color: rgb(52, 155, 255);
 }
 
 .tab-led-strip .gPoint.mode-t { /* Armed Mode */
@@ -84,13 +84,13 @@
 .tab-led-strip .wire {
     color: rgba(255,255,255,.5);
     text-align: center;
-    font-size: 25px;
+    font-size: 23px;
     text-shadow: 1px 1px rgba(0,0,0,.4);
     padding-top: 0px;
     display: block;
     font-family: monospace;
     position: absolute;
-    margin-top: -32px;
+    margin-top: -29px;
     width: 28px;
 }
 
@@ -99,7 +99,7 @@
 }
 
 .gridWire .gPoint {
-    background: #333 !important;
+    background: #CAFFCD !important;
 }
 
 /*function buttons*/
@@ -164,48 +164,47 @@
 }
 
 .tab-led-strip .indicators .north {
-    top: -4px;
-    left: 7px; 
-    border-left: 7px solid transparent;
-    border-right: 7px solid transparent;    
-    border-bottom: 7px solid rgba(0,0,0,.8);
+    top: -5px;
+    left: 10px; 
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;    
+    border-bottom: 5px solid rgba(0,0,0,.8);
 }
 
 .tab-led-strip .indicators .south {
-    bottom: -2px;
-    left: 7px; 
-    border-left: 7px solid transparent;
-    border-right: 7px solid transparent;    
-    border-top: 7px solid rgba(0,0,0,.8);
+    bottom: -5px;
+    left: 10px; 
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;    
+    border-top: 5px solid rgba(0,0,0,.8);
 }
 
 .tab-led-strip .indicators .east {
-    bottom: 8px;
+    bottom: 10px;
     right: -5px; 
-    border-top: 7px solid transparent;
-    border-bottom: 7px solid transparent;   
-    border-left: 7px solid rgba(0,0,0,.8);
+    border-top: 5px solid transparent;
+    border-bottom: 5px solid transparent;   
+    border-left: 5px solid rgba(0,0,0,.8);
 }
 
 .tab-led-strip .indicators .west {
-    bottom: 8px;
+    bottom: 10px;
     left: -5px;  
-    border-top: 7px solid transparent;
-    border-bottom: 7px solid transparent;   
-    border-right: 7px solid rgba(0,0,0,.8);
+    border-top: 5px solid transparent;
+    border-bottom: 5px solid transparent;   
+    border-right: 5px solid rgba(0,0,0,.8);
 }
 
 .tab-led-strip .indicators .up {
-    top: 0px;
-    left: 2px;  
+    top: -1px;
+    left: 1px;  
 }
 
 .tab-led-strip .indicators .down {
-    bottom: 17px;
-    right: 10px; 
+    bottom: 13px;
+    right: 9px; 
 }
 
-
 .tab-led-strip .dir-n .north {display: inline;}
 .tab-led-strip .dir-s .south {display: inline;}
 .tab-led-strip .dir-e .east {display: inline;}
@@ -226,6 +225,7 @@
     width: 100%;
     height: 160px;
 }
+
 .tab-led-strip .tempOutput {
     color: #fff;
     background: rgba(0,0,0,.2);
@@ -257,7 +257,6 @@
     float: right;
     text-align: center;
     font-size: 14px;
-
 }
 
 .tab-led-strip .wires-remaining div {
@@ -275,12 +274,13 @@
 /*******JQUERYUI**********/
 
 .tab-led-strip .ui-selected {
-    box-shadow: inset 0 0 30px rgba(255, 255, 255, 1) !important;
+    box-shadow: inset 0 0 40px rgba(255, 255, 255, 1) !important;
+    border: solid 1px #000 !important;
 }
 
 .tab-led-strip .ui-selecting {
-    box-shadow: inset 0 0 30px rgba(255, 255, 255, .7) !important;
-    border: solid 2px #c0c0c0 !important;
+    box-shadow: inset 0 0 40px rgba(255, 255, 255, 1) !important;
+    border: solid 1px #000 !important;
 }
 
 .tab-led-strip .ui-selectable-helper {