1234567891011121314151617181920212223242526272829303132333435363738 |
- @charset "utf-8";
- .pull-iscroll-wrap {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height:100%; overflow: hidden;}
- .pullDown, .pullUp {padding:10px; font-weight:bold; font-size:14px; color:#bfbfbf; text-align:center}
- .pullDown .pullDownLabel , .pullUp .pullUpLabel {display:inline-block;position:relative;}
- .pullDown .pullDownIcon , .pullUp .pullUpIcon {display:inline-block; width:13px; height:13px; margin-right:8px; position:relative;}
- .pullDown .pullDownIcon i, .pullUp .pullUpIcon i {background:url(../images/pull_update.png) no-repeat; background-size:13px 61.5px; width:13px; height:13px; display:inline-block;}
- .pullDown .pullDownIcon i , .pullUp .pullUpIcon i {background-position:0 -48.5px;}
- .pullDown.flip .pullDownIcon i , .pullUp.flip .pullUpIcon i {background-position:0 -24px;}
- .pullDown.loading .pullDownIcon i, .pullUp.loading .pullUpIcon i {display:inline-block; width:13px; height:13px; background:url(../images/pull_update.png) no-repeat; background-size:13px 61.5px; background-position:0 0; transform:rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); -moz-transform: rotate(0deg) translateZ(0);-webkit-transform: rotate(0deg) translateZ(0);-o-transform: rotate(0deg) translateZ(0); transition-duration:0ms; -ms-transition-duration: 0ms; -moz-transition-duration: 0ms;-webkit-transition-duration: 0ms;-o-transition-duration: 0ms;animation-name:loading; -ms-animation-name: loading; -moz-animation-name: loading;-webkit-animation-name: loading;-o-animation-name: loading; animation-duration:1s; -ms-animation-duration: 1s; -moz-animation-duration: 1s;-webkit-animation-duration: 1s;-o-animation-duration: 1s; animation-iteration-count:infinite; -ms-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite; animation-timing-function:linear; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;-o-animation-timing-function: linear;}
- @keyframes loading
- {
- from { transform:rotate(0deg) translateZ(0); }
- to { transform:rotate(360deg) translateZ(0); }
- }
- @-ms-keyframes loading{
- from { -ms-transform:rotate(0deg) translateZ(0); }
- to { -ms-transform:rotate(360deg) translateZ(0); }
- }
- @-moz-keyframes loading{
- from { -moz-transform:rotate(0deg) translateZ(0); }
- to { -moz-transform:rotate(360deg) translateZ(0); }
- }
- @-webkit-keyframes loading{
- from { -webkit-transform:rotate(0deg) translateZ(0); }
- to { -webkit-transform:rotate(360deg) translateZ(0); }
- }
- @-o-keyframes loading{
- from { -o-transform:rotate(0deg) translateZ(0); }
- to { -o-transform:rotate(360deg) translateZ(0); }
- }
|