/* #LayerSlider DT Skin ================================================== */ #page .ls-defaultskin { border: none; padding: 0; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #page .ls-defaultskin .ls-playvideo { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } #page .ls-defaultskin .ls-playvideo, #page .ls-defaultskin .ls-nav-sides, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-fullscreen { background-image: none; } #page .ls-defaultskin .ls-nav-prev, #page .ls-defaultskin .ls-nav-prev:hover, #page .ls-defaultskin .ls-nav-next, #page .ls-defaultskin .ls-nav-next:hover { background-position: 0px 0px; } #page .ls-defaultskin .ls-bottom-slidebuttons a { background-image: none; -webkit-border-radius: 5px; border-radius: 5px; } #page .ls-defaultskin .ls-bottom-slidebuttons a:after { -webkit-border-radius: 3px; border-radius: 3px; } #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop { width: 18px; height: 18px; margin: 0 6px; background-color: #fff; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 10px; border-radius: 10px; } #page .ls-defaultskin .ls-nav-start:hover, #page .ls-defaultskin .ls-nav-stop:hover, #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active, #page .ls-defaultskin .ls-nav-start.ls-nav-start-active { opacity: 0.65; } #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active, #page .ls-defaultskin .ls-nav-start.ls-nav-start-active { cursor: default; } #page .ls-defaultskin .ls-nav-stop { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='rgba(0,0,0, 0.8)' d='M217.679,462h-120V50h120V462z M414.321,50h-120v412h120V50z'/%3E%3C/svg%3E"); background-position: 4px center; } #page .ls-defaultskin .ls-nav-start { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%09%3Cpolygon fill='rgba(0,0,0, 0.8)' points='418.999,256.001 121.001,462 121.001,50 '/%3E%3C/svg%3E"); background-position: 5px center; } #page .ls-defaultskin .ls-nav-prev, #page .ls-defaultskin .ls-nav-next { width: 30px; height: 55px; z-index: 10000; top: 50%; margin-top: -27px; position: absolute; background: none; } #page .ls-defaultskin .ls-nav-prev:before, #page .ls-defaultskin .ls-nav-next:before, #page .ls-defaultskin .ls-nav-prev:after, #page .ls-defaultskin .ls-nav-next:after { position: absolute; left: 0; top: 0; width: 30px; height: 55px; content: ""; background-position: 0 0; background-repeat: no-repeat; z-index: 9; } #page .ls-defaultskin .ls-nav-prev:after, #page .ls-defaultskin .ls-nav-next:after { top: 1px; left: 0; z-index: 8; } #page .ls-defaultskin .ls-nav-prev { left: 10px; } #page .ls-defaultskin .ls-nav-next { right: 10px; } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-nav-sides { height: 20px; } #page .ls-defaultskin .ls-bottom-nav-wrapper { margin-top: 0; } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-bottom-slidebuttons a, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-nav-sides { display: inline-block; } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-nav-sides { top: -30px; } #page .ls-defaultskin .ls-bottom-slidebuttons { top: -32px; } .overlap #page .ls-defaultskin .ls-bottom-slidebuttons, .overlap #page .ls-defaultskin .ls-nav-start, .overlap #page .ls-defaultskin .ls-nav-stop, .overlap #page .ls-defaultskin .ls-nav-sides { top: -97px; } .overlap #page .ls-defaultskin .ls-bottom-slidebuttons { top: -99px; } #page .ls-defaultskin .ls-thumbnail-hover { bottom: 29px; margin-left: 4px; } #page .ls-defaultskin .ls-thumbnail-hover-bg { background: #eee; } #page .ls-defaultskin .ls-thumbnail-hover span { border: 5px solid #eee; margin-left: -5px; } #page .ls-defaultskin .ls-thumbnail { top: 10px; } #page .ls-defaultskin .ls-thumbnail-inner { padding: 2px; margin-left: -2px; background: #fff; } #page .ls-defaultskin .ls-thumbnail-slide a { margin-right: 2px; } #page .ls-defaultskin .ls-nothumb { background: #eee; } .ls-container.ls-carousel .ls-nav-prev, .ls-container.ls-carousel .ls-nav-next { width: 30px; height: 60px; } .ls-container.ls-carousel .ls-nav-prev:after, .ls-container.ls-carousel .ls-nav-next:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-position: center center; background-repeat: no-repeat; } .ls-container.ls-carousel .ls-nav-prev:after, .ls-container.ls-carousel .ls-nav-prev:hover:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E"); } .ls-container.ls-carousel .ls-nav-next:after, .ls-container.ls-carousel .ls-nav-next:hover:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E"); } .ls-container.ls-carousel .ls-nav-prev, .ls-container.ls-carousel .ls-nav-next, .ls-container.ls-carousel .ls-nav-prev:hover, .ls-container.ls-carousel .ls-nav-next:hover, #page .ls-carousel .ls-loading-indicator { background-repeat: no-repeat; background-position: center center; } #page .ls-defaultskin .ls-fullscreen { width: 30px; height: 30px; right: 10px; top: 10px; } #page .ls-carousel .ls-nav-prev, #page .ls-carousel .ls-nav-next { z-index: 90; } .ls-container a { text-decoration: none; } #page .ls-defaultskin .ls-nav-next:before { .ls-right-icon(white); } #page .ls-defaultskin .ls-nav-next:after { .ls-right-icon(rgba(0,0,0,0.15)); } #page .ls-defaultskin .ls-nav-next:hover:before { .ls-right-icon(rgba(255,255,255,0.7)); } .ls-right-icon(@colour) { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='@{colour}' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E"); } .ls-left-icon(@colour) { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='@{colour}' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E"); } #page .ls-defaultskin .ls-nav-prev:before { .ls-left-icon(white); } #page .ls-defaultskin .ls-nav-prev:after { .ls-left-icon(rgba(0,0,0,0.15)); } #page .ls-defaultskin .ls-nav-prev:hover:before { .ls-left-icon(rgba(255,255,255,0.7)); } #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-bottom-slidebuttons a { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .loading-label, #page .ls-defaultskin .ls-loading-container, #page .ls-carousel .ls-loading-container { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20); } /* LayerSlider DT Skin:end */