framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
1 lines • 4.46 kB
CSS
.ptr-preloader .preloader{position:absolute;left:50%}.ios .ptr-preloader{position:relative;height:44px;margin-top:-44px;width:100%;left:0;top:0}.ios .ptr-preloader .preloader{width:27px;height:27px;margin-left:-13px;margin-top:-13px;visibility:hidden;top:50%}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;-webkit-transform:rotate(0deg) translate3d(0,0,0);transform:rotate(0deg) translate3d(0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:13px;height:20px;margin-left:-6px;margin-top:-10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");background-size:13px 20px;visibility:visible}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{-webkit-animation:none;animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.ios .ptr-refreshing{-webkit-transform:translate3d(0,44px,0);transform:translate3d(0,44px,0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{-webkit-transform:rotate(180deg) translate3d(0,0,0);transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:-44px;height:calc(100% + 44px)}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.md .ptr-preloader{position:absolute;left:50%;top:16px;width:40px;height:40px;border-radius:50%;background:#fff;margin-left:-20px;margin-top:-7px;z-index:100;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media (min-width:768px){.md .ptr-preloader{top:24px}}.md .ptr-preloader .preloader{width:22px;height:22px;margin-left:-11px;margin-top:-11px;top:50%;visibility:hidden}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid #757575;position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{-webkit-animation:none;animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{-webkit-transform:translate3d(0,66px,0);transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{-webkit-transition:.3s;transition:.3s}.md .ptr-pull-up .ptr-arrow{-webkit-transition:.4s;transition:.4s;-webkit-transform:rotate(620deg);transform:rotate(620deg);opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.md .ptr-no-navbar .ptr-preloader{top:auto;bottom:100%;margin-bottom:7px}.md .page-with-subnavbar .ptr-preloader,.md .searchbar~.ptr-content .ptr-preloader,.md .toolbar:not(.toolbar-bottom-md)~.ptr-content .ptr-preloader{top:64px}@media (min-width:768px){.md .page-with-subnavbar .ptr-preloader,.md .searchbar~.ptr-content .ptr-preloader,.md .toolbar:not(.toolbar-bottom-md)~.ptr-content .ptr-preloader{top:72px}}