#side { height: auto; min-height: 516px; right: 0; bottom: 12px; } #rwidget { height: 100%; } #container { padding: 0; position: absolute; top: 0; right: 0; bottom: 12px; left: 0; min-height: 588px; } #panel_l, #panel_r { height: 100%; } .isotope { height: 100%; } .isotope .s_grid_row { width: 420px; margin: 0 24px 12px 0; } .s_grid_row .s_grid_h_full { height: 100%; } .list_t_item { float: left; display: inline; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -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; } /**** 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; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }