From 90be8952cddc483a4aa7ea7e221604a2df6ba75d Mon Sep 17 00:00:00 2001 From: Nick Date: Wed, 17 Aug 2016 20:42:53 -0500 Subject: [PATCH 1/2] hyde theme: on mobile, attempt to scale to width --- themes/hyde/base.tmpl | 1 + 1 file changed, 1 insertion(+) diff --git a/themes/hyde/base.tmpl b/themes/hyde/base.tmpl index 8929a6e..335268b 100644 --- a/themes/hyde/base.tmpl +++ b/themes/hyde/base.tmpl @@ -6,6 +6,7 @@ {$config.title} + From d1ff684c89f6a626cdd5467943079506a048ec81 Mon Sep 17 00:00:00 2001 From: Nick Date: Wed, 17 Aug 2016 22:13:51 -0500 Subject: [PATCH 2/2] Update hyde with mobile css Max-width is pretty arbitrary, could be adjusted in the future. --- themes/hyde/css/style.css | 51 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/themes/hyde/css/style.css b/themes/hyde/css/style.css index 374f56f..44351fb 100644 --- a/themes/hyde/css/style.css +++ b/themes/hyde/css/style.css @@ -47,3 +47,54 @@ span.paren5 { background-color : inherit; -webkit-transition: background-color 0 span.paren5:hover { color : inherit; background-color : #CAFFCA; } span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; } span.paren6:hover { color : inherit; background-color : #FFBAFF; } + +@media (max-width: 680px) { + + #content { + padding-top: 0em + } + + .title { + margin-left: 0.1em; + } + + .article-meta { + margin-bottom: 1em; + } + + .article-meta, .article-content { + float: left; + margin-left: 0em; + margin-right: 0em; + width: 90%; + padding-left: 5%; + } + + .article, .article-content { + margin-left: 0em; + text-align: justify; + } + + img { + display: block; + margin-left: auto; + margin-right: auto; + width: 100%; + } + + #coleslaw-logo { + float: none; + } + + #coleslaw-logo img { + margin-left: auto; + margin-right: auto; + float: none; + width: auto; + } + + .fineprint a img { + width: auto; + clear: both; + } +}