.photo-album-image-wrapper {
float: left;
margin-top: 15px;
- height: 350px;
- width: 350px;
+ margin-right: 15px;
+ width: 200px; height: 200px;
+ overflow: hidden;
+ position: relative;
+}
+.photo-album-image-wrapper .caption {
+ display: none;
+ width: 100%;
+ position: absolute;
+ bottom: 0px;
+ padding: 0.5em 0.5em 0px 0.5em;
+ background-color: rgba(255, 255, 255, 0.8);
+ margin: 0px;
+}
+.photo-album-image-wrapper a:hover .caption {
+ display:block;
}
#photo-album-end {
}
.photo-top-image-wrapper {
+ position: relative;
float: left;
margin-top: 15px;
- height: 350px;
- width: 350px;
+ margin-right: 15px;
+ width: 200px; height: 200px;
+ overflow: hidden;
+}
+.photo-top-album-name {
+ width: 100%;
+ min-height: 2em;
+ position: absolute;
+ bottom: 0px;
+ padding: 0px 3px;
+ padding-top: 0.5em;
+ background-color: rgb(255, 255, 255);
}
-
#photo-top-end {
clear: both;
}
.tool-link {
cursor: pointer;
}
+
+