From 94afbc2fa61088afa0e09763afeb752d55e52649 Mon Sep 17 00:00:00 2001 From: Simon McVittie Date: Mon, 1 Dec 2014 14:56:04 +0000 Subject: More page layout adjustments for mobile browsers and small windows --- themes/actiontabs/style.css | 10 ++++++++++ themes/blueview/style.css | 4 ++++ themes/monochrome/style.css | 1 + 3 files changed, 15 insertions(+) (limited to 'themes') 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 */ -- cgit v1.2.3