#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; }