Album plugin v4

2 files changed, 71 insertions, 43 deletions

diff --git a/doc/style.css b/doc/style.css
index 8c16e7a2f..c0f1a8343 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -549,47 +549,71 @@ a.login_large_btn:focus {
 	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;
-	}
+.album, .album-end, .album-item { clear: both; }
+
+.album-arrow {
+	font-size: 400%;
+}
+
+.album-item {
+	padding: 2px 0px;
+}
+
+.album-viewer {
+	position: relative;
+}
+.album-prev, .album-next, .album-finish {
+	position: absolute;
+	top: 0%;
+	height: 100%;
+	width: 100px;
+}
+.album-prev a, .album-next a, .album-finish a {
+	display: block;
+	padding-top: 1em;
+	width: 100%;
+	height: 100%;
+	text-decoration: none;
+}
+.album-prev .album-thumbnail, .album-next .album-thumbnail {
+	position: absolute;
+	top: 8em;
+}
+.album-prev { left: 0px; }
+.album-next, .album-finish { right: 0px; }
+#album-img {
+	clear: both;
+	margin-left: 100px;
+	margin-right: 100px;
+	text-align: center;
+}
+.album-item .album-title,
+.album-item .album-metadata,
+.album-item .album-caption {
+	margin-left: 120px;
+}
+.album-item .album-thumbnail {
+	float: left;
+	padding: 8px;
+	margin-right: 0px;
+	margin-left: auto;
+	text-align: right;
+}
+.album-thumbnail {
+	min-height: 72px;
+	min-width: 96px;
+}
+.album-item .album-metadata {
+	padding: 8px;
+	font-size: small;
+}
+.album-item .album-size, .album-item .album-ctime {
+	padding-right: 1em;
+}
+.album-item .album-title {
+	font-weight: bold;
+	font-size: larger;
+}
+.album-item .album-title a {
+	text-decoration: underline;
 }
diff --git a/doc/templates.mdwn b/doc/templates.mdwn
index 378e579ba..d787d04c9 100644
--- a/doc/templates.mdwn
+++ b/doc/templates.mdwn
@@ -89,6 +89,10 @@ Here is a full list of the template files used:
   that is a member of a trail.
 * `notifyemail.tmpl` - Used by the notifymail plugin to generate mails about
   changed pages.
+* `albumitem.tmpl` - Used by the album plugin to display the images in an
+  album.
+* `albumviewer.tmpl`, `albumprev.tmpl`, `albumnext.tmpl` - Used by the
+  album plugin to display each image on its own page.
 * `editpage.tmpl`, `editconflict.tmpl`, `editcreationconflict.tmpl`,
   `editfailedsave.tmpl`, `editpagegone.tmpl`, `pocreatepage.tmpl`,
   `editcomment.tmpl` `commentmoderation.tmpl`, `renamesummary.tmpl`,