From 357e0e45ffdeaec8bd86c9c9b345528186f46754 Mon Sep 17 00:00:00 2001
From: Zhiming Wang <zmwangx@gmail.com>
Date: Sat, 22 Aug 2015 12:46:16 -0700
Subject: Add ultranarrow theme for screens narrower than 500px

Just set content width to 90% instead of 80% for narrow.
---
 source/css/theme-ultranarrow.css | 3 +++
 templates/template.html          | 1 +
 2 files changed, 4 insertions(+)
 create mode 100644 source/css/theme-ultranarrow.css

diff --git a/source/css/theme-ultranarrow.css b/source/css/theme-ultranarrow.css
new file mode 100644
index 00000000..a3ecce7c
--- /dev/null
+++ b/source/css/theme-ultranarrow.css
@@ -0,0 +1,3 @@
+.content, .content-separator, .footer {
+    width: 90%;
+}
diff --git a/templates/template.html b/templates/template.html
index 54cb553a..f0d97932 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -20,6 +20,7 @@ $endif$
     <link href='/css/theme.css' media="all" rel="stylesheet" type="text/css"/>
     <link href='/css/theme-wide.css' media="only screen and (min-width: 1441px)" rel="stylesheet" type="text/css"/>
     <link href='/css/theme-narrow.css' media="only screen and (max-width: 1023px)" rel="stylesheet" type="text/css"/>
+    <link href='/css/theme-ultranarrow.css' media="only screen and (max-width: 500px)" rel="stylesheet" type="text/css"/>
     <link href='/css/print.css' media="print" rel="stylesheet" type="text/css"/>
     <style type="text/css">code{white-space: pre;}</style>
 $if(highlighting-css)$
-- 
cgit v1.2.1