134 lines
2.7 KiB
CSS
134 lines
2.7 KiB
CSS
|
|
||
|
|
/*Author: http://www.binarytheme.com */
|
||
|
|
|
||
|
|
/*==========================================
|
||
|
|
PORTFOLIO STYLES
|
||
|
|
=====================================================*/
|
||
|
|
|
||
|
|
|
||
|
|
.portfolio-items,
|
||
|
|
.portfolio-filter {
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.portfolio-items {
|
||
|
|
margin-right: -20px;
|
||
|
|
}
|
||
|
|
.portfolio-filter {
|
||
|
|
margin-bottom: 50px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.portfolio-filter > li {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.portfolio-items > li {
|
||
|
|
float: left;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-items.col-3 > li {
|
||
|
|
width: 33%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-item .item-main {
|
||
|
|
margin: 0 10px 10px 0;
|
||
|
|
text-align: center;
|
||
|
|
background: #fff;
|
||
|
|
padding: 10px;
|
||
|
|
border:1px solid #E8EAEE;
|
||
|
|
|
||
|
|
}
|
||
|
|
.portfolio-item img {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.portfolio-item .portfolio-image {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.portfolio-item h5 {
|
||
|
|
margin: 0;
|
||
|
|
padding: 10px 0 10px 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color: rgb(128, 188, 253);
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*==========================================
|
||
|
|
ISOTOPE FILTERING STYLES
|
||
|
|
=====================================================*/
|
||
|
|
|
||
|
|
.isotope-item {
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.isotope-hidden.isotope-item {
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
/* ISOTOPE CSS3 TRANSACTIONS */
|
||
|
|
.isotope,
|
||
|
|
.isotope .isotope-item {
|
||
|
|
-webkit-transition-duration: 0.8s;
|
||
|
|
-moz-transition-duration: 0.8s;
|
||
|
|
-ms-transition-duration: 0.8s;
|
||
|
|
-o-transition-duration: 0.8s;
|
||
|
|
transition-duration: 0.8s;
|
||
|
|
}
|
||
|
|
.isotope {
|
||
|
|
-webkit-transition-property: height, width;
|
||
|
|
-moz-transition-property: height, width;
|
||
|
|
-ms-transition-property: height, width;
|
||
|
|
-o-transition-property: height, width;
|
||
|
|
transition-property: height, width;
|
||
|
|
}
|
||
|
|
.isotope .isotope-item {
|
||
|
|
-webkit-transition-property: -webkit-transform, opacity;
|
||
|
|
-moz-transition-property: -moz-transform, opacity;
|
||
|
|
-ms-transition-property: -ms-transform, opacity;
|
||
|
|
-o-transition-property: -o-transform, opacity;
|
||
|
|
transition-property: transform, opacity;
|
||
|
|
}
|
||
|
|
/* DISABLE ISOTOPE CSS3 TRANSACTIONS */
|
||
|
|
.isotope.no-transition,
|
||
|
|
.isotope.no-transition .isotope-item,
|
||
|
|
.isotope .isotope-item.no-transition {
|
||
|
|
-webkit-transition-duration: 0s;
|
||
|
|
-moz-transition-duration: 0s;
|
||
|
|
-ms-transition-duration: 0s;
|
||
|
|
-o-transition-duration: 0s;
|
||
|
|
transition-duration: 0s;
|
||
|
|
}
|
||
|
|
/* DISABLE ISOTOPE CSS3 TRANSACTIONS FOR CONTAINERS WITH INFINITE SCROLLING */
|
||
|
|
.isotope.infinite-scrolling {
|
||
|
|
-webkit-transition: none;
|
||
|
|
-moz-transition: none;
|
||
|
|
-ms-transition: none;
|
||
|
|
-o-transition: none;
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*==========================================
|
||
|
|
MEDIA QURIES
|
||
|
|
=====================================================*/
|
||
|
|
@media (max-width: 847px) {
|
||
|
|
.flot-nav {
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 1090px) {
|
||
|
|
.img-thumbnail {
|
||
|
|
max-width: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|