Responsive design of content, sidebar and farbar.

1 files changed, 25 insertions, 0 deletions

diff --git a/local.scss b/local.scss
index 4a19119..266597c 100644
--- a/local.scss
+++ b/local.scss
@@ -313,3 +313,28 @@ div.pagecopyright p {
 	margin-top: 0;
 	margin-bottom: 1em;
 }
+
+
+//Responsive design
+
+@media screen and (max-width: 480px) {
+	div#content {
+		max-width: 96%;
+		margin: 0;
+		padding: 0 4%;
+	}
+	div.inlinepage {
+		margin: 0;
+	}
+	div.farbar {
+		width: 96%;
+		margin-left: 0;
+		padding: 0 4%;
+	}
+	div.sidebar {
+		float: none;
+		width: 96%;
+		margin-left: 0;
+		padding: 0 4%;
+	}
+}