Attempt to improve album plugin cssalbum

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.

1 files changed, 9 insertions, 24 deletions

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;
+}