From d41d958ec2ebd504c82452594110bc11698f71e1 Mon Sep 17 00:00:00 2001
From: Christopher Baines <mail@cbaines.net>
Date: Sun, 10 Aug 2014 14:58:56 +0100
Subject: Attempt to improve album plugin css

This removes the absolute positioning, replacing it with floats. Also, it
limits the size of the images in the album, such that they are not too wide.
---
 doc/style.css | 33 +++++++++------------------------
 1 file changed, 9 insertions(+), 24 deletions(-)

(limited to 'doc')

diff --git a/doc/style.css b/doc/style.css
index 0969f0922..2f38754ee 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -560,32 +560,17 @@ a.openid_large_btn:focus {
 }
 
 .album-viewer {
-	position: relative;
-}
-.album-prev, .album-next, .album-finish {
-	position: absolute;
-	top: 0%;
-	height: 100%;
-	width: 100px;
+	text-align: center;
 }
 .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-next, .album-finish {
+	float: right;
 }
-.album-prev { left: 0px; }
-.album-next, .album-finish { right: 0px; }
-#album-img {
-	clear: both;
-	margin-left: 100px;
-	margin-right: 100px;
-	text-align: center;
+.album-prev {
+	float: left;
 }
 .album-item .album-title,
 .album-item .album-metadata,
@@ -599,10 +584,6 @@ a.openid_large_btn:focus {
 	margin-left: auto;
 	text-align: right;
 }
-.album-thumbnail {
-	min-height: 72px;
-	min-width: 96px;
-}
 .album-item .album-metadata {
 	padding: 8px;
 	font-size: small;
@@ -617,3 +598,7 @@ a.openid_large_btn:focus {
 .album-item .album-title a {
 	text-decoration: underline;
 }
+#album-img a img {
+	max-width: 85%;
+	height: auto;
+}
-- 
cgit v1.2.3