renamed framework-with-theme.css to framework.css

dist/framework.css

@@ -32,6 +32,7 @@ body {
   right: 0;
   bottom: 0;
   left: 0;
+  margin: 0;
   font: 14px/1.25 "Helvetica Neue", sans-serif; }
 
 a {
@@ -41,6 +42,16 @@ ul {
   margin: 0;
   padding: 0; }
 
+body > section {
+  position: relative;
+  z-index: 100;
+  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
+  height: 100%;
+  min-height: 100%;
+  max-height: 100%; }
+
 main {
   position: fixed;
   top: 0;
@@ -60,12 +71,6 @@ main > * {
 .content-padded {
   padding: 10px; }
 
-.hide {
-  display: none; }
-
-.show {
-  display: block; }
-
 .ptr-capable {
   -webkit-user-drag: element; }
 
@@ -84,15 +89,24 @@ main > * {
 .ptr-content .refreshing {
   display: none; }
 
+/* the page content the panel should move around */
+.panel-page-container {
+  left: 100px; }
+
+/* the container of panel content to show */
 .panel-content {
   width: 17em;
   min-height: 100%;
-  max-height: none;
+  max-height: 100%;
   border-width: 0;
   position: absolute;
   top: 0;
   display: block; }
 
+.panel-reveal {
+  z-index: 0;
+  left: -17em; }
+
 .button {
   position: relative;
   display: block;
@@ -517,3 +531,6 @@ a.list-item {
 
 .ptr-content {
   background: #eee; }
+
+.panel-content {
+  background: #eee; }