Zen mode

2 files changed, 10 insertions, 1 deletions

diff --git a/design/contenu.css b/design/contenu.css
index 459ab73..8f0e10d 100755
--- a/design/contenu.css
+++ b/design/contenu.css
@@ -66,6 +66,7 @@ article
     font-size:1em;
     padding-right:5%;
     padding-left:5%;
+    transition: margin-left 0.5s ease-out 0.25s;
 
     border: 1px solid #eaeaea;
     border: 1px solid rgba(51, 51, 51, 0.1);
@@ -73,6 +74,10 @@ article
     margin-top: 50px;
     margin-bottom: 50px;
   }
+  article.zen-mode {
+    margin-left: 7%;
+    transition: margin-left 0.5s ease-out 0.25s;
+  }
 }
 
 @media only screen and (min-width: 768px) {
diff --git a/design/sommaire.css b/design/sommaire.css
index 6dea09c..8fe78b7 100755
--- a/design/sommaire.css
+++ b/design/sommaire.css
@@ -56,11 +56,15 @@
     left: 0px;
     height: 100%;
     width: 290px;
+    transition: left 0.5s ease-in 0.25s;
     text-align: center;
     /*background: none repeat scroll 0% 0% #F5F6F5;*/
     background:#FFF;
     border-right: 3px solid rgba(51, 51, 51, 0.1);
-
+  }
+  #side-bar.hidden {
+    left: -290px;
+    transition: left 0.5s ease-out 0.15s;
   }
 }
 #side-bar h1 {