/* Pages - Gallery */
.gallery {
margin: -5px;
}
.gallery .image {
width: 25%;
display: block;
overflow: hidden;
padding: 5px;
}
.gallery .image a {
transition: all .2s linear;
}
.gallery .image a:hover,
.gallery .image a:focus {
opacity: 0.8;
}
.gallery .image img {
width: 100%;
height: 200px;
border-radius: 3px 3px 0 0;
}
.gallery .image-inner {
position: relative;
background: #fff;
border-radius: 3px 3px 0 0;
}
.gallery .image-caption {
position: absolute;
top: 15px;
left: 0;
background: rgba(0,0,0,0.6);
color: #fff;
padding: 5px 15px;
margin: 0;
}
.gallery .image-info {
background: #fff;
padding: 15px;
border-radius: 0 0 3px 3px;
}
.gallery .image-info .title {
margin: 0 0 10px;
line-height: 18px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gallery .image-info .rating {
line-height: 20px;
margin: 0 0 3px;
}
.gallery .image-info .desc {
line-height: 16px;
font-size: 12px;
height: 48px;
overflow: hidden;
}
.gallery .rating span.star {
display: inline-block;
}
.gallery .rating span.star:before {
content: "\f005";
color: #999;
}
.gallery .rating span.star.active:before {
color: #FF8500;
}
.gallery-option-set {
display: block;
margin-bottom: -5px;
}
.gallery-option-set .btn {
margin: 0 5px 5px 0;
}
|
Download
