From b89ff82dad44b4a6a87e62dff3c71bcb7ea3cca3 Mon Sep 17 00:00:00 2001
From: Zhiming Wang <zmwangx@gmail.com>
Date: Sun, 26 Jul 2015 18:55:25 -0700
Subject: adjust content width for different window widths

New:

* Greater than 1440px: load theme-wide.css, content width: 50%;
* Between 1024 and 1440px: standard theme.css, content width: 60%;
* Lower than 1024px: load theme-narrow.css, content width: 90% (and
  floating nav element moves up to page top to make space).
---
 templates/template.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'templates/template.html')

diff --git a/templates/template.html b/templates/template.html
index 69b5ba97..6d28a581 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -32,7 +32,8 @@ $header-includes$
 $endfor$
 <link href='/css/normalize.css' media="all" rel="stylesheet" type="text/css"/>
 <link href='/css/theme.css' media="all" rel="stylesheet" type="text/css"/>
-<link href='/css/theme-narrow.css' media="only screen and (max-width: 980px)" 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/print.css' media="print" rel="stylesheet" type="text/css"/>
 <link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"/>
 <link href="//fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css"/>
-- 
cgit v1.2.1