Sha256: d29a7826ce12e22342932cf6ecce121115198ac983c77ebea6debfbffc278afd
Contents?: true
Size: 1.77 KB
Versions: 16
Compression:
Stored size: 1.77 KB
Contents
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}
.targetarea { /* CSS for container div(s) of the zoomable image */
width: 325px; /* wide or wider than the widest zoomable image */
height: 338px; /* high or higher than the tallest zoomable image */
margin-top:3px;
}
#two { /* Added CSS for second target div of zoomable images */
height: 243px; /* high or higher than the tallest zoomable image */
}
.targetarea img { /* zoomable image */
margin: auto; /* for horizontal centering */
display: block; /* also for horizontal centering */
position: relative; /* along with on the fly calculations in script, for vertical centering */
border-width: 0;
}
.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
padding-top: 25px;
width: 325px;
text-align: center;
}
.thumbs a { /* trigger links on the thumbnail images */
text-decoration: none; /* avoid underlines of images, text or spaces in these links */
}
.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
border-width: 0; /* avoid default borders in some browsers */
}
#description, #description2 {
position: absolute; /* required for description folows image bottom (descpos: true) */
width: 325px; /* should be width of zoomable image container (.targetarea) */
text-align: center;
font: bold 95% sans-serif;
margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
color: #222;
background-color: #fff;
}
Version data entries
16 entries across 16 versions & 2 rubygems