diff --git a/dist/ionic.css b/dist/ionic.css
index d4698b2932..77571f0660 100644
--- a/dist/ionic.css
+++ b/dist/ionic.css
@@ -1052,7 +1052,6 @@ a.list-item {
   line-height: 1.3; }
 
 .menu {
-  display: none;
   min-height: 100%;
   max-height: 100%;
   width: 270px;
@@ -1195,17 +1194,39 @@ a.list-item {
   .panel-success > .panel-footer + .panel-collapse .panel-body {
     border-bottom-color: #5cb85c; }
 
-/*
 .panel-warning {
-  .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
-}
+  border-color: #f0ad4e; }
+  .panel-warning > .panel-heading {
+    color: white;
+    background-color: #f0ad4e;
+    border-color: #f0ad4e; }
+    .panel-warning > .panel-heading + .panel-collapse .panel-body {
+      border-top-color: #f0ad4e; }
+  .panel-warning > .panel-footer + .panel-collapse .panel-body {
+    border-bottom-color: #f0ad4e; }
+
 .panel-danger {
-  .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
-}
+  border-color: #d9534f; }
+  .panel-danger > .panel-heading {
+    color: white;
+    background-color: #d9534f;
+    border-color: #d9534f; }
+    .panel-danger > .panel-heading + .panel-collapse .panel-body {
+      border-top-color: #d9534f; }
+  .panel-danger > .panel-footer + .panel-collapse .panel-body {
+    border-bottom-color: #d9534f; }
+
 .panel-info {
-  .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
-}
-*/
+  border-color: #5bc0de; }
+  .panel-info > .panel-heading {
+    color: white;
+    background-color: #5bc0de;
+    border-color: #5bc0de; }
+    .panel-info > .panel-heading + .panel-collapse .panel-body {
+      border-top-color: #5bc0de; }
+  .panel-info > .panel-footer + .panel-collapse .panel-body {
+    border-bottom-color: #5bc0de; }
+
 .ptr-capable {
   -webkit-user-drag: element; }
 
diff --git a/example/menu_controller.html b/example/menu_controller.html
index 8cd1295c56..2545f7fc50 100644
--- a/example/menu_controller.html
+++ b/example/menu_controller.html
@@ -36,6 +36,22 @@
           </div>
         </div>
 
+        <div class="panel panel-success">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
+        <div class="panel panel-danger">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
       </main>
 
       <footer class="bar bar-footer bar-dark">
diff --git a/example/panels.html b/example/panels.html
new file mode 100644
index 0000000000..2ed6571405
--- /dev/null
+++ b/example/panels.html
@@ -0,0 +1,77 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Panels</title>
+
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
+    <link rel="stylesheet" href="../../dist/ionic.css">
+
+  </head>
+  <body>
+
+    <section id="page" class="full-section menu-animated">
+      <header class="bar bar-header bar-dark">
+        <div class="buttons">
+          <a id="left-button" class="button button-dark" href="#">
+            <i class="icon-reorder"></i>
+          </a>
+        </div>
+        <h1 class="title">Chats</h1>
+        <div class="buttons">
+          <button id="right-button" class="button button-dark">
+            <i class="icon-cog"></i>
+          </button>
+        </div>
+      </header>
+
+      <main class="content content-padded has-header">
+        <div class="panel panel-default">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
+
+        <div class="panel panel-success">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
+        <div class="panel panel-danger">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
+        <div class="panel panel-warning">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
+        <div class="panel panel-info">
+          <div class="panel-heading">
+            <h3 class="panel-title">Panel title</h3>
+          </div>
+          <div class="panel-body">
+            Is this
+          </div>
+        </div>
+      </main>
+
+      <footer class="bar bar-footer bar-dark">
+        <h3 class="title"></h3>
+      </footer>
+    </section>
+  </body>
+</html>
diff --git a/js/controllers/ionic-leftrightmenu.js b/js/controllers/ionic-leftrightmenu.js
index a921938f92..c1c63aad3c 100644
--- a/js/controllers/ionic-leftrightmenu.js
+++ b/js/controllers/ionic-leftrightmenu.js
@@ -103,13 +103,13 @@
       if(amount >= 0) {
         this._leftShowing = true;
         this._rightShowing = false;
-        this.right.style.display = 'none';
-        this.left.style.display = 'block';
+        this.right.style.zIndex = -1;
+        this.left.style.zIndex = 0;
       } else {
         this._rightShowing = true;
         this._leftShowing = false;
-        this.right.style.display = 'block';
-        this.left.style.display = 'none';
+        this.right.style.zIndex = 0;
+        this.left.style.zIndex = -1;
       }
     },
     snapToRest: function(e) {
diff --git a/scss/ionic/_structure-variables.scss b/scss/ionic/_structure-variables.scss
index 6d2d0eef23..7f090d5a1e 100644
--- a/scss/ionic/_structure-variables.scss
+++ b/scss/ionic/_structure-variables.scss
@@ -98,6 +98,18 @@ $panelSuccessText:          #fff;
 $panelSuccessBorder:        $brandSuccess;
 $panelSuccessHeadingBg:    $brandSuccess;
 
+$panelWarningText:          #fff;
+$panelWarningBorder:        $brandWarning;
+$panelWarningHeadingBg:    $brandWarning;
+
+$panelDangerText:          #fff;
+$panelDangerBorder:        $brandDanger;
+$panelDangerHeadingBg:    $brandDanger;
+
+$panelInfoText:          #fff;
+$panelInfoBorder:        $brandInfo;
+$panelInfoHeadingBg:    $brandInfo;
+
 
 // Menus
 // -------------------------
diff --git a/scss/ionic/structure/_menu.scss b/scss/ionic/structure/_menu.scss
index 50884d5057..76702f77e6 100644
--- a/scss/ionic/structure/_menu.scss
+++ b/scss/ionic/structure/_menu.scss
@@ -3,7 +3,6 @@
 // Author: Adam Bradley <adam@drifty.com>
 
 .menu {
-  display: none;
   min-height: 100%;
   max-height: 100%;
   width: $menuWidth;
diff --git a/scss/ionic/structure/_panels.scss b/scss/ionic/structure/_panels.scss
index b2d96dfd2e..68d35e062b 100644
--- a/scss/ionic/structure/_panels.scss
+++ b/scss/ionic/structure/_panels.scss
@@ -139,14 +139,12 @@
 .panel-success {
   @include panel-variant($panelSuccessBorder, $panelSuccessText, $panelSuccessHeadingBg, $panelSuccessBorder);
 }
-/*
 .panel-warning {
-  .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
+  @include panel-variant($panelWarningBorder, $panelWarningText, $panelWarningHeadingBg, $panelWarningBorder);
 }
 .panel-danger {
-  .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
+  @include panel-variant($panelDangerBorder, $panelDangerText, $panelDangerHeadingBg, $panelDangerBorder);
 }
 .panel-info {
-  .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
+  @include panel-variant($panelInfoBorder, $panelInfoText, $panelInfoHeadingBg, $panelInfoBorder);
 }
-*/
