#JiSlider { width: 100%; height: 100%; } .jislider ul { height: 100%; margin: 0; padding: 0; position: relative; list-style-type: none; } .jislider ul li { position: relative; height: 100%; float: left; overflow: hidden; } .jislider__img { position: absolute; top: 0; left: 0; background-size: cover; background-position: center; width: 100%; height: 100%; z-index: -1; } .jislider__left-arrow { position: absolute; left: 30px; top: 0; bottom: 0; margin: auto; width: 30px; height: 60px; cursor: pointer; display:none; } .jislider__left-arrow__top { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 30px; background-color: inherit; -webkit-transform: rotate(30deg) translateX(10px) translateY(-3px); -ms-transform: rotate(30deg) translateX(10px) translateY(-3px); transform: rotate(30deg) translateX(10px) translateY(-3px); display:none; } .jislider__left-arrow__bottom { content: ''; position: absolute; bottom: 0; left: 0; width: 2px; height: 30px; background-color: inherit; -webkit-transform: rotate(-30deg) translateX(10px) translateY(3px); -ms-transform: rotate(-30deg) translateX(10px) translateY(3px); transform: rotate(-30deg) translateX(10px) translateY(3px); display:none; } .jislider__right-arrow { position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; width: 30px; height: 60px; cursor: pointer; display:none; } .jislider__right-arrow__top { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 30px; background-color: inherit; -webkit-transform: rotate(-30deg) translateX(-10px) translateY(-3px); -ms-transform: rotate(-30deg) translateX(-10px) translateY(-3px); transform: rotate(-30deg) translateX(-10px) translateY(-3px); display:none; } .jislider__right-arrow__bottom { content: ''; position: absolute; bottom: 0; right: 0; width: 2px; height: 30px; background-color: inherit; -webkit-transform: rotate(30deg) translateX(-10px) translateY(3px); -ms-transform: rotate(30deg) translateX(-10px) translateY(3px); transform: rotate(30deg) translateX(-10px) translateY(3px); display:none; } .jislider__controller { position: absolute; max-width: 80%; padding: 0 30px; left:0%; right: 0; bottom: 27%; margin: auto; text-align: center; } .jislider__button { display: inline-block; width: 14px; height: 14px; margin: 5px 10px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; cursor: pointer; border: 2px solid #fff!important; } .jislider__button.jislider__on { background: #fff!important; border: 2px solid #fff!important; } .jislider__controller { width: 500px!important; } @media (max-width:600px){ .jislider__left-arrow { position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; width: 30px; height: 60px; cursor: pointer; } .jislider__right-arrow { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; width: 30px; height: 60px; cursor: pointer; } } @media (max-width:480px){ } @media (max-width:414px){ } @media (max-width:384px){ } @media (max-width:375px){ .jislider__controller { bottom: 16%; } } @media (max-width:320px){ .jislider__controller { bottom: 13%; } } /* FILE ARCHIVED ON 07:10:58 Aug 18, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 19:55:55 May 09, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.875 exclusion.robots: 0.041 exclusion.robots.policy: 0.024 esindex: 0.02 cdx.remote: 14.985 LoadShardBlock: 159.573 (3) PetaboxLoader3.datanode: 224.133 (4) PetaboxLoader3.resolve: 289.896 (2) load_resource: 378.029 */