Team:Penn/css/layerslider

From 2012.igem.org

/* LayerSlider Styles */

.ls-inner { position: relative; }

.ls-inner, .ls-layer { width: 100%; height: 100%; overflow: hidden; }

.ls-layer { position: absolute; display: none; background-position: center center; }

.ls-active, .ls-animating { display: block !important; }

.ls-layer > * { position: absolute; left: 0px; top: 0px; }

.ls-layer .ls-bg { left: 50%; top: 50%; }

.ls-bottom-nav-wrapper { z-index: 2; height: 0px; }

.ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; }

.ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.ls-videopreview { width : 100%; height : 100%; position : absolute; left : 0px; top : 0px; cursor : pointer; }

.ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; }

/* WP plugin forceResponsive */

.ls-wp-forceresponsive-container { width: 100%; position: relative; }

.ls-wp-forceresponsive-helper { position: absolute; margin-left: 50%; }

1. main {

overflow: visible !important; }