docs : responsive styles

14 years ago · 90fe0b3f4c
1 changed files with 28 additions and 13 deletions
--- a/css/style.css
+++ b/css/style.css
@ -385,13 +385,12 @@ body.doc {
  border-bottom: 1px dotted;
 }

-@media screen and (min-width: 768px) {

-  body.doc {
+body.doc {
  margin-left: 220px;
-  }
+}

-  .doc nav {
+.doc nav {
  width: 210px;
  position: fixed;
  left: 10px;
@ -399,10 +398,26 @@ body.doc {
  padding-top: 20px;
  height: 100%;
  overflow: auto;
-  }
+}

-  .doc nav h1 {
+.doc nav h1 {
  margin-top: 0;
+}
+
+@media screen and (max-width: 768px) {
+
+  body.doc {
+    margin-left: 0px;
+  }
+  
+  .doc nav {
+    width: auto;
+    position: relative;
+    left: auto;
+    top: auto;
+    padding-top: 0px;
+    height: auto;
+    margin-bottom: 20px;
  }

 }