From 92a05c2a986d7efeeb4224ab26486873a1b510f8 Mon Sep 17 00:00:00 2001
From: Andreas Blixt <andreas@blixt.org>
Date: Fri, 23 Jul 2010 16:31:22 +0200
Subject: [PATCH] Added support for devices with low resolution.

---
 src/static/style.css | 45 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/static/style.css b/src/static/style.css
index 2dfbff3..1ca0668 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -232,3 +232,48 @@ textarea:focus {
 #story p.empty {
     opacity: .5;
 }
+
+@media screen and (max-width: 680px) {
+    body {
+        font-size: 13px;
+    }
+
+    h1 {
+        font-size: 23px;
+    }
+
+    h2 {
+        font-size: 19px;
+    }
+
+    ol, p, pre, ul {
+        left: 1px;
+        width: auto;
+    }
+
+    textarea {
+        width: 96%;
+    }
+
+    .paragraph, #story p {
+        font-size: 17px;
+    }
+
+    #content {
+        width: auto;
+    }
+
+    #content_outside {
+        border: 0;
+        border-radius: 0;
+        -khtml-border-radius: 0;
+        -moz-border-radius: 0;
+        margin-top: 0;
+        width: auto;
+    }
+
+    #footer {
+        margin-bottom: 0;
+        width: auto;
+    }
+}