Made site template mobile friendly and added title to RSS feed

[biaweb2.git] / templates / style.tpl.css

diff --git a/templates/style.tpl.css b/templates/style.tpl.css
index ec2e68b..0abf5c6 100644 (file)
--- a/templates/style.tpl.css
+++ b/templates/style.tpl.css
@@ -77,3 +77,30 @@ section#content {
     line-height: 150%;
     text-align: justify;
 }
+/* for small screens */
+@media only screen and (max-width: 600px) {
+    section#content {
+        width: 99%;
+        float: none;
+        margin-left: 0.5%;
+        margin-right: 0.5%;
+        text-align: left;
+        padding: 0;
+    }
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+    header {
+        float: none;
+    }
+    footer {
+        float: none;
+    }
+    nav#sidebar {
+        float: none;
+        width: 99%;
+        margin-left: 0.5%;
+        margin-right: 0.5%;
+    }
+}
\ No newline at end of file