diff options
| author | Simon McVittie <smcv@debian.org> | 2014-12-01 14:56:04 +0000 |
|---|---|---|
| committer | Simon McVittie <smcv@debian.org> | 2014-12-01 21:29:46 +0000 |
| commit | 94afbc2fa61088afa0e09763afeb752d55e52649 (patch) | |
| tree | e04e7972c2dd0f27f7e24f642f9bf6c6e1a7ff16 | |
| parent | ceab72ad341bb216467a3bdaf6ee0a32be99de02 (diff) | |
| download | ikiwiki-94afbc2fa61088afa0e09763afeb752d55e52649.tar ikiwiki-94afbc2fa61088afa0e09763afeb752d55e52649.tar.gz | |
More page layout adjustments for mobile browsers and small windows
| -rw-r--r-- | doc/style.css | 5 | ||||
| -rw-r--r-- | themes/actiontabs/style.css | 10 | ||||
| -rw-r--r-- | themes/blueview/style.css | 4 | ||||
| -rw-r--r-- | themes/monochrome/style.css | 1 |
4 files changed, 20 insertions, 0 deletions
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 */ |