diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2015-08-22 12:46:16 -0700 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2015-08-22 12:46:16 -0700 |
| commit | 357e0e45ffdeaec8bd86c9c9b345528186f46754 (patch) | |
| tree | b0db970b15c70563f9f994488adb72522fa3ebf2 | |
| parent | 2888fa3fe5d4688fd37819bae1208c3c6bdced53 (diff) | |
| download | my_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.
| -rw-r--r-- | source/css/theme-ultranarrow.css | 3 | ||||
| -rw-r--r-- | templates/template.html | 1 |
2 files changed, 4 insertions, 0 deletions
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)$ |