Disable bulb controls when no bulbs selected

frontend/static/styles/common.scss

@@ -103,9 +103,47 @@ body {
 	padding-right: 0.5em;
 	background: #56636e;
 	border: solid 0.25em #5b3f63;
-
 }
 
+.bulb_controls_disable {
+	position: relative;
+	overflow: hidden;
+}
+
+.bulb_controls_disable:before {
+	position: absolute;
+	content: '';
+	display: block;
+	background: #000000;
+	opacity: 0.5;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+	z-index: 90;
+}
+
+.bulb_controls_disable:after {
+	position: absolute;
+	content: '';
+	background: #56636e;
+	display: block;
+	width: 0;
+    height: 10px;
+	border-radius: 8px;
+	-webkit-transform: rotate(-30deg);
+    transform: rotate(-30deg);
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+	z-index: 91;
+    animation: to_full_width .2s ease-out 0s 1 forwards;
+}
+@keyframes to_full_width { to { width: 100%; } }
+
 .bulb_map {
 	background: url(images/blueprint_bg.png);
 	background-size: auto;