aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSimon McVittie <smcv@debian.org>2014-12-01 14:56:04 +0000
committerSimon McVittie <smcv@debian.org>2014-12-01 21:29:46 +0000
commit94afbc2fa61088afa0e09763afeb752d55e52649 (patch)
treee04e7972c2dd0f27f7e24f642f9bf6c6e1a7ff16
parentceab72ad341bb216467a3bdaf6ee0a32be99de02 (diff)
downloadikiwiki-94afbc2fa61088afa0e09763afeb752d55e52649.tar
ikiwiki-94afbc2fa61088afa0e09763afeb752d55e52649.tar.gz
More page layout adjustments for mobile browsers and small windows
-rw-r--r--doc/style.css5
-rw-r--r--themes/actiontabs/style.css10
-rw-r--r--themes/blueview/style.css4
-rw-r--r--themes/monochrome/style.css1
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 */