From 33269f63275936b2f20cc856721c536cf8ff9c17 Mon Sep 17 00:00:00 2001
From: Jonas Smedegaard <dr@jones.dk>
Date: Sat, 23 May 2015 09:40:31 +0200
Subject: Sync with ikiwiki 3.20150329.

---
 monochrome/style.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'monochrome')

diff --git a/monochrome/style.css b/monochrome/style.css
index 6971782..d14484a 100644
--- a/monochrome/style.css
+++ b/monochrome/style.css
@@ -548,6 +548,51 @@ a.openid_large_btn:focus {
 .trailsep {
 	display: none;
 }
+
+/* mobile/small-screen-friendly layout */
+@media (max-width: 600px) {
+	.sidebar {
+		width: auto;
+		float: none;
+		margin-top: 0;
+		border: none;
+	}
+
+	/* if the mobile browser is new enough, use flex layout to shuffle
+	 * the sidebar to the end */
+	.page {
+		display: -webkit-box;
+		display: -webkit-flexbox;
+		display: -webkit-flex;
+		display: -moz-box;
+		display: -ms-flexbox;
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-flex-direction: tb;
+		-webkit-flex-direction: column;
+		-webkit-flex-flow: column;
+		-ms-flex-direction: column;
+		flex-direction: column;
+	}
+	#pageheader {
+		-webkit-box-ordinal-group: -1;
+		-webkit-order: -1;
+		-ms-box-ordinal-group: -1;
+		-ms-flex-order: -1;
+		order: -1;
+	}
+	.sidebar, #footer {
+		-webkit-box-ordinal-group: 1;
+		-webkit-order: 1;
+		-ms-box-ordinal-group: 1;
+		-ms-flex-order: 1;
+		order: 1;
+	}
+
+	.blogform, #blogform {
+		padding: 4px 4px;
+	}
+}
 /*
  * monochrome - ikiwiki theme © Jon Dowland 2012
  * based on ikiwiki style.css and bits from jmtd.net at the time
@@ -560,6 +605,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