better mobile version

[rust-101.git] / docs / pycco_custom.css

diff --git a/docs/pycco_custom.css b/docs/pycco_custom.css
index 4fe26387e71f924274236df068524aae6d87595a..643a7e394afa2cde655ea7f1de8dfbeab0056ba5 100644 (file)
--- a/docs/pycco_custom.css
+++ b/docs/pycco_custom.css
@@ -12,11 +12,69 @@
 
 /*--------------------- Layout ----------------------------*/
 body {
-  font-family: 'aller-light', sans-serif;
+    font-family: 'aller-light', sans-serif;
+    position: relative;
+    display: inline-block;
+    min-height: 100%;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  line-height: 1.1em;
+    line-height: 1.1em;
+}
+
+div.docs {
+    max-width: 580px;
+    padding-left: 35px;
+}
+#background {
+    position: absolute;
+    height: 100%;
+    left: 640px;
+}
+div.code {
+    margin-left: 640px;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 20px;
+}
+div.docs p {
+    margin-bottom: 5px;
+}
+div.code {
+    padding-top: 5px;
+    padding-bottom: 3px;
+}
+
+@media print {
+    #background {
+        background: none;
+        border: none;
+    }
+    div.docs {
+        max-width: 99%;
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+    div.code {
+        margin: 0px;
+        clear: both;
+    }
+}
+
+@media screen and (max-width:1000px) {
+    #background {
+        background: none;
+        border: none;
+    }
+    div.docs {
+        max-width: 99%;
+    }
+    div.code {
+        margin: 0px;
+        clear: both;
+    }
 }
 
 /*---------------------- Syntax Highlighting -----------------------------*/