.auto-style5 {
background-color: #FFFFFF;
}
/* colors and borders */
.pic_gallery { border:1px solid #888888; ; } /* gallery border color */
.pic_gallery .pic_sm div { } /* thumbnail cell border */
.pic_gallery .pic_lg div { } /* main photo cell border */
.pic_gallery .pic_sm img { } /* thumbnail border */
.pic_gallery .pic_lg img { } /* main photo border */
.pic_gallery .pic_set:hover .pic_sm div { color: red; } /* thumbnail border hover color */
.pic_gallery { background-color:#FFFFFF; } /* gallery background color */
.pic_gallery .pic_sm div,
.pic_gallery .pic_lg div { background-color:#FFFFFF; } /* cell background color */
.pic_gallery .pic_head,
.pic_gallery .pic_foot { color:#333333;} /* gallery text color */
/* text */
.pic_gallery { font-family:arial; font-size:16px; }
.pic_gallery .pic_head { display:none; text-align:center; font-size:.88em; font-weight:bold; padding-top:.5em; }
.pic_gallery .pic_foot { display:none; text-align:center; font-size:.7em; }
/* shadows and corners */
.pic_gallery .pic_sm { }
.pic_gallery .pic_lg { }
.pic_gallery .pic_sm div { } /* cell corners and shadows */
.pic_gallery .pic_lg div { } /* cell corners and shadows */
.pic_gallery .pic_sm img { } /* image corners and shadows */
.pic_gallery .pic_lg img { } /* image corners and shadows */
/* sizing, matting, and margins (all values interact and vary by aspect ratio and image count) */
.pic_gallery { width:100%; max-width:773px; } /* change this % in media queries */
.pic_gallery .pic_gal_5x1 { width:100%; padding-top:83.75%; }
.pic_gallery .pic_gal_5x1 .pic_gal_cells { width:97.46%; height:96.96%; } /* sets padding around entire gallery */
.pic_gallery .pic_gal_5x1 .pic_sm { width:15.62%; height:18.75%; margin:0.52%; }
.pic_gallery .pic_gal_5x1 .pic_lg { width:82.29%; height:98.75%; margin:0.52%; }
.pic_gallery .pic_gal_5x1 .pic_sm img { max-width:83.33%; max-height:83.33%; } /* sets margin around thumbnail */
.pic_gallery .pic_gal_5x1 .pic_lg img { max-width:96.83%; max-height:96.83%; } /* sets margin around large photo */
/* structural */
.pic_gallery, .pic_gallery * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.pic_gallery, .pic_gallery .pic_gal { position:relative; margin:auto; }
.pic_gallery .pic_gal_cells { position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; }
.pic_gallery img { position:absolute; width:auto; height:auto; left:0; top:0; bottom:0; right:0; margin:auto; }
.pic_gallery .pic_sm { position:relative; overflow:hidden; float:left; display:block; }
.pic_gallery .pic_lg { position:absolute; overflow:hidden; display:none; left:0%; top:0%; z-index:1; }
.pic_gallery .pic_sm div,
.pic_gallery .pic_lg div { position:absolute; left:0%; top:0%; right:0%; bottom:0%; }
.pic_gallery .pic_lg { display:none; }
.pic_gallery .pic_lg.pic_main { position:relative; display:block; float:left; z-index:0; } /* turn on default large photo */
.pic_gallery .pic_set:hover .pic_sm div { opacity:.5; border:1px solid; }
.pic_gallery .pic_main { visibility:hidden; }
.pic_gallery input { position:absolute; top:0; left:0; visibility:hidden; }
.pic_gallery input:checked + label + div.pic_lg { display:block }
.pic_gallery input:checked + label { opacity:.5; }
/* lower browser versions can not display this gallery */
.pic_gallery img,
.pic_gallery .pic_gal,
.pic_gallery .pic_sm div,
.pic_gallery .pic_gal_cells { position:relative; border:0; padding:0; margin:0; }
.pic_gallery .pic_sm img { width:99%; height:auto; }
}
.auto-style5 {
background-color: #FFFFFF;
}
|
There are no reviews yet.