aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristopher Baines <mail@cbaines.net>2014-08-10 14:58:56 +0100
committerChristopher Baines <mail@cbaines.net>2015-02-28 12:33:40 +0000
commitd41d958ec2ebd504c82452594110bc11698f71e1 (patch)
tree4ab532429381c9c999a841aa60b28326f51ff00a
parent9e108aeb450281d8fb7bc42bb6b0d2b543994980 (diff)
downloadikiwiki-d41d958ec2ebd504c82452594110bc11698f71e1.tar
ikiwiki-d41d958ec2ebd504c82452594110bc11698f71e1.tar.gz
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.
-rw-r--r--doc/style.css33
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;
+}