orbit-basic/app/assets/stylesheets/isotope.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;
}