diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index 843fa4a..ae7dc4a 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -98,7 +98,7 @@
 	background-color: black;
 }
 
-.header, #controllers {
+.header, #onos {
 	border-bottom: 1px solid #AAA;;
 }
 
@@ -194,8 +194,20 @@
 	padding: .25em;
 	padding-left: 2.5em;
 	position: relative;
+	border: 1px solid #444;
+	color: white;
+	position: relative;
 }
 
+.controller:hover {
+	border: 1px solid white;
+}
+
+.action, .controller {
+	font-size: 20px;
+}
+
+
 .black-eye {
 	position: absolute;
 	top: 0px;
@@ -295,6 +307,7 @@
 
 .color2 {
 	opacity: .15;
+	pointer-events: none;
 	fill: #FFBA00;
 	background-color: #FFBA00;
 }
@@ -343,6 +356,7 @@
 
 .color9 {
 	opacity: .2;
+	pointer-events: none;
 	fill: #F53D65;
 	background-color: #F53D65;
 }
@@ -368,6 +382,27 @@
 	background-color: #6949D7;
 }
 
+.action {
+	margin: .25em;
+	padding: .25em;
+	padding-left: 1em;
+	padding-right: 1em;
+	border: 1px solid #AAA;
+	background-color: #444;
+	display: -webkit-box;
+	-webkit-box-pack: center;
+	-webkit-box-align: center;
+	color: white;
+}
+
+.action:hover {
+	border: 1px solid #FFF;
+}
+
+.action:active {
+	background-color: #222;
+}
+
 
 @-webkit-keyframes pending {
 	from {