aboutsummaryrefslogtreecommitdiff
path: root/templates/template.html
diff options
context:
space:
mode:
authorZhiming Wang <zmwangx@gmail.com>2015-08-22 12:46:16 -0700
committerZhiming Wang <zmwangx@gmail.com>2015-08-22 12:46:16 -0700
commit357e0e45ffdeaec8bd86c9c9b345528186f46754 (patch)
treeb0db970b15c70563f9f994488adb72522fa3ebf2 /templates/template.html
parent2888fa3fe5d4688fd37819bae1208c3c6bdced53 (diff)
downloadmy_new_personal_website-357e0e45ffdeaec8bd86c9c9b345528186f46754.tar.xz
my_new_personal_website-357e0e45ffdeaec8bd86c9c9b345528186f46754.zip
Add ultranarrow theme for screens narrower than 500px
Just set content width to 90% instead of 80% for narrow.
Diffstat (limited to '')
-rw-r--r--templates/template.html1
1 files changed, 1 insertions, 0 deletions
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)$