/* The following is required for the slider. Editing should be kept to minimum */ .smooth_slider_container { position: relative; height:100%; overflow: hidden; } .smooth_slider_panel { position: absolute; top:0px; left:0px; background-position: 0% 0%; background-repeat:no-repeat; } .noflicker { /* this is to prevent flickering on some Android devices */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } /* following are custom style for the demos. Customize as desired. */ #img_msg_area { opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ width:390px; min-height:30px; background-color:white; position:absolute; left:0px; top:60px; z-index: 120; font-size:2em; padding:1em; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; } #static_text_area { opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ width:350px; background-color:white; position:absolute; right:20px; bottom:20px; z-index: 120; padding:1em; -moz-border-radius: 20px; border-radius: 20px; } #resume { position: absolute; top:30px; right:30px; background: darkred; color: white; text-align: center; border-radius: 8px; cursor: pointer; padding: 8px 15px; font-size: 1.5em; z-index: 120; } #throbber { position: absolute; top:50px; right:50px; z-index: 150; } .slideshowwrapper{ /* dimensions of outermost slideshow container */ width: 100%; height: 600px; position: relative; overflow: hidden; }