From 94afbc2fa61088afa0e09763afeb752d55e52649 Mon Sep 17 00:00:00 2001 From: Simon McVittie Date: Mon, 1 Dec 2014 14:56:04 +0000 Subject: [PATCH] More page layout adjustments for mobile browsers and small windows --- doc/style.css | 5 +++++ themes/actiontabs/style.css | 10 ++++++++++ themes/blueview/style.css | 4 ++++ themes/monochrome/style.css | 1 + 4 files changed, 20 insertions(+) diff --git a/doc/style.css b/doc/style.css index 18bf531a6..6050a2598 100644 --- a/doc/style.css +++ b/doc/style.css @@ -555,6 +555,7 @@ a.openid_large_btn:focus { width: auto; float: none; margin-top: 0; + border: none; } /* if the mobile browser is new enough, use flex layout to shuffle @@ -578,4 +579,8 @@ a.openid_large_btn:focus { -webkit-order: 1; order: 1; } + + .blogform, #blogform { + padding: 4px 4px; + } } diff --git a/themes/actiontabs/style.css b/themes/actiontabs/style.css index d4afc0915..67720e285 100644 --- a/themes/actiontabs/style.css +++ b/themes/actiontabs/style.css @@ -147,3 +147,13 @@ div.recentchanges { /* allow space for the action tabs */ margin-bottom: 2em; } + +@media (max-width: 600px) { + #content, #enclosure, #comments, #footer { + margin: 0.5em; + } + .pageheader .actions ul li { + padding: .1em .2em 0 .2em; + font-size: 0.8em; + } +} diff --git a/themes/blueview/style.css b/themes/blueview/style.css index 7b3382c35..57813e2ee 100644 --- a/themes/blueview/style.css +++ b/themes/blueview/style.css @@ -291,6 +291,10 @@ body { #pagebody { margin: auto; border: none; + padding: 0.5em; + } + #footer { + padding: 0.5em; } } diff --git a/themes/monochrome/style.css b/themes/monochrome/style.css index bd3fdf593..e85f8abb5 100644 --- a/themes/monochrome/style.css +++ b/themes/monochrome/style.css @@ -10,6 +10,7 @@ body { margin-left: auto; margin-right: auto; width: 48em; + max-width: 95%; background: url(gradient.png) repeat-x white 0px -16px; margin-top: 48px; /* height of gradient.png that we want to see */ -- 2.44.0