142 lines
3.0 KiB
CSS
142 lines
3.0 KiB
CSS
/*isotope*/
|
|
|
|
#isotope {
|
|
margin-top: 2px;
|
|
}
|
|
.isotope-item {
|
|
z-index: 2;
|
|
}
|
|
/**** 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: 398px;
|
|
}
|
|
.w-b {
|
|
width: 812px;
|
|
}
|
|
.h-a {
|
|
height: 315px;
|
|
}
|
|
.h-b {
|
|
height: 703px;
|
|
}
|
|
.item {
|
|
margin: 5px 0 15px 15px;
|
|
}
|
|
.item h3 {
|
|
margin: 20px 0 5px;
|
|
}
|
|
.item h3 [class^="icons-"] {
|
|
margin: 1px 5px 0 3px;
|
|
}
|
|
.item .detail {
|
|
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);
|
|
}
|
|
.item .detail .totle {
|
|
font-size: 50px;
|
|
padding:10px 5px 30px 0;
|
|
margin: 0;
|
|
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;
|
|
margin-bottom: -7px;
|
|
}
|
|
.item .detail .table {
|
|
margin-bottom: 0;
|
|
}
|
|
.item .detail .table th, .item .detail .table td {
|
|
border-top: none;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
}
|
|
.item .detail .table tr th {
|
|
background-color: #F2F2F2;
|
|
border-bottom: 1px solid #AAAAAA;
|
|
}
|
|
.item .detail .table tr td:first-child {
|
|
color: #666;;
|
|
}
|
|
.item .detail .table tr td:last-child, .item .detail .table tr th:last-child {
|
|
text-align:right;
|
|
padding-right: 15px;
|
|
}
|
|
.item .h-a .my_scroll .viewport {
|
|
height: 210px;
|
|
}
|
|
.item .h-b .my_scroll .viewport {
|
|
height: 594px;
|
|
}
|
|
.item .isotope-hidden.isotope-item {
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
}
|
|
.item .my_scroll {
|
|
position: relative;
|
|
}
|
|
.item .my_scroll .scrollbar {
|
|
right: 3px;
|
|
top: 0;
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
.item .my_scroll .track {
|
|
background-color: transparent;
|
|
}
|
|
.detail.noStatistics {
|
|
overflow: hidden;
|
|
}
|
|
.detail.noStatistics.h-a {
|
|
height: 315px;
|
|
}
|
|
.detail.noStatistics.h-a .my_scroll .viewport {
|
|
height: 280px;
|
|
}
|
|
.detail.noStatistics.h-b {
|
|
height: 704px;
|
|
}
|
|
.detail.noStatistics.h-b .my_scroll .viewport {
|
|
height: 670px;
|
|
} |