"

From 2013.igem.org

.no-js .liquid-slider{height:350px;overflow:scroll} .ls-preloader{background:url(../img/loading.gif) #f2f2f2 no-repeat center 75px;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2} .ls-wrapper{clear:both;overflow:auto;position:relative;margin:0 auto} .ls-wrapper .liquid-slider{background:#f2f2f2;width:1030px;float:left;overflow:hidden;position:relative} .ls-wrapper .panel-container{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000} .ls-wrapper .liquid-slider .panel-container .fade{width:100%;opacity:0;position:absolute;top:0;left:0;display:block} .ls-wrapper .liquid-slider .panel{width:1030px;display:block;float:left} .ls-wrapper .liquid-slider .panel-wrapper{position:relative;padding:20px} .ls-wrapper .ls-nav a{background:#d8d8d8;color:#333;margin-right:1px;outline:0;padding:10px 15px} .ls-wrapper .ls-nav a:hover{background:#f2f2f2;color:#333;text-shadow:none} .ls-wrapper .ls-nav .current{background:#f2f2f2} .currentCrossLink{font-weight:bold} .ls-wrapper .ls-nav ul{clear:both;display:block;overflow:hidden;margin:auto;padding:0} .ls-wrapper .ls-nav ul li{display:inline} .ls-wrapper .ls-nav ul li a{display:block;float:left;text-decoration:none} .ls-wrapper .ls-nav{overflow:hidden;clear:both} .ls-wrapper .ls-select-box{width:100%;height:35px;overflow:hidden;background:url(../img/menu.png) no-repeat right #ddd} .ls-wrapper .ls-select-box select{width:150%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-size:110%;border:none;height:35px;cursor:pointer;outline:0;padding:5px} .ls-wrapper .ls-nav-left,.ls-wrapper .ls-nav-right{float:left} .ls-wrapper .ls-nav-left a,.ls-wrapper .ls-nav-right a{background:#000;color:#fff;width:100px;display:block;text-align:center;text-decoration:none;padding:5px} .ls-wrapper .ls-nav-left-arrow,.ls-wrapper .ls-nav-right-arrow{cursor:pointer;float:left} .ls-wrapper .ls-nav-left-arrow a,.ls-wrapper .ls-nav-right-arrow a{display:block} .ls-wrapper .ls-nav-left,.ls-wrapper .ls-nav-left-arrow{clear:both} .ls-wrapper .ls-nav-right-arrow{width:25px;height:25px;background:url(../img/arrow.png) no-repeat top right;margin-top:50px;margin-right:5px;position:relative} .ls-wrapper .ls-nav-left-arrow{width:25px;height:25px;background:url(../img/arrow.png) no-repeat top left;margin-top:50px;margin-left:5px;position:relative} .ls-wrapper .ls-nav-left-arrow:hover{background:url(../img/arrow.png) no-repeat bottom left} .ls-wrapper .ls-nav-right-arrow:hover{background:url(../img/arrow.png) no-repeat bottom right} .arrows .liquid-slider{margin:0 10px} .ls-responsive .liquid-slider{width:100%;margin:0} .ls-responsive .liquid-slider .panel .panel-wrapper{padding:10px} .ls-responsive .ls-nav-left,.ls-responsive .ls-nav-left-arrow{position:absolute;left:0;z-index:2} .ls-responsive .ls-nav-left a,.ls-responsive .ls-nav-right a{background:#9A9A9A;width:80px} .ls-responsive .ls-nav-left a:hover,.ls-responsive .ls-nav-right a:hover{background:#747474} .ls-responsive .ls-nav-right,.ls-responsive .ls-nav-right-arrow{position:absolute;right:0;z-index:2} @media only screen and min-width 768px { .ls-responsive .liquid-slider .panel .panel-wrapper{padding:20px 35px} }