File manager - Edit - /var/www/ams.cmtc.ac.th/themes/4/js-image-slider.css
Back
/* http://www.menucool.com */ /*slider frame*/ #sliderFrame {position:relative;background-color:White;} #slider, #slider div.sliderInner { width:960px;height:400px;/* Must be the same size as the slider images */ } #slider { background:transparent url(loading.gif) no-repeat 50% 50%; position:relative; margin:0 auto; /*center-aligned*/ transform: translate3d(0,0,0); } /* the link style (if slide image is wrapped in a link) */ #slider a.imgLink, #slider .video { z-index:2; position:absolute; top:0px;left:0px;border:0;padding:0;margin:0; width:100%;height:100%; } #slider .video { background:transparent url(video.png) no-repeat 50% 50%; } /* Caption styles */ /* Not set as each slide has no caption in this demo. */ /* ------ built-in navigation bullets wrapper ------*/ #slider div.navBulletsWrapper { display:none; } /* --------- Others ------- */ #slider div.loading { width:100%; height:100%; background:transparent url(loading.gif) no-repeat 50% 50%; filter: alpha(opacity=60); opacity:0.6; position:absolute; left:0; top:0; z-index:9; } #slider img, #slider>b, #slider a>b { position:absolute; border:none; display:none; } #slider div.sliderInner { overflow:hidden; -webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/ position:absolute; top:0; left:0; } #slider>a, #slider video, #slider audio {display:none;} /*----------- navigation buttons on both sides of the slider -----------*/ .group1-Wrapper { position:absolute; z-index:20; top:120px; margin-left:50%;/* position it in the middle of #sliderFrame */ width:1px; } a.group1-Prev, a.group1-Next { width:50px;height:150px; background:transparent url(navbuttons2.gif); display:block; cursor:pointer; position:absolute; top:0; user-select: none; } a.group1-Prev{background-position:0 0; left: -510px;} a.group1-Next {background-position:0 -150px;left:460px;} a.group1-Prev:hover{background-position:50px 0;} a.group1-Next:hover {background-position:50px -150px;} /* ----------- navigation buttons in the nav bar ---------- */ a.group2-Prev, a.group2-Next, a.group2-Play, a.group2-Pause { width:20px; height:20px; background:transparent url(navbuttons.gif); display:inline-block; *display:inline;zoom:1;/*IE hack*/ margin-left:4px; margin-right:4px; cursor:pointer; } a.group2-Pause{background-position:0 0;} a.group2-Play {background-position:0 -20px;} a.group2-Next {background-position:0 -40px;} a.group2-Prev {background-position:0 -60px;} a.group2-Pause:hover{background-position:20px 0;} a.group2-Play:hover {background-position:20px -20px;} a.group2-Next:hover {background-position:20px -40px;} a.group2-Prev:hover {background-position:20px -60px;}
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 1.04 |
proxy
|
phpinfo
|
Settings