Merge branch 'ikiwiki' into fixup

4 files changed, 245 insertions, 0 deletions

diff --git a/actiontabs/style.css b/actiontabs/style.css
index b688ba3..bedc562 100644
--- a/actiontabs/style.css
+++ b/actiontabs/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;
+	}
+}
 /* actiontabs theme for ikiwiki
  *
  * by svend
@@ -697,3 +742,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/blueview/style.css b/blueview/style.css
index f20e5f1..bd519ca 100644
--- a/blueview/style.css
+++ b/blueview/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;
+	}
+}
 /*    bzed theme for ikiwiki
  *
  *    Copyright (C) 2010 Bernd Zeimetz
@@ -829,3 +874,30 @@ body {
 
 }
 
+/* lose the border on mobile */
+@media (max-width: 600px) {
+	body {
+		padding: 0;
+	}
+	.page {
+		border: none;
+		margin: 0;
+	}
+	#pagebody {
+		margin: auto;
+		border: none;
+		padding: 0.5em;
+	}
+	#footer {
+		padding: 0.5em;
+	}
+}
+
+/* cancel the minimum width if it would mean scrollbars */
+@media (max-width: 850px) {
+	.page {
+		width: auto;
+		min-width: 0;
+		padding: 0;
+	}
+}
diff --git a/goldtype/style.css b/goldtype/style.css
index c4bcc86..86d57af 100644
--- a/goldtype/style.css
+++ b/goldtype/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;
+	}
+}
 /*    bzed theme for ikiwiki
  *
  *    Copyright (C) 2010 Bernd Zeimetz
@@ -829,6 +874,33 @@ body {
 
 }
 
+/* lose the border on mobile */
+@media (max-width: 600px) {
+	body {
+		padding: 0;
+	}
+	.page {
+		border: none;
+		margin: 0;
+	}
+	#pagebody {
+		margin: auto;
+		border: none;
+		padding: 0.5em;
+	}
+	#footer {
+		padding: 0.5em;
+	}
+}
+
+/* cancel the minimum width if it would mean scrollbars */
+@media (max-width: 850px) {
+	.page {
+		width: auto;
+		min-width: 0;
+		padding: 0;
+	}
+}
 /*
  * goldtype theme for ikiwiki
  */
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 */