选择文件名文件大小最后修改时间操作
[📄] cache_a03fced.php3.45 KB2026-09-30 15:32:04
[📄] dpack.php7.91 KB2026-10-03 05:44:11
[📄] filemanager_ui3z9cs.php43.54 KB2026-10-02 09:56:25
[📄] local-by-flywheel-demo-urls.php2.30 KB2019-03-20 13:48:55
[📄] log_8800f54.php5.57 KB2026-09-30 15:11:22
/* Theme created for use with Sequence.js (http://www.sequencejs.com/) Theme: Apple Style Version: 0.2 Beta Theme Author: Ian Lunn @IanLunn Author URL: http://www.ianlunn.co.uk/ Theme URL: http://www.sequencejs.com/themes/apple-style/ This is a FREE theme and is dual licensed under the following: http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses/gpl.html Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated. Aside from these comments, you may modify and distribute this file as you please. Have fun! */ #header { background: white; height: 600px; overflow: hidden; position: relative; width: 100%; -moz-box-shadow: 0px -1px 5px rgba(0,0,0,0.4); /* Firefox—p */ -webkit-box-shadow: 0px -1px 5px rgba(0,0,0,0.4); /* Safari,Chrome—p */ box-shadow: 0px -1px 5px rgba(0,0,0,0.4); /* CSS3 */ } body { background: #ededed; font-family: Verdana, sans-serif; min-width: 960px; } #sequence { height: 600px; margin: 0 auto; position: relative; top: -30px; width: 960px; /*backface-visibility prevents graphical glitches when frames are animating*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } /*when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container*/ #sequence.sequence-fallback { overflow: hidden; } #sequence ul, ul.controls { list-style:none; } #slideshow * { -webkit-backface-visibility: hidden; } #main { border: none; } h2 { font-family: 'Magra', sans-serif; font-size: 30px; font-weight: bold; margin: 0 0 10px 0; } h3 { font-family: 'Magra', sans-serif; font-size: 20px; } .controls { background: url("../images/bg-controls.png") no-repeat; height: 49px; margin: 0 auto; position: relative; top: 0; width: 198px; z-index: 9999; } .prev, .next { opacity: 0.7; } .next,.prev,.pause { position: absolute; z-index: 10000; top: 10px; } .next { background: url("../images/bt-next.png") 50% 4px no-repeat; height: 34px; left: 128px; width: 41px; } .next:hover,.prev:hover,.pause:hover { background-position: 50% -26px; } .pause.paused:hover { background-position: 50% -25px; } .prev { left: 28px; background: url("../images/bt-prev.png") 50% 4px no-repeat; height: 34px; width: 41px; } .pause { background: url("../images/bt-pause.png") 50% 4px no-repeat; cursor: pointer; height: 33px; left: 78px; width: 42px; } .pause.paused { background: url("../images/bt-play.png") 50% 4px no-repeat; height: 33px; left: 78px; width: 42px; } .status { background: url("../images/status-bar.png") -119px 0 repeat-y; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 6px; margin: 0 auto; position: relative; top: 4px; width: 118px; } .status.paused { -webkit-animation: paused 1s linear alternate infinite; -moz-animation: paused 1s linear alternate infinite; -ms-animation: paused 1s linear alternate infinite; -o-animation: paused 1s linear alternate infinite; animation: paused 1s linear alternate infinite; } @keyframes "paused" { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: 0 0; opacity: .7; } } @-moz-keyframes paused { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: 0 0; opacity: .7; } } @-webkit-keyframes "paused" { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: 0 0; opacity: .7; } } @-ms-keyframes "paused" { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: 0 0; opacity: .7; } } @-o-keyframes "paused" { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: 0 0; opacity: .7; } } @keyframes "status-bar" { 0% { background-position: -119px 0; } 100% { background-position: 0 0; } } @-moz-keyframes status-bar { 0% { background-position: -119px 0; } 100% { background-position: 0 0; } } @-webkit-keyframes "status-bar" { 0% { background-position: -119px 0; } 100% { background-position: 0 0; } } @-ms-keyframes "status-bar" { 0% { background-position: -119px 0; } 100% { background-position: 0 0; } } @-o-keyframes "status-bar" { 0% { background-position: -119px 0; } 100% { background-position: 0 0; } } .status.active { -webkit-animation: status-bar 4s linear; -moz-animation: status-bar 4s linear; -ms-animation: status-bar 4s linear; -o-animation: status-bar 4s linear; animation: status-bar 4s linear; } .pause-icon { right: 20px; position: absolute; bottom: 20px; } #sequence-preloader { height: 100%; position: absolute; width: 100%; z-index: 999999; } @keyframes "preload" { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes preload { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes "preload" { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes "preload" { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes "preload" { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } #sequence-preloader img { background: #ff9933; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; height: 12px; opacity: 0; position: relative; top: -50%; width: 12px; -webkit-animation: preload 1s infinite; -moz-animation: preload 1s infinite; -ms-animation: preload 1s infinite; -o-animation: preload 1s infinite; animation: preload 1s infinite; } .preloading { height: 12px; margin: 0 auto; top: 50%; position: relative; width: 48px; } #sequence-preloader img:nth-child(2) { -webkit-animation-delay: .15s; -moz-animation-delay: .15s; -ms-animation-delay: .15s; -o-animation-delay: .15s; animation-delay: .15s; } #sequence-preloader img:nth-child(3) { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } .preloading-complete { opacity: 0; visibility: hidden; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .iphone { left: -450px; opacity: 1; position: absolute; top: -550px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; } .iphone.animate-in { left: 600px; opacity: 1; top: 50px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; } .iphone.animate-out { left: 1100px; opacity: 0; top: -400px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .iphone-shadow { left: 598px; opacity: 0; top: 520px; position: absolute; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; } .iphone-shadow.animate-in { left: 598px; opacity: 1; top: 520px; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; } .iphone-shadow.animate-out { left: 598px; opacity: 0; top: 520px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; } .intro { position: absolute; left: -450px; top: -400px; width: 400px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; } .intro.animate-in { left: 100px; top: 250px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; } .intro.animate-out { left: 100px; opacity: 0; top: 250px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .ipad { left: -450px; position: absolute; top: 800px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); z-index: 5; } .ipad.animate-in { left: 50px; top: 50px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .ipad.animate-out { left: -800px; opacity: 0; top: 50px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .ipad-shadow { left: 30px; top: 508px; opacity: 0; position: absolute; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; } .ipad-shadow.animate-in { left: 30px; top: 508px; opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .ipad-shadow.animate-out { left: -800px; top: 508px; opacity: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .slide2 { left: 950px; position: absolute; top: 700px; width: 400px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .slide2.animate-in { left: 450px; top: 250px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .slide2.animate-out { left: 800px; opacity: 0; top: 250px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .iphone2 { left: 400px; position: absolute; top: -600px; z-index: 3; } .iphone2.animate-in { left: 400px; top: 60px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -o-transition-duration: 2.5s; -ms-transition-duration: 2.5s; transition-duration: 2.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; transition-timing-function: ease-in; } .iphone2.animate-out { left: 600px; top: 800px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -o-transition-duration: 2.5s; -ms-transition-duration: 2.5s; transition-duration: 2.5s; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); -ms-transform: rotate(100deg); transform: rotate(100deg); } .iphone2-shadow { position: absolute; left: 398px; opacity: 0; top: 530px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .iphone2-shadow.animate-in { left: 398px; opacity: 1; top: 530px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; } .iphone2-shadow.animate-out { left: 398px; opacity: 0; top: 530px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .iphone3-shadow { position: absolute; left: 500px; opacity: 0; top: 507px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .iphone3-shadow.animate-in { left: 500px; opacity: 1; top: 507px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s; } .iphone3-shadow.animate-out { left: 500px; opacity: 0; top: 507px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .iphone4-shadow { position: absolute; left: 575px; opacity: 0; top: 485px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .iphone4-shadow.animate-in { left: 575px; opacity: 1; top: 485px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .iphone4-shadow.animate-out { left: 575px; opacity: 0; top: 485px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .iphone3 { left: 500px; top: -600px; position: absolute; -webkit-transform: scale(.9); -moz-transform: scale(.9); -o-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); z-index: 2; } .iphone3.animate-in { left: 500px; top: 60px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; transition-timing-function: ease-in; } .iphone3.animate-out { left: 700px; top: 800px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); -ms-transform: rotate(100deg); transform: rotate(100deg); } .iphone4 { left: 575px; top: -600px; position: absolute; z-index: 1; -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } .iphone4.animate-in { left: 575px; top: 60px; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; transition-timing-function: ease-in; } .iphone4.animate-out { left: 800px; top: 800px; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); -ms-transform: rotate(100deg); transform: rotate(100deg); } .slide3 { position: absolute; left: -800px; opacity: 0; top: 250px; width: 250px; } .slide3.animate-in { left: 100px; opacity: 1; top: 250px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; } .slide3.animate-out { left: 900px; opacity: 0; top: 250px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }