revived the styles

assets/css/app.css.scss

@@ -0,0 +1,59 @@
+// Place your apps css here
+@import "susy";
+
+
+$susy: (
+  columns: 24 ,
+  gutter-position: split ,
+);
+
+.debugger-view { @include container(90%); }
+
+.classes {
+  @include span(3);
+}
+
+.one-class {
+  margin: 10px;
+}
+.file-view {
+  @include span(4);
+  margin: span(1);
+}
+
+.source-view { @include span(6); }
+
+.block-view {
+  @include span(4);
+  margin-right: span(2);
+  height: 200px;
+}
+
+.status-view {
+  @include span(2 at 22);
+}
+
+.registers-view {
+  @include span(20 at 3);
+}
+
+.register-view {
+  @include gallery(4);
+  margin-top: 10px;
+}
+
+.field {
+  @include span(5)
+}
+
+.value {
+  @include span(18)
+}
+
+.value-head {
+  background-color: #C5FFD9;
+}
+
+.bright {
+  background-color: orange ;
+}

assets/css/menu.css.scss

@@ -0,0 +1,59 @@
+body {
+	font-family: arial, helvetica, serif;
+}
+
+#nav, #nav ul { /* all lists */
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	float : left;
+	width : 10em;
+	/*border around submenu goes here*/
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	background:#fff;
+	border:1px solid #C3D46A
+}
+
+#nav li { /* all list items */
+	position : relative;
+	float : left;
+	line-height : 1.25em;
+	width: 9em;
+}
+
+#nav li ul { /* second-level lists */
+	position : absolute;
+	left: -999em;
+	margin-left : 10.05em;
+	margin-top : -1.35em;
+}
+
+#nav li ul ul { /* third-and-above-level lists */
+	left: -999em;
+}
+
+#nav li a , li span {
+	padding-left: 0.5em;
+	width : 9.5em;
+	display : block;
+	color : black;
+	font-weight : bold;
+	text-decoration : none;
+	background-color : white;
+	-moz-border-radius: 7px;
+	-webkit-border-radius: 7px;
+}
+
+#nav li a:hover {
+	color : white;
+	background-color : #F6C739;
+}
+
+#nav li:hover ul ul, #nav li:hover ul ul ul {
+	left: -999em;
+}
+
+#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { /* lists nested under hovered list items */
+	left: auto;
+}