109 lines
2.3 KiB
CSS
109 lines
2.3 KiB
CSS
|
#isotope {
|
||
|
|
margin-top: 2px;
|
||
|
|
background-color:#f4f4f4;
|
||
|
|
}
|
||
|
|
.isotope-item {
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.isotope-hidden.isotope-item {
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**** Isotope CSS3 transitions ****/
|
||
|
|
|
||
|
|
.isotope,
|
||
|
|
.isotope .isotope-item {
|
||
|
|
-webkit-transition-duration: 0.8s;
|
||
|
|
-moz-transition-duration: 0.8s;
|
||
|
|
-o-transition-duration: 0.8s;
|
||
|
|
transition-duration: 0.8s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.isotope {
|
||
|
|
-webkit-transition-property: height, width;
|
||
|
|
-moz-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;
|
||
|
|
-o-transition-property: top, left, opacity;
|
||
|
|
transition-property: transform, opacity;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**** disabling Isotope CSS3 transitions ****/
|
||
|
|
|
||
|
|
.isotope.no-transition,
|
||
|
|
.isotope.no-transition .isotope-item,
|
||
|
|
.isotope .isotope-item.no-transition {
|
||
|
|
-webkit-transition-duration: 0s;
|
||
|
|
-moz-transition-duration: 0s;
|
||
|
|
-o-transition-duration: 0s;
|
||
|
|
transition-duration: 0s;
|
||
|
|
}
|
||
|
|
.w-a {
|
||
|
|
width: 388px;
|
||
|
|
}
|
||
|
|
.w-b {
|
||
|
|
width: 802px;
|
||
|
|
}
|
||
|
|
.h-a {
|
||
|
|
height: 315px;
|
||
|
|
}
|
||
|
|
.h-b {
|
||
|
|
height: 699px;
|
||
|
|
}
|
||
|
|
.item {
|
||
|
|
margin: 5px 0 15px 15px;
|
||
|
|
}
|
||
|
|
.item h3 {
|
||
|
|
margin: 5px 0;
|
||
|
|
}
|
||
|
|
.item h3 [class^="icons-"] {
|
||
|
|
margin: 3px 5px 0 3px;
|
||
|
|
}
|
||
|
|
.item .detail {
|
||
|
|
padding: 5px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border-radius: 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||
|
|
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||
|
|
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
.item .detail .totle {
|
||
|
|
font-size: 50px;
|
||
|
|
padding:10px 5px 20px 0;
|
||
|
|
margin: 0px;
|
||
|
|
text-align: right;
|
||
|
|
border-bottom:1px solid #d9d9d9;
|
||
|
|
}
|
||
|
|
.item .detail .totle span {
|
||
|
|
display: block;
|
||
|
|
font-size:18px;
|
||
|
|
color: #333;
|
||
|
|
padding-left: 5px;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
.item .detail .table th, .item .detail .table td {
|
||
|
|
border-top: none;
|
||
|
|
border-bottom: 1px solid #DDDDDD;
|
||
|
|
}
|
||
|
|
.item .detail .table tr td:first-child {
|
||
|
|
color: #666;;
|
||
|
|
}
|
||
|
|
.item .detail .table tr td:last-child {
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
.item .h-a .my_scroll .viewport {
|
||
|
|
height: 248px;
|
||
|
|
}
|
||
|
|
.item .h-b .my_scroll .viewport {
|
||
|
|
height: 632px;
|
||
|
|
}
|