diff --git a/.gitignore b/.gitignore index 90bdaa7..144b1f2 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ node_modules package-lock.json -pdf \ No newline at end of file +pdf +testPDF \ No newline at end of file diff --git a/.npmignore b/.npmignore index 9258b8c..ea4ff77 100644 --- a/.npmignore +++ b/.npmignore @@ -4,4 +4,4 @@ example/pdfh5-vue/package-lock.json package-lock.json version test -index.html \ No newline at end of file +testPDF \ No newline at end of file diff --git a/README.md b/README.md index 24751b9..8fec937 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# pdfh5.js v1.2.19 +# pdfh5.js v1.2.20 [![npm version](https://img.shields.io/npm/v/pdfh5.svg)](https://www.npmjs.com/package/pdfh5) [![npm downloads](https://img.shields.io/npm/dt/pdfh5.svg)](https://www.npmjs.com/package/pdfh5) [![MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/gjTool/pdfh5/blob/master/LICENSE) [![GitHub issues](https://img.shields.io/github/issues/gjTool/pdfh5.svg)](https://github.com/gjTool/pdfh5/issues) [![GitHub stars](https://img.shields.io/github/stars/gjTool/pdfh5.svg?style=social)](https://github.com/gjTool/pdfh5/stargazers) [![GitHub forks](https://img.shields.io/github/forks/gjTool/pdfh5.svg?style=social)](https://github.com/gjTool/pdfh5/network/members) @@ -14,7 +14,7 @@ ## 更新信息 -- 2019.10.31更新： 1. 修复在IE11浏览器svg模式显示样式不正常的问题。 +- 2019.11.01 更新： 1. 修复svg模式下chrome等浏览器pdf只有一页时显示高度不正常。 ### pdfh5在线预览 （建议使用谷歌浏览器F12手机模式打开预览） diff --git a/css/mui.css b/css/mui.css deleted file mode 100644 index 4d45f15..0000000 --- a/css/mui.css +++ /dev/null @@ -1,5705 +0,0 @@ -/*! - * ===================================================== - * Mui v3.7.2 (http://dev.dcloud.net.cn/mui) - * ===================================================== - */ - -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ -html -{ - font-family: sans-serif; - - -webkit-text-size-adjust: 100%; -} - -body -{ - margin: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary -{ - display: block; -} - -audio, -canvas, -progress, -video -{ - display: inline-block; - - vertical-align: baseline; -} - -audio:not([controls]) -{ - display: none; - - height: 0; -} - -[hidden], -template -{ - display: none; -} - -a -{ - background: transparent; -} - -a:active, -a:hover -{ - outline: 0; -} - -abbr[title] -{ - border-bottom: 1px dotted; -} - -b, -strong -{ - font-weight: bold; -} - -dfn -{ - font-style: italic; -} - -h1 -{ - font-size: 2em; - - margin: .67em 0; -} - -mark -{ - color: #000; - background: #ff0; -} - -small -{ - font-size: 80%; -} - -sub, -sup -{ - font-size: 75%; - line-height: 0; - - position: relative; - - vertical-align: baseline; -} - -sup -{ - top: -.5em; -} - -sub -{ - bottom: -.25em; -} - -img -{ - border: 0; -} - -svg:not(:root) -{ - overflow: hidden; -} - -figure -{ - margin: 1em 40px; -} - -hr -{ - box-sizing: content-box; - height: 0; -} - -pre -{ - overflow: auto; -} - -code, -kbd, -pre, -samp -{ - font-family: monospace, monospace; - font-size: 1em; -} - -button, -input, -optgroup, -select, -textarea -{ - font: inherit; - - margin: 0; - - color: inherit; -} - -button -{ - overflow: visible; -} - -button, -select -{ - text-transform: none; -} - -button, -html input[type='button'], -input[type='reset'], -input[type='submit'] -{ - cursor: pointer; - - -webkit-appearance: button; -} - -button[disabled], -html input[disabled] -{ - cursor: default; -} - -input -{ - line-height: normal; -} - -input[type='checkbox'], -input[type='radio'] -{ - box-sizing: border-box; - padding: 0; -} - -input[type='number']::-webkit-inner-spin-button, -input[type='number']::-webkit-outer-spin-button -{ - height: auto; -} - -input[type='search'] -{ - -webkit-box-sizing: content-box; - box-sizing: content-box; - - -webkit-appearance: textfield; -} - -input[type='search']::-webkit-search-cancel-button, -input[type='search']::-webkit-search-decoration -{ - -webkit-appearance: none; -} - -fieldset -{ - margin: 0 2px; - padding: .35em .625em .75em; - - border: 1px solid #c0c0c0; -} - -legend -{ - padding: 0; - - border: 0; -} - -textarea -{ - overflow: auto; -} - -optgroup -{ - font-weight: bold; -} - -table -{ - border-spacing: 0; - border-collapse: collapse; -} - -td, -th -{ - padding: 0; -} - -* -{ - -webkit-box-sizing: border-box; - box-sizing: border-box; - - -webkit-user-select: none; - - outline: none; - - -webkit-tap-highlight-color: transparent; -} - -body -{ - font-family: 'Helvetica Neue', Helvetica, sans-serif; - font-size: 14px; - line-height: 21px; - - color: #000; - background-color: #efeff4; - - -webkit-overflow-scrolling: touch; -} - -a -{ - text-decoration: none; - - color: #007aff; -} -a:active -{ - color: #0062cc; -} - -.mui-content -{ - background-color: #efeff4; - - -webkit-overflow-scrolling: touch; -} - -.mui-bar-nav ~ .mui-content -{ - padding-top: 44px; -} -.mui-bar-nav ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical -{ - top: 44px; -} - -.mui-bar-header-secondary ~ .mui-content -{ - padding-top: 88px; -} -.mui-bar-header-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical -{ - top: 88px; -} - -.mui-bar-footer ~ .mui-content -{ - padding-bottom: 44px; -} -.mui-bar-footer ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical -{ - bottom: 44px; -} - -.mui-bar-footer-secondary ~ .mui-content -{ - padding-bottom: 88px; -} -.mui-bar-footer-secondary ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical -{ - bottom: 88px; -} - -.mui-bar-tab ~ .mui-content -{ - padding-bottom: 50px; -} -.mui-bar-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical -{ - bottom: 50px; -} - -.mui-bar-footer-secondary-tab ~ .mui-content -{ - padding-bottom: 94px; -} -.mui-bar-footer-secondary-tab ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical -{ - bottom: 94px; -} - -.mui-content-padded -{ - margin: 10px; -} - -.mui-inline -{ - display: inline-block; - - vertical-align: top; -} - -.mui-block -{ - display: block !important; -} - -.mui-visibility -{ - visibility: visible !important; -} - -.mui-hidden -{ - display: none !important; -} - -.mui-ellipsis -{ - overflow: hidden; - - white-space: nowrap; - text-overflow: ellipsis; -} - -.mui-ellipsis-2 -{ - display: -webkit-box; - overflow: hidden; - - white-space: normal !important; - text-overflow: ellipsis; - word-wrap: break-word; - - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; -} -.mui-ellipsis-3 -{ - display: -webkit-box; - overflow: hidden; - - white-space: normal !important; - text-overflow: ellipsis; - word-wrap: break-word; - - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; -} -.mui-table -{ - display: table; - - width: 100%; - - table-layout: fixed; -} - -.mui-table-cell -{ - position: relative; - - display: table-cell; -} - -.mui-text-left -{ - text-align: left !important; -} - -.mui-text-center -{ - text-align: center !important; -} - -.mui-text-justify -{ - text-align: justify !important; -} - -.mui-text-right -{ - text-align: right !important; -} - -.mui-pull-left -{ - float: left; -} - -.mui-pull-right -{ - float: right; -} - -.mui-list-unstyled -{ - padding-left: 0; - - list-style: none; -} - -.mui-list-inline -{ - margin-left: -5px; - padding-left: 0; - - list-style: none; -} - -.mui-list-inline > li -{ - display: inline-block; - - padding-right: 5px; - padding-left: 5px; -} - -.mui-clearfix:before, .mui-clearfix:after -{ - display: table; - - content: ' '; -} -.mui-clearfix:after -{ - clear: both; -} - -.mui-bg-primary -{ - background-color: #007aff; -} - -.mui-bg-positive -{ - background-color: #4cd964; -} - -.mui-bg-negative -{ - background-color: #dd524d; -} - -.mui-error -{ - margin: 88px 35px; - padding: 10px; - - border-radius: 6px; - background-color: #bbb; -} - -.mui-subtitle -{ - font-size: 15px; -} - -h1, h2, h3, h4, h5, h6 -{ - line-height: 1; - - margin-top: 5px; - margin-bottom: 5px; -} - -h1, .mui-h1 -{ - font-size: 36px; -} - -h2, .mui-h2 -{ - font-size: 30px; -} - -h3, .mui-h3 -{ - font-size: 24px; -} - -h4, .mui-h4 -{ - font-size: 18px; -} - -h5, .mui-h5 -{ - font-size: 14px; - font-weight: normal; - - color: #8f8f94; -} - -h6, .mui-h6 -{ - font-size: 12px; - font-weight: normal; - - color: #8f8f94; -} - -p -{ - font-size: 14px; - - margin-top: 0; - margin-bottom: 10px; - - color: #8f8f94; -} - -.mui-row:before, .mui-row:after -{ - display: table; - - content: ' '; -} -.mui-row:after -{ - clear: both; -} - -.mui-col-xs-1, .mui-col-sm-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-xs-12, .mui-col-sm-12 -{ - position: relative; - - min-height: 1px; -} - -.mui-row > [class*='mui-col-'] -{ - float: left; -} - -.mui-col-xs-12 -{ - width: 100%; -} - -.mui-col-xs-11 -{ - width: 91.66666667%; -} - -.mui-col-xs-10 -{ - width: 83.33333333%; -} - -.mui-col-xs-9 -{ - width: 75%; -} - -.mui-col-xs-8 -{ - width: 66.66666667%; -} - -.mui-col-xs-7 -{ - width: 58.33333333%; -} - -.mui-col-xs-6 -{ - width: 50%; -} - -.mui-col-xs-5 -{ - width: 41.66666667%; -} - -.mui-col-xs-4 -{ - width: 33.33333333%; -} - -.mui-col-xs-3 -{ - width: 25%; -} - -.mui-col-xs-2 -{ - width: 16.66666667%; -} - -.mui-col-xs-1 -{ - width: 8.33333333%; -} - -@media (min-width: 400px) -{ - .mui-col-sm-12 - { - width: 100%; - } - - .mui-col-sm-11 - { - width: 91.66666667%; - } - - .mui-col-sm-10 - { - width: 83.33333333%; - } - - .mui-col-sm-9 - { - width: 75%; - } - - .mui-col-sm-8 - { - width: 66.66666667%; - } - - .mui-col-sm-7 - { - width: 58.33333333%; - } - - .mui-col-sm-6 - { - width: 50%; - } - - .mui-col-sm-5 - { - width: 41.66666667%; - } - - .mui-col-sm-4 - { - width: 33.33333333%; - } - - .mui-col-sm-3 - { - width: 25%; - } - - .mui-col-sm-2 - { - width: 16.66666667%; - } - - .mui-col-sm-1 - { - width: 8.33333333%; - } -} -.mui-scroll-wrapper -{ - position: absolute; - z-index: 2; - top: 0; - left: 0; - overflow: hidden; - width: 100%; - height: 100%; -} - -.mui-scroll -{ - position: absolute; - z-index: 1; - - width: 100%; - - -webkit-transform: translateZ(0); - transform: translateZ(0); -} - -.mui-scrollbar -{ - position: absolute; - z-index: 9998; - - overflow: hidden; - - -webkit-transition: 500ms; - transition: 500ms; - transform: translateZ(0px); - pointer-events: none; - - opacity: 0; -} - -.mui-scrollbar-vertical -{ - top: 0; - right: 1px; - bottom: 2px; - - width: 4px; -} -.mui-scrollbar-vertical .mui-scrollbar-indicator -{ - width: 100%; -} - -.mui-scrollbar-horizontal -{ - right: 2px; - bottom: 0; - left: 2px; - - height: 4px; -} -.mui-scrollbar-horizontal .mui-scrollbar-indicator -{ - height: 100%; -} - -.mui-scrollbar-indicator -{ - position: absolute; - - display: block; - - box-sizing: border-box; - - -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1); - transition: .01s cubic-bezier(.1, .57, .1, 1); - transform: translate(0px, 0px) translateZ(0px); - - border: 1px solid rgba(255, 255, 255, .80196); - border-radius: 2px; - background: rgba(0, 0, 0, .39804); -} - -.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper -{ - position: absolute; - top: 0; - bottom: 0; - left: 0; - - overflow: hidden; - - width: 100%; -} -.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll -{ - position: absolute; - - width: 100%; -} -.mui-plus-pullrefresh .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-slider-group -{ - position: static; - top: auto; - bottom: auto; - left: auto; - - overflow: auto; - - width: auto; -} -.mui-plus-pullrefresh .mui-slider-group -{ - overflow: visible; -} -.mui-plus-pullrefresh .mui-scroll -{ - position: static; - - width: auto; -} - -.mui-off-canvas-wrap .mui-bar -{ - position: absolute !important; - - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - - -webkit-box-shadow: none; - box-shadow: none; -} - -.mui-off-canvas-wrap -{ - position: relative; - z-index: 1; - - overflow: hidden; - - width: 100%; - height: 100%; -} -.mui-off-canvas-wrap .mui-inner-wrap -{ - position: relative; - z-index: 1; - - width: 100%; - height: 100%; -} -.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning -{ - -webkit-transition: -webkit-transform 350ms; - transition: transform 350ms cubic-bezier(.165, .84, .44, 1); -} -.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left -{ - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right -{ - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.mui-off-canvas-wrap.mui-active -{ - overflow: hidden; - - height: 100%; -} -.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop -{ - position: absolute; - z-index: 998; - top: 0; - right: 0; - bottom: 0; - left: 0; - - display: block; - - transition: background 350ms cubic-bezier(.165, .84, .44, 1); - - background: rgba(0, 0, 0, .4); - box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5); - - -webkit-tap-highlight-color: transparent; -} -.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right -{ - z-index: 10000 !important; - - -webkit-transform: translate3d(100%, 0px, 0px); -} -.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left -{ - z-index: 10000 !important; - - -webkit-transform: translate3d(-100%, 0px, 0px); -} - -.mui-off-canvas-left, .mui-off-canvas-right -{ - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - - visibility: hidden; - - box-sizing: content-box; - width: 70%; - min-height: 100%; - - background: #333; - - -webkit-overflow-scrolling: touch; -} -.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning -{ - -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1); - transition: transform 350ms cubic-bezier(.165, .84, .44, 1); -} - -.mui-off-canvas-left -{ - left: 0; -} - -.mui-off-canvas-right -{ - right: 0; -} - -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable -{ - background-color: #333; -} -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-right -{ - width: 80%; - - -webkit-transform: scale(.8); - transform: scale(.8); - - opacity: .1; -} -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-left.mui-transitioning, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-right.mui-transitioning -{ - -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1); - transition: transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1); -} -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-left -{ - -webkit-transform-origin: -100%; - transform-origin: -100%; -} -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable > .mui-off-canvas-right -{ - -webkit-transform-origin: 200%; - transform-origin: 200%; -} -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active > .mui-inner-wrap -{ - -webkit-transform: scale(.8); - transform: scale(.8); -} -.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active > .mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active > .mui-off-canvas-right -{ - -webkit-transform: scale(1); - transform: scale(1); - - opacity: 1; -} - -.mui-loading .mui-spinner -{ - display: block; - - margin: 0 auto; -} - -.mui-spinner -{ - display: inline-block; - - width: 24px; - height: 24px; - - -webkit-transform-origin: 50%; - transform-origin: 50%; - -webkit-animation: spinner-spin 1s step-end infinite; - animation: spinner-spin 1s step-end infinite; -} - -.mui-spinner:after -{ - display: block; - - width: 100%; - height: 100%; - - content: ''; - - background-image: url('data:image/svg+xml;charset=utf-8,'); - background-repeat: no-repeat; - background-position: 50%; - background-size: 100%; -} - -.mui-spinner-white:after -{ - background-image: url('data:image/svg+xml;charset=utf-8,'); -} - -@-webkit-keyframes spinner-spin -{ - 0% - { - -webkit-transform: rotate(0deg); - } - - 8.33333333% - { - -webkit-transform: rotate(30deg); - } - - 16.66666667% - { - -webkit-transform: rotate(60deg); - } - - 25% - { - -webkit-transform: rotate(90deg); - } - - 33.33333333% - { - -webkit-transform: rotate(120deg); - } - - 41.66666667% - { - -webkit-transform: rotate(150deg); - } - - 50% - { - -webkit-transform: rotate(180deg); - } - - 58.33333333% - { - -webkit-transform: rotate(210deg); - } - - 66.66666667% - { - -webkit-transform: rotate(240deg); - } - - 75% - { - -webkit-transform: rotate(270deg); - } - - 83.33333333% - { - -webkit-transform: rotate(300deg); - } - - 91.66666667% - { - -webkit-transform: rotate(330deg); - } - - 100% - { - -webkit-transform: rotate(360deg); - } -} -@keyframes spinner-spin -{ - 0% - { - transform: rotate(0deg); - } - - 8.33333333% - { - transform: rotate(30deg); - } - - 16.66666667% - { - transform: rotate(60deg); - } - - 25% - { - transform: rotate(90deg); - } - - 33.33333333% - { - transform: rotate(120deg); - } - - 41.66666667% - { - transform: rotate(150deg); - } - - 50% - { - transform: rotate(180deg); - } - - 58.33333333% - { - transform: rotate(210deg); - } - - 66.66666667% - { - transform: rotate(240deg); - } - - 75% - { - transform: rotate(270deg); - } - - 83.33333333% - { - transform: rotate(300deg); - } - - 91.66666667% - { - transform: rotate(330deg); - } - - 100% - { - transform: rotate(360deg); - } -} -input[type='button'], -input[type='submit'], -input[type='reset'], -button, -.mui-btn -{ - font-size: 14px; - font-weight: 400; - line-height: 1.42; - - position: relative; - - display: inline-block; - - margin-bottom: 0; - padding: 6px 12px; - - cursor: pointer; - -webkit-transition: all; - transition: all; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transition-duration: .2s; - transition-duration: .2s; - text-align: center; - vertical-align: top; - white-space: nowrap; - - color: #333; - border: 1px solid #ccc; - border-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - background-color: #fff; - background-clip: padding-box; -} -input[type='button']:enabled:active, input[type='button'].mui-active:enabled, -input[type='submit']:enabled:active, -input[type='submit'].mui-active:enabled, -input[type='reset']:enabled:active, -input[type='reset'].mui-active:enabled, -button:enabled:active, -button.mui-active:enabled, -.mui-btn:enabled:active, -.mui-btn.mui-active:enabled -{ - color: #fff; - background-color: #929292; -} -input[type='button']:disabled, input[type='button'].mui-disabled, -input[type='submit']:disabled, -input[type='submit'].mui-disabled, -input[type='reset']:disabled, -input[type='reset'].mui-disabled, -button:disabled, -button.mui-disabled, -.mui-btn:disabled, -.mui-btn.mui-disabled -{ - opacity: .6; -} - -input[type='submit'], -.mui-btn-primary, -.mui-btn-blue -{ - color: #fff; - border: 1px solid #007aff; - background-color: #007aff; -} -input[type='submit']:enabled:active, input[type='submit'].mui-active:enabled, -.mui-btn-primary:enabled:active, -.mui-btn-primary.mui-active:enabled, -.mui-btn-blue:enabled:active, -.mui-btn-blue.mui-active:enabled -{ - color: #fff; - border: 1px solid #0062cc; - background-color: #0062cc; -} - -.mui-btn-positive, -.mui-btn-success, -.mui-btn-green -{ - color: #fff; - border: 1px solid #4cd964; - background-color: #4cd964; -} -.mui-btn-positive:enabled:active, .mui-btn-positive.mui-active:enabled, -.mui-btn-success:enabled:active, -.mui-btn-success.mui-active:enabled, -.mui-btn-green:enabled:active, -.mui-btn-green.mui-active:enabled -{ - color: #fff; - border: 1px solid #2ac845; - background-color: #2ac845; -} - -.mui-btn-warning, -.mui-btn-yellow -{ - color: #fff; - border: 1px solid #f0ad4e; - background-color: #f0ad4e; -} -.mui-btn-warning:enabled:active, .mui-btn-warning.mui-active:enabled, -.mui-btn-yellow:enabled:active, -.mui-btn-yellow.mui-active:enabled -{ - color: #fff; - border: 1px solid #ec971f; - background-color: #ec971f; -} - -.mui-btn-negative, -.mui-btn-danger, -.mui-btn-red -{ - color: #fff; - border: 1px solid #dd524d; - background-color: #dd524d; -} -.mui-btn-negative:enabled:active, .mui-btn-negative.mui-active:enabled, -.mui-btn-danger:enabled:active, -.mui-btn-danger.mui-active:enabled, -.mui-btn-red:enabled:active, -.mui-btn-red.mui-active:enabled -{ - color: #fff; - border: 1px solid #cf2d28; - background-color: #cf2d28; -} - -.mui-btn-royal, -.mui-btn-purple -{ - color: #fff; - border: 1px solid #8a6de9; - background-color: #8a6de9; -} -.mui-btn-royal:enabled:active, .mui-btn-royal.mui-active:enabled, -.mui-btn-purple:enabled:active, -.mui-btn-purple.mui-active:enabled -{ - color: #fff; - border: 1px solid #6641e2; - background-color: #6641e2; -} - -.mui-btn-grey -{ - color: #fff; - border: 1px solid #c7c7cc; - background-color: #c7c7cc; -} -.mui-btn-grey:enabled:active, .mui-btn-grey.mui-active:enabled -{ - color: #fff; - border: 1px solid #acacb4; - background-color: #acacb4; -} - -.mui-btn-outlined -{ - background-color: transparent; -} -.mui-btn-outlined.mui-btn-primary, .mui-btn-outlined.mui-btn-blue -{ - color: #007aff; -} -.mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success, .mui-btn-outlined.mui-btn-green -{ - color: #4cd964; -} -.mui-btn-outlined.mui-btn-warning, .mui-btn-outlined.mui-btn-yellow -{ - color: #f0ad4e; -} -.mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-red -{ - color: #dd524d; -} -.mui-btn-outlined.mui-btn-royal, .mui-btn-outlined.mui-btn-purple -{ - color: #8a6de9; -} -.mui-btn-outlined.mui-btn-primary:enabled:active, .mui-btn-outlined.mui-btn-blue:enabled:active, .mui-btn-outlined.mui-btn-positive:enabled:active, .mui-btn-outlined.mui-btn-success:enabled:active, .mui-btn-outlined.mui-btn-green:enabled:active, .mui-btn-outlined.mui-btn-warning:enabled:active, .mui-btn-outlined.mui-btn-yellow:enabled:active, .mui-btn-outlined.mui-btn-negative:enabled:active, .mui-btn-outlined.mui-btn-danger:enabled:active, .mui-btn-outlined.mui-btn-red:enabled:active, .mui-btn-outlined.mui-btn-royal:enabled:active, .mui-btn-outlined.mui-btn-purple:enabled:active -{ - color: #fff; -} - -.mui-btn-link -{ - padding-top: 6px; - padding-bottom: 6px; - - color: #007aff; - border: 0; - background-color: transparent; -} -.mui-btn-link:enabled:active, .mui-btn-link.mui-active:enabled -{ - color: #0062cc; - background-color: transparent; -} - -.mui-btn-block -{ - font-size: 18px; - - display: block; - - width: 100%; - margin-bottom: 10px; - padding: 15px 0; -} - -.mui-btn .mui-badge -{ - font-size: 14px; - - margin: -2px -4px -2px 4px; - - background-color: rgba(0, 0, 0, .15); -} - -.mui-btn .mui-badge-inverted, -.mui-btn:enabled:active .mui-badge-inverted -{ - background-color: transparent; -} - -.mui-btn-primary:enabled:active .mui-badge-inverted, -.mui-btn-positive:enabled:active .mui-badge-inverted, -.mui-btn-negative:enabled:active .mui-badge-inverted -{ - color: #fff; -} - -.mui-btn-block .mui-badge -{ - position: absolute; - right: 0; - - margin-right: 10px; -} - -.mui-btn .mui-icon -{ - font-size: inherit; -} - -.mui-btn.mui-icon -{ - font-size: 14px; - line-height: 1.42; -} - -.mui-btn.mui-fab -{ - width: 56px; - height: 56px; - padding: 16px; - - border-radius: 50%; - outline: none; -} -.mui-btn.mui-fab.mui-btn-mini -{ - width: 40px; - height: 40px; - padding: 8px; -} -.mui-btn.mui-fab .mui-icon -{ - font-size: 24px; - line-height: 24px; - - width: 24px; - height: 24px; -} - -.mui-btn .mui-spinner -{ - width: 14px; - height: 14px; - - vertical-align: text-bottom; -} - -.mui-btn-block .mui-spinner -{ - width: 22px; - height: 22px; -} - -.mui-bar -{ - position: fixed; - z-index: 10; - right: 0; - left: 0; - - height: 44px; - padding-right: 10px; - padding-left: 10px; - - border-bottom: 0; - background-color: #f7f7f7; - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); - box-shadow: 0 0 1px rgba(0, 0, 0, .85); - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.mui-bar .blue-bar -{ - background-color: #3048A2; -} - -.mui-bar .mui-title -{ - right: 40px; - left: 40px; - - display: inline-block; - overflow: hidden; - - width: auto; - margin: 0; - - text-overflow: ellipsis; -} -.mui-bar .mui-backdrop -{ - background: none; -} - -.mui-bar-header-secondary -{ - top: 44px; -} - -.mui-bar-footer -{ - bottom: 0; -} - -.mui-bar-footer-secondary -{ - bottom: 44px; -} - -.mui-bar-footer-secondary-tab -{ - bottom: 50px; -} - -.mui-bar-footer, -.mui-bar-footer-secondary, -.mui-bar-footer-secondary-tab -{ - border-top: 0; -} - -.mui-bar-transparent -{ - top: 0; - - background-color: rgba(247, 247, 247, 0); - -webkit-box-shadow: none; - box-shadow: none; -} - -.mui-bar-nav -{ - top: 0; - - -webkit-box-shadow: 0 1px 6px #ccc; - box-shadow: 0 1px 6px #ccc; -} -.mui-bar-nav ~ .mui-content .mui-anchor -{ - display: block; - visibility: hidden; - - height: 45px; - margin-top: -45px; -} -.mui-bar-nav.mui-bar .mui-icon -{ - margin-right: -10px; - margin-left: -10px; - padding-right: 10px; - padding-left: 10px; -} - -.mui-title -{ - font-size: 17px; - font-weight: 500; - line-height: 44px; - - position: absolute; - - display: block; - - width: 100%; - margin: 0 -10px; - padding: 0; - - text-align: center; - white-space: nowrap; - - color: #000; -} - -.mui-title a -{ - color: inherit; -} - -.mui-bar-tab -{ - bottom: 0; - - display: table; - - width: 100%; - height: 50px; - padding: 0; - - table-layout: fixed; - - border-top: 0; - border-bottom: 0; - - -webkit-touch-callout: none; -} -.mui-bar-tab .mui-tab-item -{ - display: table-cell; - overflow: hidden; - - width: 1%; - height: 50px; - - text-align: center; - vertical-align: middle; - white-space: nowrap; - text-overflow: ellipsis; - - color: #929292; -} -.mui-bar-tab .mui-tab-item.mui-active -{ - color: #007aff; -} -.mui-bar-tab .mui-tab-item .mui-icon -{ - top: 3px; - - width: 24px; - height: 24px; - padding-top: 0; - padding-bottom: 0; -} -.mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label -{ - font-size: 11px; - - display: block; - overflow: hidden; - - text-overflow: ellipsis; -} -.mui-bar-tab .mui-tab-item .mui-icon:active -{ - background: none; -} - -.mui-focusin > .mui-bar-nav, -.mui-focusin > .mui-bar-header-secondary -{ - position: absolute; -} - -.mui-focusin > .mui-bar ~ .mui-content -{ - padding-bottom: 0; -} - -.mui-bar .mui-btn -{ - font-weight: 400; - - position: relative; - z-index: 20; - top: 7px; - - margin-top: 0; - padding: 6px 12px 7px; -} -.mui-bar .mui-btn.mui-pull-right -{ - margin-left: 10px; -} -.mui-bar .mui-btn.mui-pull-left -{ - margin-right: 10px; -} - -.mui-bar .mui-btn-link -{ - font-size: 16px; - line-height: 44px; - - top: 0; - - padding: 0; - - color: #007aff; - border: 0; -} -.mui-bar .mui-btn-link:active, .mui-bar .mui-btn-link.mui-active -{ - color: #0062cc; -} - -.mui-bar .mui-btn-block -{ - font-size: 16px; - - top: 6px; - - margin-bottom: 0; - padding: 5px 0; -} - -.mui-bar .mui-btn-nav.mui-pull-left -{ - margin-left: -5px; -} -.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav -{ - margin-right: -3px; -} -.mui-bar .mui-btn-nav.mui-pull-right -{ - margin-right: -5px; -} -.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav -{ - margin-left: -3px; -} -.mui-bar .mui-btn-nav:active -{ - opacity: .3; -} - -.mui-bar .mui-icon -{ - font-size: 24px; - - position: relative; - z-index: 20; - - padding-top: 10px; - padding-bottom: 10px; -} -.mui-bar .mui-icon:active -{ - opacity: .3; -} -.mui-bar .mui-btn .mui-icon -{ - top: 1px; - - margin: 0; - padding: 0; -} -.mui-bar .mui-title .mui-icon -{ - margin: 0; - padding: 0; -} -.mui-bar .mui-title .mui-icon.mui-icon-caret -{ - top: 4px; - - margin-left: -5px; -} - -.mui-bar input[type='search'] -{ - height: 29px; - margin: 6px 0; -} - -.mui-bar .mui-input-row .mui-btn -{ - padding: 12px 10px; -} - -.mui-bar .mui-search:before -{ - margin-top: -10px; -} - -.mui-bar .mui-input-row .mui-input-clear ~ .mui-icon-clear, -.mui-bar .mui-input-row .mui-input-speech ~ .mui-icon-speech -{ - top: 0; - right: 12px; -} - -.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear ~ .mui-icon-clear, -.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech ~ .mui-icon-speech -{ - top: 0; - right: 0; -} - -.mui-bar .mui-segmented-control -{ - top: 7px; - - width: auto; - margin: 0 auto; -} - -.mui-bar.mui-bar-header-secondary .mui-segmented-control -{ - top: 0; -} - -.mui-badge -{ - font-size: 12px; - line-height: 1; - - display: inline-block; - - padding: 3px 6px; - - color: #333; - border-radius: 100px; - background-color: rgba(0, 0, 0, .15); -} -.mui-badge.mui-badge-inverted -{ - padding: 0 5px 0 0; - - color: #929292; - background-color: transparent; -} - -.mui-badge-primary, .mui-badge-blue -{ - color: #fff; - background-color: #007aff; -} -.mui-badge-primary.mui-badge-inverted, .mui-badge-blue.mui-badge-inverted -{ - color: #007aff; - background-color: transparent; -} - -.mui-badge-success, .mui-badge-green -{ - color: #fff; - background-color: #4cd964; -} -.mui-badge-success.mui-badge-inverted, .mui-badge-green.mui-badge-inverted -{ - color: #4cd964; - background-color: transparent; -} - -.mui-badge-warning, .mui-badge-yellow -{ - color: #fff; - background-color: #f0ad4e; -} -.mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted -{ - color: #f0ad4e; - background-color: transparent; -} - -.mui-badge-danger, .mui-badge-red -{ - color: #fff; - background-color: #dd524d; -} -.mui-badge-danger.mui-badge-inverted, .mui-badge-red.mui-badge-inverted -{ - color: #dd524d; - background-color: transparent; -} - -.mui-badge-royal, .mui-badge-purple -{ - color: #fff; - background-color: #8a6de9; -} -.mui-badge-royal.mui-badge-inverted, .mui-badge-purple.mui-badge-inverted -{ - color: #8a6de9; - background-color: transparent; -} - -.mui-icon .mui-badge -{ - font-size: 10px; - line-height: 1.4; - - position: absolute; - top: -2px; - left: 100%; - - margin-left: -10px; - padding: 1px 6px; - - color: white; - background: red; -} - -.mui-card -{ - font-size: 14px; - - position: relative; - - overflow: hidden; - - margin: 10px; - - border-radius: 2px; - background-color: white; - background-clip: padding-box; - box-shadow: 0 1px 2px rgba(0, 0, 0, .3); -} - -.mui-content > .mui-card:first-child -{ - margin-top: 15px; -} - -.mui-card .mui-input-group:before, .mui-card .mui-input-group:after -{ - height: 0; -} -.mui-card .mui-input-group .mui-input-row:last-child:before, .mui-card .mui-input-group .mui-input-row:last-child:after -{ - height: 0; -} - -.mui-card .mui-table-view -{ - margin-bottom: 0; - - border-top: 0; - border-bottom: 0; - border-radius: 6px; -} -.mui-card .mui-table-view .mui-table-view-divider:first-child, .mui-card .mui-table-view .mui-table-view-cell:first-child -{ - top: 0; - - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} -.mui-card .mui-table-view .mui-table-view-divider:last-child, .mui-card .mui-table-view .mui-table-view-cell:last-child -{ - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.mui-card .mui-table-view:before, .mui-card .mui-table-view:after -{ - height: 0; -} - -.mui-card > .mui-table-view > .mui-table-view-cell:last-child:before, .mui-card > .mui-table-view > .mui-table-view-cell:last-child:after -{ - height: 0; -} - -.mui-card-header, -.mui-card-footer -{ - position: relative; - - display: -webkit-box; - display: -webkit-flex; - display: flex; - - min-height: 44px; - padding: 10px 15px; - - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.mui-card-header .mui-card-link, -.mui-card-footer .mui-card-link -{ - line-height: 44px; - - position: relative; - - display: -webkit-box; - display: -webkit-flex; - display: flex; - - height: 44px; - margin-top: -10px; - margin-bottom: -10px; - - -webkit-transition-duration: .3s; - transition-duration: .3s; - text-decoration: none; - - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} - -.mui-card-header:after, -.mui-card-footer:before -{ - position: absolute; - top: 0; - right: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} - -.mui-card-header -{ - font-size: 17px; - - border-radius: 2px 2px 0 0; -} -.mui-card-header:after -{ - top: auto; - bottom: 0; -} -.mui-card-header > img:first-child -{ - font-size: 0; - line-height: 0; - - float: left; - - width: 34px; - height: 34px; -} - -.mui-card-footer -{ - color: #6d6d72; - border-radius: 0 0 2px 2px; -} - -.mui-card-content -{ - font-size: 14px; - - position: relative; -} - -.mui-card-content-inner -{ - position: relative; - - padding: 15px; -} - -.mui-card-media -{ - vertical-align: bottom; - - color: #fff; - background-position: center; - background-size: cover; -} - -.mui-card-header.mui-card-media -{ - display: block; - - padding: 10px; -} -.mui-card-header.mui-card-media .mui-media-body -{ - font-size: 14px; - font-weight: 500; - line-height: 17px; - - margin-bottom: 0; - margin-left: 44px; - - color: #333; -} -.mui-card-header.mui-card-media .mui-media-body p -{ - font-size: 13px; - - margin-bottom: 0; -} - -.mui-table-view -{ - position: relative; - - margin-top: 0; - margin-bottom: 0; - padding-left: 0; - - list-style: none; - - background-color: #fff; -} -.mui-table-view:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-table-view:before -{ - position: absolute; - top: 0; - right: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-table-view:before -{ - top: -1px; -} - -.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon -{ - font-size: 20px; - - margin-top: -1px; - margin-right: 5px; - margin-left: -5px; -} -.mui-table-view-icon .mui-table-view-cell:after -{ - left: 40px; -} - -.mui-table-view-chevron .mui-table-view-cell -{ - padding-right: 65px; -} -.mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn) -{ - margin-right: -65px; -} - -.mui-table-view-radio .mui-table-view-cell -{ - padding-right: 65px; -} -.mui-table-view-radio .mui-table-view-cell > a:not(.mui-btn) -{ - margin-right: -65px; -} -.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after -{ - font-size: 30px; - font-weight: 600; - - right: 9px; - - content: ''; - - color: #007aff; -} -.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after -{ - content: '\e472'; -} - -.mui-table-view-inverted -{ - color: #fff; - background: #333; -} -.mui-table-view-inverted:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #222; -} -.mui-table-view-inverted:before -{ - position: absolute; - top: 0; - right: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #222; -} -.mui-table-view-inverted .mui-table-view-cell:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 15px; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #222; -} -.mui-table-view-inverted .mui-table-view-cell.mui-active -{ - background-color: #242424; -} -.mui-table-view-inverted .mui-table-view-cell > a:not(.mui-btn).mui-active -{ - background-color: #242424; -} - -.mui-table-view-cell -{ - position: relative; - - overflow: hidden; - - padding: 11px 15px; - - -webkit-touch-callout: none; -} -.mui-table-view-cell:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 15px; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-table-view-cell.mui-radio input[type=radio], .mui-table-view-cell.mui-checkbox input[type=checkbox] -{ - top: 8px; -} -.mui-table-view-cell.mui-radio.mui-left, .mui-table-view-cell.mui-checkbox.mui-left -{ - padding-left: 58px; -} -.mui-table-view-cell.mui-active -{ - background-color: #eee; -} -.mui-table-view-cell:last-child:before, .mui-table-view-cell:last-child:after -{ - height: 0; -} -.mui-table-view-cell > a:not(.mui-btn) -{ - position: relative; - - display: block; - overflow: hidden; - - margin: -11px -15px; - padding: inherit; - - white-space: nowrap; - text-overflow: ellipsis; - - color: inherit; - /*&:active { - background-color: #eee; - }*/ -} -.mui-table-view-cell > a:not(.mui-btn).mui-active -{ - background-color: #eee; -} -.mui-table-view-cell p -{ - margin-bottom: 0; -} - -.mui-table-view-cell.mui-transitioning > .mui-slider-handle, .mui-table-view-cell.mui-transitioning > .mui-slider-left .mui-btn, .mui-table-view-cell.mui-transitioning > .mui-slider-right .mui-btn -{ - -webkit-transition: -webkit-transform 300ms ease; - transition: transform 300ms ease; -} -.mui-table-view-cell.mui-active > .mui-slider-handle -{ - background-color: #eee; -} -.mui-table-view-cell > .mui-slider-handle -{ - position: relative; - - background-color: #fff; -} -.mui-table-view-cell > .mui-slider-handle.mui-navigate-right:after, .mui-table-view-cell > .mui-slider-handle .mui-navigate-right:after -{ - right: 0; -} -.mui-table-view-cell > .mui-slider-handle, .mui-table-view-cell > .mui-slider-left .mui-btn, .mui-table-view-cell > .mui-slider-right .mui-btn -{ - -webkit-transition: -webkit-transform 0ms ease; - transition: transform 0ms ease; -} -.mui-table-view-cell > .mui-slider-left, .mui-table-view-cell > .mui-slider-right -{ - position: absolute; - top: 0; - - display: -webkit-box; - display: -webkit-flex; - display: flex; - - height: 100%; -} -.mui-table-view-cell > .mui-slider-left > .mui-btn, .mui-table-view-cell > .mui-slider-right > .mui-btn -{ - position: relative; - left: 0; - - display: -webkit-box; - display: -webkit-flex; - display: flex; - - padding: 0 30px; - - color: #fff; - border: 0; - border-radius: 0; - - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.mui-table-view-cell > .mui-slider-left > .mui-btn:after, .mui-table-view-cell > .mui-slider-right > .mui-btn:after -{ - position: absolute; - z-index: -1; - top: 0; - - width: 600%; - height: 100%; - - content: ''; - - background: inherit; -} -.mui-table-view-cell > .mui-slider-left > .mui-btn.mui-icon, .mui-table-view-cell > .mui-slider-right > .mui-btn.mui-icon -{ - font-size: 30px; -} -.mui-table-view-cell > .mui-slider-right -{ - right: 0; - - -webkit-transition: -webkit-transform 0ms ease; - transition: transform 0ms ease; - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -.mui-table-view-cell > .mui-slider-left -{ - left: 0; - - -webkit-transition: -webkit-transform 0ms ease; - transition: transform 0ms ease; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.mui-table-view-cell > .mui-slider-left > .mui-btn:after -{ - right: 100%; - - margin-right: -1px; -} - -.mui-table-view-divider -{ - font-weight: 500; - - position: relative; - - margin-top: -1px; - margin-left: 0; - padding-top: 6px; - padding-bottom: 6px; - padding-left: 15px; - - color: #999; - background-color: #fafafa; -} -.mui-table-view-divider:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-table-view-divider:before -{ - position: absolute; - top: 0; - right: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} - -.mui-table-view .mui-media, -.mui-table-view .mui-media-body -{ - overflow: hidden; -} - -.mui-table-view .mui-media-large .mui-media-object -{ - line-height: 80px; - - max-width: 80px; - height: 80px; -} -.mui-table-view .mui-media .mui-subtitle -{ - color: #000; -} -.mui-table-view .mui-media-object -{ - line-height: 42px; - - max-width: 42px; - height: 42px; -} -.mui-table-view .mui-media-object.mui-pull-left -{ - margin-right: 10px; -} -.mui-table-view .mui-media-object.mui-pull-right -{ - margin-left: 10px; -} -.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object -{ - line-height: 29px; - - max-width: 29px; - height: 29px; - margin: -4px 0; -} -.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img -{ - line-height: 29px; - - max-width: 29px; - height: 29px; -} -.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left -{ - margin-right: 10px; -} -.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon -{ - font-size: 29px; -} -.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 55px; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-table-view .mui-table-view-cell.mui-media-icon:after -{ - height: 0 !important; -} - -.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view -{ - display: block; -} -.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after -{ - height: 0 !important; -} -.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 70px; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} - -.mui-table-view-cell > .mui-btn, -.mui-table-view-cell > .mui-badge, -.mui-table-view-cell > .mui-switch, -.mui-table-view-cell > a > .mui-btn, -.mui-table-view-cell > a > .mui-badge, -.mui-table-view-cell > a > .mui-switch -{ - position: absolute; - top: 50%; - right: 15px; - - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.mui-table-view-cell .mui-navigate-right > .mui-btn, -.mui-table-view-cell .mui-navigate-right > .mui-badge, -.mui-table-view-cell .mui-navigate-right > .mui-switch, -.mui-table-view-cell .mui-push-left > .mui-btn, -.mui-table-view-cell .mui-push-left > .mui-badge, -.mui-table-view-cell .mui-push-left > .mui-switch, -.mui-table-view-cell .mui-push-right > .mui-btn, -.mui-table-view-cell .mui-push-right > .mui-badge, -.mui-table-view-cell .mui-push-right > .mui-switch, -.mui-table-view-cell > a .mui-navigate-right > .mui-btn, -.mui-table-view-cell > a .mui-navigate-right > .mui-badge, -.mui-table-view-cell > a .mui-navigate-right > .mui-switch, -.mui-table-view-cell > a .mui-push-left > .mui-btn, -.mui-table-view-cell > a .mui-push-left > .mui-badge, -.mui-table-view-cell > a .mui-push-left > .mui-switch, -.mui-table-view-cell > a .mui-push-right > .mui-btn, -.mui-table-view-cell > a .mui-push-right > .mui-badge, -.mui-table-view-cell > a .mui-push-right > .mui-switch -{ - right: 35px; -} - -.mui-content > .mui-table-view:first-child -{ - margin-top: 15px; -} - -.mui-table-view-cell.mui-collapse .mui-table-view:before, .mui-table-view-cell.mui-collapse .mui-table-view:after -{ - height: 0; -} -.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after -{ - height: 0; -} -.mui-table-view-cell.mui-collapse > .mui-navigate-right:after, .mui-table-view-cell.mui-collapse > .mui-push-right:after -{ - content: '\e581'; -} -.mui-table-view-cell.mui-collapse.mui-active -{ - margin-top: -1px; -} -.mui-table-view-cell.mui-collapse.mui-active .mui-table-view, .mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content -{ - display: block; -} -.mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active > .mui-push-right:after -{ - content: '\e580'; -} -.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a:not(.mui-btn).mui-active -{ - margin-left: -31px; - padding-left: 47px; -} -.mui-table-view-cell.mui-collapse .mui-collapse-content -{ - position: relative; - - display: none; - overflow: hidden; - - margin: 11px -15px -11px; - padding: 8px 15px; - - -webkit-transition: height .35s ease; - -o-transition: height .35s ease; - transition: height .35s ease; - - background: white; -} -.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider -{ - width: auto; - height: auto; - margin: -8px -15px; -} -.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider -{ - margin: -8px -16px; -} -.mui-table-view-cell.mui-collapse .mui-table-view -{ - display: none; - - margin-top: 11px; - margin-right: -15px; - margin-bottom: -11px; - margin-left: -15px; - - border: 0; -} -.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron -{ - margin-right: -65px; -} -.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell -{ - padding-left: 31px; - - background-position: 31px 100%; -} -.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 30px; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} - -.mui-table-view.mui-grid-view -{ - font-size: 0; - - display: block; - - width: 100%; - padding: 0 10px 10px 0; - - white-space: normal; -} -.mui-table-view.mui-grid-view .mui-table-view-cell -{ - font-size: 17px; - - display: inline-block; - - margin-right: -4px; - padding: 10px 0 0 14px; - - text-align: center; - vertical-align: middle; - - background: none; -} -.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object -{ - width: 100%; - max-width: 100%; - height: auto; -} -.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) -{ - margin: -10px 0 0 -14px; -} -.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn):active, .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn).mui-active -{ - background: none; -} -.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body -{ - font-size: 15px; - line-height: 15px; - - display: block; - - width: 100%; - height: 15px; - margin-top: 8px; - - text-overflow: ellipsis; - - color: #333; -} -.mui-table-view.mui-grid-view .mui-table-view-cell:before, .mui-table-view.mui-grid-view .mui-table-view-cell:after -{ - height: 0; -} - -.mui-grid-view.mui-grid-9 -{ - margin: 0; - padding: 0; - - border-top: 1px solid #eee; - border-left: 1px solid #eee; - background-color: #f2f2f2; -} -.mui-grid-view.mui-grid-9:before, .mui-grid-view.mui-grid-9:after -{ - display: table; - - content: ' '; -} -.mui-grid-view.mui-grid-9:after -{ - clear: both; -} -.mui-grid-view.mui-grid-9:after -{ - position: static; -} -.mui-grid-view.mui-grid-9 .mui-table-view-cell -{ - margin: 0; - padding: 11px 15px; - - vertical-align: top; - - border-right: 1px solid #eee; - border-bottom: 1px solid #eee; -} -.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active -{ - background-color: #eee; -} -.mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) -{ - margin: 0; - padding: 10px 0; -} -.mui-grid-view.mui-grid-9:before -{ - height: 0; -} -.mui-grid-view.mui-grid-9 .mui-media -{ - color: #797979; -} -.mui-grid-view.mui-grid-9 .mui-media .mui-icon -{ - font-size: 2.4em; - - position: relative; -} - -.mui-slider-cell -{ - position: relative; -} -.mui-slider-cell > .mui-slider-handle -{ - z-index: 1; -} -.mui-slider-cell > .mui-slider-left, .mui-slider-cell > .mui-slider-right -{ - position: absolute; - z-index: 0; - top: 0; - bottom: 0; -} -.mui-slider-cell > .mui-slider-left -{ - left: 0; -} -.mui-slider-cell > .mui-slider-right -{ - right: 0; -} - -input, -textarea, -select -{ - font-family: 'Helvetica Neue', Helvetica, sans-serif; - font-size: 14px; - - -webkit-tap-highlight-color: transparent; - -webkit-tap-highlight-color: transparent; -} -input:focus, -textarea:focus, -select:focus -{ - -webkit-tap-highlight-color: transparent; - -webkit-tap-highlight-color: transparent; - -webkit-user-modify: read-write-plaintext-only; -} - -select, -textarea, -input[type='text'], -input[type='search'], -input[type='password'], -input[type='datetime'], -input[type='datetime-local'], -input[type='date'], -input[type='month'], -input[type='time'], -input[type='week'], -input[type='number'], -input[type='email'], -input[type='url'], -input[type='tel'], -input[type='color'] -{ - line-height: 21px; - - width: 100%; - height: 40px; - margin-bottom: 15px; - padding: 10px 15px; - - -webkit-user-select: text; - - border: 1px solid rgba(0, 0, 0, .2); - border-radius: 3px; - outline: none; - background-color: #fff; - - -webkit-appearance: none; -} - -input[type=number]::-webkit-inner-spin-button, -input[type=number]::-webkit-outer-spin-button -{ - margin: 0; - - -webkit-appearance: none; -} - -input[type='search'] -{ - font-size: 16px; - - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 34px; - - text-align: center; - - border: 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, .1); -} - -input[type='search']:focus -{ - text-align: left; -} - -textarea -{ - height: auto; - - resize: none; -} - -select -{ - font-size: 14px; - - height: auto; - margin-top: 1px; - - border: 0 !important; - background-color: #fff; -} -select:focus -{ - -webkit-user-modify: read-only; -} - -.mui-input-group -{ - position: relative; - - padding: 0; - - border: 0; - background-color: #fff; -} -.mui-input-group:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-input-group:before -{ - position: absolute; - top: 0; - right: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} - -.mui-input-group input, -.mui-input-group textarea -{ - margin-bottom: 0; - - border: 0; - border-radius: 0; - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -.mui-input-group input[type='search'] -{ - background: none; -} - -.mui-input-group input:last-child -{ - background-image: none; -} - -.mui-input-row -{ - clear: left; - overflow: hidden; -} -.mui-input-row select -{ - font-size: 17px; - - height: 37px; - padding: 0; -} - -.mui-input-row:last-child, -.mui-input-row label + input, .mui-input-row .mui-btn + input -{ - background: none; -} - -.mui-input-group .mui-input-row -{ - height: 40px; -} -.mui-input-group .mui-input-row:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 15px; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} - -.mui-input-row label -{ - font-family: 'Helvetica Neue', Helvetica, sans-serif; - line-height: 1.1; - - float: left; - - width: 35%; - padding: 11px 15px; -} - -.mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea -{ - float: right; - - width: 65%; - margin-bottom: 0; - padding-left: 0; - - border: 0; -} - -.mui-input-row .mui-btn -{ - line-height: 1.1; - - float: right; - - width: 15%; - padding: 10px 15px; -} - -.mui-input-row .mui-btn ~ input, .mui-input-row .mui-btn ~ select, .mui-input-row .mui-btn ~ textarea -{ - float: left; - - width: 85%; - margin-bottom: 0; - padding-left: 0; - - border: 0; -} - -.mui-button-row -{ - position: relative; - - padding-top: 5px; - - text-align: center; -} - -.mui-input-group .mui-button-row -{ - height: 45px; -} - -.mui-input-row -{ - position: relative; -} -.mui-input-row.mui-input-range -{ - overflow: visible; - - padding-right: 20px; -} -.mui-input-row .mui-inline -{ - padding: 8px 0; -} -.mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-input-row .mui-input-speech ~ .mui-icon-speech, .mui-input-row .mui-input-password ~ .mui-icon-eye -{ - font-size: 20px; - - position: absolute; - z-index: 1; - top: 10px; - right: 0; - - width: 38px; - height: 38px; - - text-align: center; - - color: #999; -} -.mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-active, .mui-input-row .mui-input-speech ~ .mui-icon-speech.mui-active, .mui-input-row .mui-input-password ~ .mui-icon-eye.mui-active -{ - color: #007aff; -} -.mui-input-row .mui-input-speech ~ .mui-icon-speech -{ - font-size: 24px; - - top: 8px; -} -.mui-input-row .mui-input-clear ~ .mui-icon-clear ~ .mui-icon-speech -{ - display: none; -} -.mui-input-row .mui-input-clear ~ .mui-icon-clear.mui-hidden ~ .mui-icon-speech -{ - display: inline-block; -} -.mui-input-row .mui-icon-speech ~ .mui-placeholder -{ - right: 38px; -} -.mui-input-row.mui-search .mui-icon-clear -{ - top: 7px; -} -.mui-input-row.mui-search .mui-icon-speech -{ - top: 5px; -} - -.mui-radio, .mui-checkbox -{ - position: relative; -} -.mui-radio label, .mui-checkbox label -{ - display: inline-block; - float: none; - - width: 100%; - padding-right: 58px; -} - -.mui-radio.mui-left input[type='radio'], .mui-checkbox.mui-left input[type='checkbox'] -{ - left: 20px; -} - -.mui-radio.mui-left label, .mui-checkbox.mui-left label -{ - padding-right: 15px; - padding-left: 58px; -} - -.mui-radio input[type='radio'], .mui-checkbox input[type='checkbox'] -{ - position: absolute; - top: 4px; - right: 20px; - - display: inline-block; - - width: 28px; - height: 26px; - - border: 0; - outline: 0 !important; - background-color: transparent; - - -webkit-appearance: none; -} -.mui-radio input[type='radio'][disabled]:before, .mui-checkbox input[type='checkbox'][disabled]:before -{ - opacity: .3; -} -.mui-radio input[type='radio']:before, .mui-checkbox input[type='checkbox']:before -{ - font-family: Muiicons; - font-size: 28px; - font-weight: normal; - line-height: 1; - - text-decoration: none; - - color: #aaa; - border-radius: 0; - background: none; - - -webkit-font-smoothing: antialiased; -} -.mui-radio input[type='radio']:checked:before, .mui-checkbox input[type='checkbox']:checked:before -{ - color: #007aff; -} - -.mui-radio.mui-disabled label, .mui-radio label.mui-disabled, .mui-checkbox.mui-disabled label, .mui-checkbox label.mui-disabled -{ - opacity: .4; -} - -.mui-radio input[type='radio']:before -{ - content: '\e411'; -} - -.mui-radio input[type='radio']:checked:before -{ - content: '\e441'; -} - -.mui-checkbox input[type='checkbox']:before -{ - content: '\e411'; -} - -.mui-checkbox input[type='checkbox']:checked:before -{ - content: '\e442'; -} - -.mui-select -{ - position: relative; -} - -.mui-select:before -{ - font-family: Muiicons; - - position: absolute; - top: 8px; - right: 21px; - - content: '\e581'; - - color: rgba(170, 170, 170, .6); -} - -.mui-input-row .mui-switch -{ - float: right; - - margin-top: 5px; - margin-right: 20px; -} - -.mui-input-range -{ - /*input[type="range"] { - -webkit-appearance: none; - background: #999; - height: 36px; - border-radius: 1px; - overflow: hidden; - margin-top: 2px; - margin-bottom: 2px; - outline:none; - position:relative; - width:100%; - }*/ - /*input[type='range']::-webkit-slider-thumb { - -webkit-appearance: none!important; - opacity: 0.5; - height:28px; - width:28px; - border-radius: 50%; - background:#00b7fb; - position: relative; - pointer-events: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - &:before{ - position: absolute; - top: 13px; - left: -2000px; - width: 2000px; - height: 2px; - background: #00b7fb; - content:' '; - } - }*/ -} -.mui-input-range input[type='range'] -{ - position: relative; - - width: 100%; - height: 2px; - margin: 17px 0; - padding: 0; - - cursor: pointer; - - border: 0; - border-radius: 3px; - outline: none; - background-color: #999; - - -webkit-appearance: none !important; -} -.mui-input-range input[type='range']::-webkit-slider-thumb -{ - width: 28px; - height: 28px; - - border-color: #0062cc; - border-radius: 50%; - background-color: #007aff; - background-clip: padding-box; - - -webkit-appearance: none !important; -} -.mui-input-range label ~ input[type='range'] -{ - width: 65%; -} -.mui-input-range .mui-tooltip -{ - font-size: 36px; - line-height: 64px; - - position: absolute; - z-index: 1; - top: -70px; - - width: 64px; - height: 64px; - - text-align: center; - - opacity: .8; - color: #333; - border: 1px solid #ddd; - border-radius: 6px; - background-color: #fff; - text-shadow: 0 1px 0 #f3f3f3; -} - -.mui-search -{ - position: relative; -} -.mui-search input[type='search'] -{ - padding-left: 30px; -} -.mui-search .mui-placeholder -{ - font-size: 16px; - line-height: 34px; - - position: absolute; - z-index: 1; - top: 0; - right: 0; - bottom: 0; - left: 0; - - display: inline-block; - - height: 34px; - - text-align: left; - - color: #999; - border: 0; - border-radius: 6px; - background: none; -} -.mui-search .mui-placeholder .mui-icon -{ - font-size: 20px; - - color: #333; -} -.mui-search:before -{ - font-family: Muiicons; - font-size: 20px; - font-weight: normal; - - position: absolute; - top: 50%; - right: 50%; - - display: none; - - margin-top: -18px; - margin-right: 31px; - - content: '\e466'; -} -.mui-search.mui-active:before -{ - font-size: 20px; - - right: auto; - left: 5px; - - display: block; - - margin-right: 0; -} -.mui-search.mui-active input[type='search'] -{ - text-align: left; -} -.mui-search.mui-active .mui-placeholder -{ - display: none; -} - -.mui-segmented-control -{ - font-size: 15px; - font-weight: 400; - - position: relative; - - display: table; - overflow: hidden; - - width: 100%; - - table-layout: fixed; - - border: 1px solid #007aff; - border-radius: 3px; - background-color: transparent; - - -webkit-touch-callout: none; -} -.mui-segmented-control.mui-segmented-control-vertical -{ - border-collapse: collapse; - border-width: 0; - border-radius: 0; -} -.mui-segmented-control.mui-segmented-control-vertical .mui-control-item -{ - display: block; - - border-bottom: 1px solid #c8c7cc; - border-left-width: 0; -} -.mui-segmented-control.mui-scroll-wrapper -{ - height: 38px; -} -.mui-segmented-control.mui-scroll-wrapper .mui-scroll -{ - width: auto; - height: 40px; - - white-space: nowrap; -} -.mui-segmented-control.mui-scroll-wrapper .mui-control-item -{ - display: inline-block; - - width: auto; - padding: 0 20px; - - border: 0; -} -.mui-segmented-control .mui-control-item -{ - line-height: 38px; - - display: table-cell; - overflow: hidden; - - width: 1%; - - -webkit-transition: background-color .1s linear; - transition: background-color .1s linear; - text-align: center; - white-space: nowrap; - text-overflow: ellipsis; - - color: #007aff; - border-color: #007aff; - border-left: 1px solid #007aff; -} -.mui-segmented-control .mui-control-item:first-child -{ - border-left-width: 0; -} -.mui-segmented-control .mui-control-item.mui-active -{ - color: #fff; - background-color: #007aff; -} -.mui-segmented-control.mui-segmented-control-inverted -{ - width: 100%; - - border: 0; - border-radius: 0; -} -.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item -{ - border-bottom: 1px solid #c8c7cc; -} -.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active -{ - border-bottom: 1px solid #c8c7cc; -} -.mui-segmented-control.mui-segmented-control-inverted .mui-control-item -{ - color: inherit; - border: 0; -} -.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active -{ - color: #007aff; - border-bottom: 2px solid #007aff; - background: none; -} -.mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar -{ - background-color: #007aff; -} - -.mui-segmented-control-positive -{ - border: 1px solid #4cd964; -} -.mui-segmented-control-positive .mui-control-item -{ - color: #4cd964; - border-color: inherit; -} -.mui-segmented-control-positive .mui-control-item.mui-active -{ - color: #fff; - background-color: #4cd964; -} -.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active -{ - color: #4cd964; - border-bottom: 2px solid #4cd964; - background: none; -} -.mui-segmented-control-positive.mui-segmented-control-inverted ~ .mui-slider-progress-bar -{ - background-color: #4cd964; -} - -.mui-segmented-control-negative -{ - border: 1px solid #dd524d; -} -.mui-segmented-control-negative .mui-control-item -{ - color: #dd524d; - border-color: inherit; -} -.mui-segmented-control-negative .mui-control-item.mui-active -{ - color: #fff; - background-color: #dd524d; -} -.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active -{ - color: #dd524d; - border-bottom: 2px solid #dd524d; - background: none; -} -.mui-segmented-control-negative.mui-segmented-control-inverted ~ .mui-slider-progress-bar -{ - background-color: #dd524d; -} - -.mui-control-content -{ - position: relative; - - display: none; -} -.mui-control-content.mui-active -{ - display: block; -} - -.mui-popover -{ - position: absolute; - z-index: 999; - - display: none; - - width: 280px; - - -webkit-transition: opacity .3s; - transition: opacity .3s; - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transform: none; - transform: none; - - opacity: 0; - border-radius: 7px; - background-color: #f7f7f7; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); - box-shadow: 0 0 15px rgba(0, 0, 0, .1); -} -.mui-popover .mui-popover-arrow -{ - position: absolute; - z-index: 1000; - top: -25px; - left: 0; - - overflow: hidden; - - width: 26px; - height: 26px; -} -.mui-popover .mui-popover-arrow:after -{ - position: absolute; - top: 19px; - left: 0; - - width: 26px; - height: 26px; - - content: ' '; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - - border-radius: 3px; - background: #f7f7f7; -} -.mui-popover .mui-popover-arrow.mui-bottom -{ - top: 100%; - left: -26px; - - margin-top: -1px; -} -.mui-popover .mui-popover-arrow.mui-bottom:after -{ - top: -19px; - left: 0; -} -.mui-popover.mui-popover-action -{ - bottom: 0; - - width: 100%; - - -webkit-transition: -webkit-transform .3s, opacity .3s; - transition: transform .3s, opacity .3s; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - - border-radius: 0; - background: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.mui-popover.mui-popover-action .mui-popover-arrow -{ - display: none; -} -.mui-popover.mui-popover-action.mui-popover-bottom -{ - position: fixed; -} -.mui-popover.mui-popover-action.mui-active -{ - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.mui-popover.mui-popover-action .mui-table-view -{ - margin: 8px; - - text-align: center; - - color: #007aff; - border-radius: 4px; -} -.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after -{ - position: absolute; - right: 0; - bottom: 0; - left: 0; - - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - - background-color: #c8c7cc; -} -.mui-popover.mui-popover-action .mui-table-view small -{ - font-weight: 400; - line-height: 1.3; - - display: block; -} -.mui-popover.mui-active -{ - display: block; - - opacity: 1; -} -.mui-popover .mui-bar ~ .mui-table-view -{ - padding-top: 44px; -} - -.mui-backdrop -{ - position: fixed; - z-index: 998; - top: 0; - right: 0; - bottom: 0; - left: 0; - - background-color: rgba(0, 0, 0, .3); -} - -.mui-bar-backdrop.mui-backdrop -{ - bottom: 50px; - - background: none; -} - -.mui-backdrop-action.mui-backdrop -{ - background-color: rgba(0, 0, 0, .3); -} - -.mui-bar-backdrop.mui-backdrop, .mui-backdrop-action.mui-backdrop -{ - opacity: 0; -} -.mui-bar-backdrop.mui-backdrop.mui-active, .mui-backdrop-action.mui-backdrop.mui-active -{ - -webkit-transition: all .4s ease; - transition: all .4s ease; - - opacity: 1; -} - -.mui-popover .mui-btn-block -{ - margin-bottom: 5px; -} -.mui-popover .mui-btn-block:last-child -{ - margin-bottom: 0; -} - -.mui-popover .mui-bar -{ - -webkit-box-shadow: none; - box-shadow: none; -} - -.mui-popover .mui-bar-nav -{ - border-bottom: 1px solid rgba(0, 0, 0, .15); - border-top-left-radius: 12px; - border-top-right-radius: 12px; - -webkit-box-shadow: none; - box-shadow: none; -} - -.mui-popover .mui-scroll-wrapper -{ - margin: 7px 0; - - border-radius: 7px; - background-clip: padding-box; -} - -.mui-popover .mui-scroll .mui-table-view -{ - max-height: none; -} - -.mui-popover .mui-table-view -{ - overflow: auto; - - max-height: 300px; - margin-bottom: 0; - - border-radius: 7px; - background-color: #f7f7f7; - background-image: none; - - -webkit-overflow-scrolling: touch; -} -.mui-popover .mui-table-view:before, .mui-popover .mui-table-view:after -{ - height: 0; -} -.mui-popover .mui-table-view .mui-table-view-cell:first-child, -.mui-popover .mui-table-view .mui-table-view-cell:first-child > a:not(.mui-btn) -{ - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} -.mui-popover .mui-table-view .mui-table-view-cell:last-child, -.mui-popover .mui-table-view .mui-table-view-cell:last-child > a:not(.mui-btn) -{ - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.mui-popover.mui-bar-popover .mui-table-view -{ - width: 106px; -} -.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell -{ - padding: 11px 15px 11px 15px; - - background-position: 0 100%; -} -.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell > a:not(.mui-btn) -{ - margin: -11px -15px -11px -15px; -} - -.mui-popup-backdrop -{ - position: fixed; - z-index: 998; - top: 0; - right: 0; - bottom: 0; - left: 0; - - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - - opacity: 0; - background: rgba(0, 0, 0, .4); -} -.mui-popup-backdrop.mui-active -{ - opacity: 1; -} - -.mui-popup -{ - position: fixed; - z-index: 10000; - top: 50%; - left: 50%; - - display: none; - overflow: hidden; - - width: 270px; - - -webkit-transition-property: -webkit-transform,opacity; - transition-property: transform,opacity; - -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185); - transform: translate3d(-50%, -50%, 0) scale(1.185); - text-align: center; - - opacity: 0; - color: #000; - border-radius: 13px; -} -.mui-popup.mui-popup-in -{ - display: block; - - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(-50%, -50%, 0) scale(1); - transform: translate3d(-50%, -50%, 0) scale(1); - - opacity: 1; -} -.mui-popup.mui-popup-out -{ - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - -webkit-transform: translate3d(-50%, -50%, 0) scale(1); - transform: translate3d(-50%, -50%, 0) scale(1); - - opacity: 0; -} - -.mui-popup-inner -{ - position: relative; - - padding: 15px; - - border-radius: 13px 13px 0 0; - background: rgba(255, 255, 255, .95); -} -.mui-popup-inner:after -{ - position: absolute; - z-index: 15; - top: auto; - right: auto; - bottom: 0; - left: 0; - - display: block; - - width: 100%; - height: 1px; - - content: ''; - -webkit-transform: scaleY(.5); - transform: scaleY(.5); - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; - - background-color: rgba(0, 0, 0, .2); -} - -.mui-popup-title -{ - font-size: 14px; - font-weight: 500; - - text-align: center; -} - -.mui-popup-title + .mui-popup-text -{ - font-family: inherit; - font-size: 14px; - - margin: 5px 0 0; -} - -.mui-popup-buttons -{ - position: relative; - - display: -webkit-box; - display: -webkit-flex; - display: flex; - - height: 44px; - - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; -} - -.mui-popup-button -{ - font-size: 14px; - line-height: 40px; - - position: relative; - - display: block; - overflow: hidden; - - box-sizing: border-box; - width: 100%; - height: 40px; - padding: 0 5px; - - cursor: pointer; - text-align: center; - white-space: nowrap; - text-overflow: ellipsis; - - color: #007aff; - background: rgba(255, 255, 255, .95); - - -webkit-box-flex: 1; -} -.mui-popup-button:after -{ - position: absolute; - z-index: 15; - top: 0; - right: 0; - bottom: auto; - left: auto; - - display: block; - - width: 1px; - height: 100%; - - content: ''; - -webkit-transform: scaleX(.5); - transform: scaleX(.5); - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; - - background-color: rgba(0, 0, 0, .2); -} -.mui-popup-button:first-child -{ - border-radius: 0 0 0 13px; -} -.mui-popup-button:first-child:last-child -{ - border-radius: 0 0 13px 13px; -} -.mui-popup-button:last-child -{ - border-radius: 0 0 13px 0; -} -.mui-popup-button:last-child:after -{ - display: none; -} -.mui-popup-button.mui-popup-button-bold -{ - font-weight: 600; -} - -.mui-popup-input input -{ - font-size: 14px; - - width: 100%; - height: 26px; - margin: 15px 0 0; - padding: 0 5px; - - border: 1px solid rgba(0, 0, 0, .3); - border-radius: 0; - background: #fff; -} - -.mui-plus.mui-android .mui-popup-backdrop -{ - -webkit-transition-duration: 1ms; - transition-duration: 1ms; -} - -.mui-plus.mui-android .mui-popup -{ - -webkit-transition-duration: 1ms; - transition-duration: 1ms; - -webkit-transform: translate3d(-50%, -50%, 0) scale(1); - transform: translate3d(-50%, -50%, 0) scale(1); -} - -/* === Progress Bar === */ -.mui-progressbar -{ - position: relative; - - display: block; - overflow: hidden; - - width: 100%; - height: 2px; - - -webkit-transform-origin: center top; - transform-origin: center top; - vertical-align: middle; - - border-radius: 2px; - background: #b6b6b6; - - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.mui-progressbar span -{ - position: absolute; - top: 0; - left: 0; - - width: 100%; - height: 100%; - - -webkit-transition: 150ms; - transition: 150ms; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - - background: #007aff; -} -.mui-progressbar.mui-progressbar-infinite:before -{ - position: absolute; - top: 0; - left: 0; - - width: 100%; - height: 100%; - - content: ''; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - -webkit-animation: mui-progressbar-infinite 1s linear infinite; - animation: mui-progressbar-infinite 1s linear infinite; - - background: #007aff; -} - -body > .mui-progressbar -{ - position: absolute; - z-index: 10000; - top: 44px; - left: 0; - - border-radius: 0; -} - -.mui-progressbar-in -{ - -webkit-animation: mui-progressbar-in 300ms forwards; - animation: mui-progressbar-in 300ms forwards; -} - -.mui-progressbar-out -{ - -webkit-animation: mui-progressbar-out 300ms forwards; - animation: mui-progressbar-out 300ms forwards; -} - -@-webkit-keyframes mui-progressbar-in -{ - from - { - -webkit-transform: scaleY(0); - - opacity: 0; - } - - to - { - -webkit-transform: scaleY(1); - - opacity: 1; - } -} -@keyframes mui-progressbar-in -{ - from - { - transform: scaleY(0); - - opacity: 0; - } - - to - { - transform: scaleY(1); - - opacity: 1; - } -} -@-webkit-keyframes mui-progressbar-out -{ - from - { - -webkit-transform: scaleY(1); - - opacity: 1; - } - - to - { - -webkit-transform: scaleY(0); - - opacity: 0; - } -} -@keyframes mui-progressbar-out -{ - from - { - transform: scaleY(1); - - opacity: 1; - } - - to - { - transform: scaleY(0); - - opacity: 0; - } -} -@-webkit-keyframes mui-progressbar-infinite -{ - 0% - { - -webkit-transform: translate3d(-50%, 0, 0) scaleX(.5); - } - - 100% - { - -webkit-transform: translate3d(100%, 0, 0) scaleX(.5); - } -} -@keyframes mui-progressbar-infinite -{ - 0% - { - transform: translate3d(-50%, 0, 0) scaleX(.5); - } - - 100% - { - transform: translate3d(100%, 0, 0) scaleX(.5); - } -} -.mui-pagination -{ - display: inline-block; - - margin: 0 auto; - padding-left: 0; - - border-radius: 6px; -} -.mui-pagination > li -{ - display: inline; -} -.mui-pagination > li > a, -.mui-pagination > li > span -{ - line-height: 1.428571429; - - position: relative; - - float: left; - - margin-left: -1px; - padding: 6px 12px; - - text-decoration: none; - - color: #007aff; - border: 1px solid #ddd; - background-color: #fff; -} -.mui-pagination > li:first-child > a, -.mui-pagination > li:first-child > span -{ - margin-left: 0; - - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - background-clip: padding-box; -} -.mui-pagination > li:last-child > a, -.mui-pagination > li:last-child > span -{ - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - background-clip: padding-box; -} -.mui-pagination > li:active > a, .mui-pagination > li:active > a:active, -.mui-pagination > li:active > span, -.mui-pagination > li:active > span:active, -.mui-pagination > li.mui-active > a, -.mui-pagination > li.mui-active > a:active, -.mui-pagination > li.mui-active > span, -.mui-pagination > li.mui-active > span:active -{ - z-index: 2; - - cursor: default; - - color: #fff; - border-color: #007aff; - background-color: #007aff; -} -.mui-pagination > li.mui-disabled > span, -.mui-pagination > li.mui-disabled > span:active, -.mui-pagination > li.mui-disabled > a, -.mui-pagination > li.mui-disabled > a:active -{ - opacity: .6; - color: #777; - border: 1px solid #ddd; - background-color: #fff; -} - -.mui-pagination-lg > li > a, -.mui-pagination-lg > li > span -{ - font-size: 18px; - - padding: 10px 16px; -} - -.mui-pagination-sm > li > a, -.mui-pagination-sm > li > span -{ - font-size: 12px; - - padding: 5px 10px; -} - -.mui-pager -{ - padding-left: 0; - - list-style: none; - - text-align: center; -} -.mui-pager:before, .mui-pager:after -{ - display: table; - - content: ' '; -} -.mui-pager:after -{ - clear: both; -} -.mui-pager li -{ - display: inline; -} -.mui-pager li > a, -.mui-pager li > span -{ - display: inline-block; - - padding: 5px 14px; - - border: 1px solid #ddd; - border-radius: 6px; - background-color: #fff; - background-clip: padding-box; -} -.mui-pager li:active > a, .mui-pager li:active > span, .mui-pager li.mui-active > a, .mui-pager li.mui-active > span -{ - cursor: default; - text-decoration: none; - - color: #fff; - border-color: #007aff; - background-color: #007aff; -} -.mui-pager .mui-next > a, -.mui-pager .mui-next > span -{ - float: right; -} -.mui-pager .mui-previous > a, -.mui-pager .mui-previous > span -{ - float: left; -} -.mui-pager .mui-disabled > a, -.mui-pager .mui-disabled > a:active, -.mui-pager .mui-disabled > span, -.mui-pager .mui-disabled > span:active -{ - opacity: .6; - color: #777; - border: 1px solid #ddd; - background-color: #fff; -} - -.mui-modal -{ - position: fixed; - z-index: 999; - top: 0; - - overflow: hidden; - - width: 100%; - min-height: 100%; - - -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; - transition: transform .25s, opacity 1ms .25s; - -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - - opacity: 0; - background-color: #fff; -} -.mui-modal.mui-active -{ - height: 100%; - - -webkit-transition: -webkit-transform .25s; - transition: transform .25s; - -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - - opacity: 1; -} - -.mui-android .mui-modal .mui-bar -{ - position: static; -} - -.mui-android .mui-modal .mui-bar-nav ~ .mui-content -{ - padding-top: 0; -} - -.mui-slider -{ - position: relative; - z-index: 3; - - overflow: hidden; - - width: 100%; -} -.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active -{ - border-bottom: 0; -} -.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item -{ - border-top: 1px solid #c8c7cc; - border-bottom: 1px solid #c8c7cc; -} -.mui-slider .mui-slider-group -{ - font-size: 0; - - position: relative; - - -webkit-transition: all 0s linear; - transition: all 0s linear; - white-space: nowrap; -} -.mui-slider .mui-slider-group .mui-slider-item -{ - font-size: 14px; - - position: relative; - - display: inline-block; - - width: 100%; - height: 100%; - - vertical-align: top; - white-space: normal; -} -.mui-slider .mui-slider-group .mui-slider-item > a:not(.mui-control-item) -{ - line-height: 0; - - position: relative; - - display: block; -} -.mui-slider .mui-slider-group .mui-slider-item img -{ - width: 100%; -} -.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after -{ - height: 0; -} -.mui-slider .mui-slider-group.mui-slider-loop -{ - -webkit-transform: translate(-100%, 0px); - transform: translate(-100%, 0px); -} - -.mui-slider-title -{ - line-height: 30px; - - position: absolute; - bottom: 0; - left: 0; - - width: 100%; - height: 30px; - margin: 0; - - text-align: left; - text-indent: 12px; - - opacity: .8; - background-color: #000; -} - -.mui-slider-indicator -{ - position: absolute; - bottom: 8px; - - width: 100%; - - text-align: center; - - background: none; -} -.mui-slider-indicator.mui-segmented-control -{ - position: relative; - bottom: auto; -} -.mui-slider-indicator .mui-indicator -{ - display: inline-block; - - width: 6px; - height: 6px; - margin: 1px 6px; - - cursor: pointer; - - border-radius: 50%; - background: #aaa; - -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); - box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); -} -.mui-slider-indicator .mui-active.mui-indicator -{ - background: #fff; -} -.mui-slider-indicator .mui-icon -{ - font-size: 20px; - line-height: 30px; - - width: 40px; - height: 30px; - margin: 3px; - - text-align: center; - - border: 1px solid #ddd; -} -.mui-slider-indicator .mui-number -{ - line-height: 32px; - - display: inline-block; - - width: 58px; -} -.mui-slider-indicator .mui-number span -{ - color: #ff5053; -} - -.mui-slider-progress-bar -{ - z-index: 1; - - height: 2px; - - -webkit-transform: translateZ(0); - transform: translateZ(0); -} - -.mui-switch -{ - position: relative; - - display: block; - - width: 74px; - height: 30px; - - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - -webkit-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: background-color, border; - transition-property: background-color, border; - - border: 2px solid #ddd; - border-radius: 20px; - background-color: #fff; - background-clip: padding-box; -} -.mui-switch.mui-disabled -{ - opacity: .3; -} -.mui-switch .mui-switch-handle -{ - position: absolute; - z-index: 1; - top: -1px; - left: -1px; - - width: 28px; - height: 28px; - - -webkit-transition: .2s ease-in-out; - transition: .2s ease-in-out; - -webkit-transition-property: -webkit-transform, width,left; - transition-property: transform, width,left; - - border-radius: 16px; - background-color: #fff; - background-clip: padding-box; - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4); - box-shadow: 0 2px 5px rgba(0, 0, 0, .4); -} -.mui-switch:before -{ - font-size: 13px; - - position: absolute; - top: 3px; - right: 11px; - - content: 'Off'; - text-transform: uppercase; - - color: #999; -} -.mui-switch.mui-dragging -{ - border-color: #f7f7f7; - background-color: #f7f7f7; -} -.mui-switch.mui-dragging .mui-switch-handle -{ - width: 38px; -} -.mui-switch.mui-dragging.mui-active .mui-switch-handle -{ - left: -11px; - - width: 38px; -} -.mui-switch.mui-active -{ - border-color: #4cd964; - background-color: #4cd964; -} -.mui-switch.mui-active .mui-switch-handle -{ - -webkit-transform: translate(43px, 0); - transform: translate(43px, 0); -} -.mui-switch.mui-active:before -{ - right: auto; - left: 15px; - - content: 'On'; - - color: #fff; -} -.mui-switch input[type='checkbox'] -{ - display: none; -} - -.mui-switch-mini -{ - width: 47px; -} -.mui-switch-mini:before -{ - display: none; -} -.mui-switch-mini.mui-active .mui-switch-handle -{ - -webkit-transform: translate(16px, 0); - transform: translate(16px, 0); -} - -.mui-switch-blue.mui-active -{ - border: 2px solid #007aff; - background-color: #007aff; -} - -.mui-content.mui-fade -{ - left: 0; - - opacity: 0; -} -.mui-content.mui-fade.mui-in -{ - opacity: 1; -} -.mui-content.mui-sliding -{ - z-index: 2; - - -webkit-transition: -webkit-transform .4s; - transition: transform .4s; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.mui-content.mui-sliding.mui-left -{ - z-index: 1; - - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.mui-content.mui-sliding.mui-right -{ - z-index: 3; - - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} - -.mui-navigate-right:after, -.mui-push-left:after, -.mui-push-right:after -{ - font-family: Muiicons; - font-size: inherit; - line-height: 1; - - position: absolute; - top: 50%; - - display: inline-block; - - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - text-decoration: none; - - color: #bbb; - - -webkit-font-smoothing: antialiased; -} - -.mui-push-left:after -{ - left: 15px; - - content: '\e582'; -} - -.mui-navigate-right:after, -.mui-push-right:after -{ - right: 15px; - - content: '\e583'; -} - -.mui-pull-top-pocket, .mui-pull-bottom-pocket -{ - position: absolute; - left: 0; - - display: block; - visibility: hidden; - overflow: hidden; - - width: 100%; - height: 50px; -} - -.mui-plus-pullrefresh .mui-pull-top-pocket, .mui-plus-pullrefresh .mui-pull-bottom-pocket -{ - display: none; - visibility: visible; -} - -.mui-pull-top-pocket -{ - top: 0; -} - -.mui-bar-nav ~ .mui-content .mui-pull-top-pocket -{ - top: 44px; -} - -.mui-bar-nav ~ .mui-bar-header-secondary ~ .mui-content .mui-pull-top-pocket -{ - top: 88px; -} - -.mui-pull-bottom-pocket -{ - position: relative; - bottom: 0; - - height: 40px; -} -.mui-pull-bottom-pocket .mui-pull-loading -{ - visibility: hidden; -} -.mui-pull-bottom-pocket .mui-pull-loading.mui-in -{ - display: inline-block; -} - -.mui-pull -{ - font-weight: bold; - - position: absolute; - right: 0; - bottom: 10px; - left: 0; - - text-align: center; - - color: #777; -} - -.mui-pull-loading -{ - margin-right: 10px; - - -webkit-transition: -webkit-transform .4s; - transition: transform .4s; - -webkit-transition-duration: 400ms; - transition-duration: 400ms; - vertical-align: middle; -} - -.mui-pull-loading.mui-reverse -{ - -webkit-transform: rotate(180deg) translateZ(0); - transform: rotate(180deg) translateZ(0); -} - -.mui-pull-caption -{ - font-size: 15px; - line-height: 24px; - - position: relative; - - display: inline-block; - overflow: visible; - - margin-top: 0; - - vertical-align: middle; -} -.mui-pull-caption span -{ - display: none; -} -.mui-pull-caption span.mui-in -{ - display: inline; -} - -.mui-toast-container -{ - line-height: 17px; - - position: fixed; - z-index: 9999; - bottom: 50px; - left: 50%; - - -webkit-transition: opacity .3s; - transition: opacity .3s; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - - opacity: 0; -} -.mui-toast-container.mui-active -{ - opacity: .9; -} - -.mui-toast-message -{ - font-size: 14px; - - padding: 10px 20px; - - text-align: center; - - color: #fff; - border-radius: 6px; - background-color: #323232; -} - -.mui-numbox -{ - position: relative; - - display: inline-block; - overflow: hidden; - - width: 120px; - height: 35px; - padding: 0 40px 0 40px; - - vertical-align: top; - vertical-align: middle; - - border: solid 1px #bbb; - border-radius: 3px; - background-color: #efeff4; -} -.mui-numbox [class*=numbox-btn], .mui-numbox [class*=btn-numbox] -{ - font-size: 18px; - font-weight: normal; - line-height: 100%; - - position: absolute; - top: 0; - - overflow: hidden; - - width: 40px; - height: 100%; - padding: 0; - - color: #555; - border: none; - border-radius: 0; - background-color: #f9f9f9; -} -.mui-numbox [class*=numbox-btn]:active, .mui-numbox [class*=btn-numbox]:active -{ - background-color: #ccc; -} -.mui-numbox [class*=numbox-btn][disabled], .mui-numbox [class*=btn-numbox][disabled] -{ - color: #c0c0c0; -} -.mui-numbox .mui-numbox-btn-plus, .mui-numbox .mui-btn-numbox-plus -{ - right: 0; - - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.mui-numbox .mui-numbox-btn-minus, .mui-numbox .mui-btn-numbox-minus -{ - left: 0; - - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.mui-numbox .mui-numbox-input, .mui-numbox .mui-input-numbox -{ - display: inline-block; - overflow: hidden; - - width: 100% !important; - height: 100%; - margin: 0; - padding: 0 3px !important; - - text-align: center; - text-overflow: ellipsis; - word-break: normal; - - border: none !important; - border-right: solid 1px #ccc !important; - border-left: solid 1px #ccc !important; - border-radius: 0 !important; -} - -.mui-input-row .mui-numbox -{ - float: right; - - margin: 2px 8px; -} - -@font-face { - font-family: Muiicons; - font-weight: normal; - font-style: normal; - - src: url('../fonts/mui.ttf') format('truetype'); -} -.mui-icon -{ - font-family: Muiicons; - font-size: 24px; - font-weight: normal; - font-style: normal; - line-height: 1; - - display: inline-block; - - text-decoration: none; - - -webkit-font-smoothing: antialiased; -} -.mui-icon.mui-active -{ - color: #007aff; -} -.mui-icon.mui-right:before -{ - float: right; - - padding-left: .2em; -} - -.mui-icon-contact:before -{ - content: '\e100'; -} - -.mui-icon-person:before -{ - content: '\e101'; -} - -.mui-icon-personadd:before -{ - content: '\e102'; -} - -.mui-icon-contact-filled:before -{ - content: '\e130'; -} - -.mui-icon-person-filled:before -{ - content: '\e131'; -} - -.mui-icon-personadd-filled:before -{ - content: '\e132'; -} - -.mui-icon-phone:before -{ - content: '\e200'; -} - -.mui-icon-email:before -{ - content: '\e201'; -} - -.mui-icon-chatbubble:before -{ - content: '\e202'; -} - -.mui-icon-chatboxes:before -{ - content: '\e203'; -} - -.mui-icon-phone-filled:before -{ - content: '\e230'; -} - -.mui-icon-email-filled:before -{ - content: '\e231'; -} - -.mui-icon-chatbubble-filled:before -{ - content: '\e232'; -} - -.mui-icon-chatboxes-filled:before -{ - content: '\e233'; -} - -.mui-icon-weibo:before -{ - content: '\e260'; -} - -.mui-icon-weixin:before -{ - content: '\e261'; -} - -.mui-icon-pengyouquan:before -{ - content: '\e262'; -} - -.mui-icon-chat:before -{ - content: '\e263'; -} - -.mui-icon-qq:before -{ - content: '\e264'; -} - -.mui-icon-videocam:before -{ - content: '\e300'; -} - -.mui-icon-camera:before -{ - content: '\e301'; -} - -.mui-icon-mic:before -{ - content: '\e302'; -} - -.mui-icon-location:before -{ - content: '\e303'; -} - -.mui-icon-mic-filled:before, .mui-icon-speech:before -{ - content: '\e332'; -} - -.mui-icon-location-filled:before -{ - content: '\e333'; -} - -.mui-icon-micoff:before -{ - content: '\e360'; -} - -.mui-icon-image:before -{ - content: '\e363'; -} - -.mui-icon-map:before -{ - content: '\e364'; -} - -.mui-icon-compose:before -{ - content: '\e400'; -} - -.mui-icon-trash:before -{ - content: '\e401'; -} - -.mui-icon-upload:before -{ - content: '\e402'; -} - -.mui-icon-download:before -{ - content: '\e403'; -} - -.mui-icon-close:before -{ - content: '\e404'; -} - -.mui-icon-redo:before -{ - content: '\e405'; -} - -.mui-icon-undo:before -{ - content: '\e406'; -} - -.mui-icon-refresh:before -{ - content: '\e407'; -} - -.mui-icon-star:before -{ - content: '\e408'; -} - -.mui-icon-plus:before -{ - content: '\e409'; -} - -.mui-icon-minus:before -{ - content: '\e410'; -} - -.mui-icon-circle:before, .mui-icon-checkbox:before -{ - content: '\e411'; -} - -.mui-icon-close-filled:before, .mui-icon-clear:before -{ - content: '\e434'; -} - -.mui-icon-refresh-filled:before -{ - content: '\e437'; -} - -.mui-icon-star-filled:before -{ - content: '\e438'; -} - -.mui-icon-plus-filled:before -{ - content: '\e439'; -} - -.mui-icon-minus-filled:before -{ - content: '\e440'; -} - -.mui-icon-circle-filled:before -{ - content: '\e441'; -} - -.mui-icon-checkbox-filled:before -{ - content: '\e442'; -} - -.mui-icon-closeempty:before -{ - content: '\e460'; -} - -.mui-icon-refreshempty:before -{ - content: '\e461'; -} - -.mui-icon-reload:before -{ - content: '\e462'; -} - -.mui-icon-starhalf:before -{ - content: '\e463'; -} - -.mui-icon-spinner:before -{ - content: '\e464'; -} - -.mui-icon-spinner-cycle:before -{ - content: '\e465'; -} - -.mui-icon-search:before -{ - content: '\e466'; -} - -.mui-icon-plusempty:before -{ - content: '\e468'; -} - -.mui-icon-forward:before -{ - content: '\e470'; -} - -.mui-icon-back:before, .mui-icon-left-nav:before -{ - content: '\e471'; -} - -.mui-icon-checkmarkempty:before -{ - content: '\e472'; -} - -.mui-icon-home:before -{ - content: '\e500'; -} - -.mui-icon-navigate:before -{ - content: '\e501'; -} - -.mui-icon-gear:before -{ - content: '\e502'; -} - -.mui-icon-paperplane:before -{ - content: '\e503'; -} - -.mui-icon-info:before -{ - content: '\e504'; -} - -.mui-icon-help:before -{ - content: '\e505'; -} - -.mui-icon-locked:before -{ - content: '\e506'; -} - -.mui-icon-more:before -{ - content: '\e507'; -} - -.mui-icon-flag:before -{ - content: '\e508'; -} - -.mui-icon-home-filled:before -{ - content: '\e530'; -} - -.mui-icon-gear-filled:before -{ - content: '\e532'; -} - -.mui-icon-info-filled:before -{ - content: '\e534'; -} - -.mui-icon-help-filled:before -{ - content: '\e535'; -} - -.mui-icon-more-filled:before -{ - content: '\e537'; -} - -.mui-icon-settings:before -{ - content: '\e560'; -} - -.mui-icon-list:before -{ - content: '\e562'; -} - -.mui-icon-bars:before -{ - content: '\e563'; -} - -.mui-icon-loop:before -{ - content: '\e565'; -} - -.mui-icon-paperclip:before -{ - content: '\e567'; -} - -.mui-icon-eye:before -{ - content: '\e568'; -} - -.mui-icon-arrowup:before -{ - content: '\e580'; -} - -.mui-icon-arrowdown:before -{ - content: '\e581'; -} - -.mui-icon-arrowleft:before -{ - content: '\e582'; -} - -.mui-icon-arrowright:before -{ - content: '\e583'; -} - -.mui-icon-arrowthinup:before -{ - content: '\e584'; -} - -.mui-icon-arrowthindown:before -{ - content: '\e585'; -} - -.mui-icon-arrowthinleft:before -{ - content: '\e586'; -} - -.mui-icon-arrowthinright:before -{ - content: '\e587'; -} - -.mui-icon-pulldown:before -{ - content: '\e588'; -} - -.mui-fullscreen -{ - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.mui-fullscreen.mui-slider .mui-slider-group -{ - height: 100%; -} -.mui-fullscreen .mui-segmented-control ~ .mui-slider-group -{ - /*position: absolute;*/ - top: 40px; - bottom: 0; - - width: 100%; - height: auto; -} -.mui-fullscreen.mui-slider .mui-slider-item > a -{ - top: 50%; - - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item > a -{ - top: auto; - - -webkit-transform: none; - transform: none; -} - -.mui-bar-nav ~ .mui-content .mui-slider.mui-fullscreen -{ - top: 44px; -} - -.mui-bar-tab ~ .mui-content .mui-slider.mui-fullscreen .mui-segmented-control ~ .mui-slider-group -{ - bottom: 50px; -} - -.mui-android.mui-android-4-0 input:focus, -.mui-android.mui-android-4-0 textarea:focus -{ - -webkit-user-modify: inherit; -} - -.mui-android.mui-android-4-2 input, -.mui-android.mui-android-4-2 textarea, .mui-android.mui-android-4-3 input, -.mui-android.mui-android-4-3 textarea -{ - -webkit-user-select: text; -} - -.mui-ios .mui-table-view-cell -{ - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.mui-plus-visible, .mui-wechat-visible -{ - display: none !important; -} - -.mui-plus-hidden, .mui-wechat-hidden -{ - display: block !important; -} - -.mui-tab-item.mui-plus-hidden, .mui-tab-item.mui-wechat-hidden -{ - display: table-cell !important; -} - -.mui-plus .mui-plus-visible, .mui-wechat .mui-wechat-visible -{ - display: block !important; -} - -.mui-plus .mui-tab-item.mui-plus-visible, .mui-wechat .mui-tab-item.mui-wechat-visible -{ - display: table-cell !important; -} - -.mui-plus .mui-plus-hidden, .mui-wechat .mui-wechat-hidden -{ - display: none !important; -} - -.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav -{ - height: 64px; - padding-top: 20px; -} -.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav ~ .mui-content -{ - padding-top: 64px; -} -.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav ~ .mui-content .mui-pull-top-pocket -{ - top: 64px; -} -.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary -{ - top: 64px; -} -.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary ~ .mui-content -{ - padding-top: 94px; -} - -.mui-iframe-wrapper -{ - position: absolute; - right: 0; - left: 0; - - -webkit-overflow-scrolling: touch; -} -.mui-iframe-wrapper iframe -{ - width: 100%; - height: 100%; - - border: 0; -} -/*.tongzhigonggaoDetail { - padding-top:44px ; - background: #fff; -} -.tongzhigonggaoDetail .header { - position: fixed; - top: 0; - left: 0; - height: 44px; - line-height: 44px; - width:100%; - text-align: center; - background: #3278cb; -} -.tongzhigonggaoDetail .header h1 { - padding: 0; - margin: 0; - font-size: 17px; - font-weight: 500; - color: #fff; -} -.tongzhigonggaoDetail .header .back { - width: 30px; - height: 40px; - color: #fff; - font-size: 24px; - position: absolute; - left: 0; - top: 0; - z-index: 20; - background: url(../../../images/icon/back.png) no-repeat center; - background-size: 20px 20px; -} -.tongzhigonggaoDetail .xinwen-title { - text-align: center; - color: #4f86dd; - font-weight:600; -} - -.xinwenDetail { - padding-top:44px ; - background: #fff; -} -.xinwenDetail .header { - position: fixed; - top: 0; - left: 0; - height: 44px; - line-height: 44px; - width:100%; - text-align: center; - background: #3278cb; -} -.xinwenDetail .header h1 { - padding: 0; - margin: 0; - font-size: 17px; - font-weight: 500; - color: #fff; -} -.xinwenDetail .header .back { - width: 30px; - height: 40px; - color: #fff; - font-size: 24px; - position: absolute; - left: 0; - top: 0; - z-index: 20; - background: url(../../../images/icon/back.png) no-repeat center; - background-size: 20px 20px; -} -.xinwenDetail .xinwen-title { - text-align: center; - color: #4f86dd; - font-weight:600; -} -*/ diff --git a/css/style.css b/css/style.css index 465276c..b2794fc 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,4 @@ +@charset "utf-8"; body, h1, h2, @@ -33,6 +34,7 @@ input, select, textarea { font: 12px/1.5tahoma, arial, \5b8b\4f53; + font-family: "Fredoka One", cursive; } h1, @@ -119,3 +121,1123 @@ table { .clearfix:after { clear: both; } + + + #app { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100%; + background: rgba(249, 249, 249, 0.9); + overflow: hidden; + } + + .text-wrapper { + padding: 0 1rem; + max-width: 50rem; + width: 100%; + text-align: center; + } + + .text { + font-size: 8em; + text-transform: uppercase; + letter-spacing: -14px; + } + + .text .letter { + position: relative; + display: inline-block; + -webkit-transition: all .4s; + transition: all .4s; + } + + .text .letter .character { + opacity: 0.65; + -webkit-transition: color .4s; + transition: color .4s; + cursor: pointer; + } + + .text .letter span { + position: absolute; + bottom: .8rem; + left: .4rem; + display: block; + width: 100%; + height: 15px; + } + + .text .letter span::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 0; + height: 0; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + } + + .text .letter:hover .character { + color: #fff !important; + } + + .text.part1 .letter:nth-child(1).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing1 1.4s ease-in-out infinite alternate; + animation: poofing1 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing1 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(459deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(459deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing1 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(459deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(459deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(1) .character { + color: #f44336; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 0.33333s; + animation-delay: 0.33333s; + } + + .text.part1 .letter:nth-child(1) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 0.33333s; + animation-delay: 0.33333s; + } + + .text.part1 .letter:nth-child(2).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing2 1.4s ease-in-out infinite alternate; + animation: poofing2 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing2 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(540deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(540deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing2 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(540deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(540deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(2) .character { + color: #9C27B0; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 0.66667s; + animation-delay: 0.66667s; + } + + .text.part1 .letter:nth-child(2) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 0.66667s; + animation-delay: 0.66667s; + } + + .text.part1 .letter:nth-child(3).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing3 1.4s ease-in-out infinite alternate; + animation: poofing3 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing3 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(264deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(264deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing3 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(264deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(264deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(3) .character { + color: #f99b0c; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 1s; + animation-delay: 1s; + } + + .text.part1 .letter:nth-child(3) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 1s; + animation-delay: 1s; + } + + .text.part1 .letter:nth-child(4).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing4 1.4s ease-in-out infinite alternate; + animation: poofing4 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing4 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(42deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(42deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(42deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(42deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing4 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(42deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(42deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(42deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(42deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(4) .character { + color: #cee007; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 1.33333s; + animation-delay: 1.33333s; + } + + .text.part1 .letter:nth-child(4) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 1.33333s; + animation-delay: 1.33333s; + } + + .text.part1 .letter:nth-child(5).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing5 1.4s ease-in-out infinite alternate; + animation: poofing5 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing5 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(384deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(384deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(384deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(384deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing5 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(384deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(384deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(384deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(384deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(5) .character { + color: #00c6b2; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 1.66667s; + animation-delay: 1.66667s; + } + + .text.part1 .letter:nth-child(5) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 1.66667s; + animation-delay: 1.66667s; + } + + .text.part1 .letter:nth-child(6).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing6 1.4s ease-in-out infinite alternate; + animation: poofing6 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing6 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing6 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(6) .character { + color: #f44336; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 2s; + animation-delay: 2s; + } + + .text.part1 .letter:nth-child(6) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 2s; + animation-delay: 2s; + } + + .text.part1 .letter:nth-child(7).poofed { + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation: poofing7 1.4s ease-in-out infinite alternate; + animation: poofing7 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes poofing7 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes poofing7 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(156deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part1 .letter:nth-child(7) .character { + color: #4CAF50; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 2s; + animation-delay: 2.5s; + } + + .text.part1 .letter:nth-child(7) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 2s; + animation-delay: 3s; + } + + .text.part2 span:nth-child(1).poofed { + -webkit-animation: sec_poofing1 1.4s ease-in-out infinite alternate; + animation: sec_poofing1 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing1 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(268deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(268deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(268deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(268deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing1 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(268deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(268deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(268deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(268deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(1) .character { + color: #ff5a5f; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 2.33333s; + animation-delay: 2.33333s; + } + + .text.part2 span:nth-child(1) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 2.33333s; + animation-delay: 2.33333s; + } + + .text.part2 span:nth-child(2).poofed { + -webkit-animation: sec_poofing2 1.4s ease-in-out infinite alternate; + animation: sec_poofing2 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing2 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(135deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(135deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(135deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(135deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing2 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(135deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(135deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(135deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(135deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(2) .character { + color: #f99b0c; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 2.66667s; + animation-delay: 2.66667s; + } + + .text.part2 span:nth-child(2) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 2.66667s; + animation-delay: 2.66667s; + } + + .text.part2 span:nth-child(3).poofed { + -webkit-animation: sec_poofing3 1.4s ease-in-out infinite alternate; + animation: sec_poofing3 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing3 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(442deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(442deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(442deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(442deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing3 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(442deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(442deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(442deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(442deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(3) .character { + color: #cee007; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 3s; + animation-delay: 3s; + } + + .text.part2 span:nth-child(3) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 3s; + animation-delay: 3s; + } + + .text.part2 span:nth-child(4).poofed { + -webkit-animation: sec_poofing4 1.4s ease-in-out infinite alternate; + animation: sec_poofing4 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing4 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(525deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(525deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(525deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(525deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing4 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(525deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(525deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(525deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(525deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(4) .character { + color: #00c6b2; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 3.33333s; + animation-delay: 3.33333s; + } + + .text.part2 span:nth-child(4) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 3.33333s; + animation-delay: 3.33333s; + } + + .text.part2 span:nth-child(5).poofed { + -webkit-animation: sec_poofing5 1.4s ease-in-out infinite alternate; + animation: sec_poofing5 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing5 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(419deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(419deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(419deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(419deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing5 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(419deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(419deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(419deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(419deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(5) .character { + color: #4e2a84; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 3.66667s; + animation-delay: 3.66667s; + } + + .text.part2 span:nth-child(5) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 3.66667s; + animation-delay: 3.66667s; + } + + .text.part2 span:nth-child(6).poofed { + -webkit-animation: sec_poofing6 1.4s ease-in-out infinite alternate; + animation: sec_poofing6 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing6 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(246deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(246deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(246deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(246deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing6 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(246deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(246deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(246deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(246deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(6) .character { + color: #9C27B0; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 4s; + animation-delay: 4s; + } + + .text.part2 span:nth-child(6) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 4s; + animation-delay: 4s; + } + + .text.part2 span:nth-child(7).poofed { + -webkit-animation: sec_poofing7 1.4s ease-in-out infinite alternate; + animation: sec_poofing7 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing7 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(206deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(206deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(206deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(206deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing7 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(206deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(206deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(206deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(206deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(7) .character { + color: #f99b0c; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 4.33333s; + animation-delay: 4.33333s; + } + + .text.part2 span:nth-child(7) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 4.33333s; + animation-delay: 4.33333s; + } + + .text.part2 span:nth-child(8).poofed { + -webkit-animation: sec_poofing8 1.4s ease-in-out infinite alternate; + animation: sec_poofing8 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing8 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(60deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(60deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(60deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(60deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing8 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(60deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(60deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(60deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(60deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(8) .character { + color: #cee007; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 4.66667s; + animation-delay: 4.66667s; + } + + .text.part2 span:nth-child(8) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 4.66667s; + animation-delay: 4.66667s; + } + + .text.part2 span:nth-child(9).poofed { + -webkit-animation: sec_poofing9 1.4s ease-in-out infinite alternate; + animation: sec_poofing9 1.4s ease-in-out infinite alternate; + } + + @-webkit-keyframes sec_poofing9 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(496deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(496deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(496deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(496deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + @keyframes sec_poofing9 { + 0% { + -webkit-transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(0) translateY(0px) scale(1); + } + 50% { + -webkit-transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(0deg) rotateY(360deg) translateY(0px) scale(1); + } + 56% { + -webkit-transform: rotateZ(496deg) rotateY(360deg) translateY(0px) scale(1); + transform: rotateZ(496deg) rotateY(360deg) translateY(0px) scale(1); + } + 100% { + -webkit-transform: rotateZ(496deg) rotateY(360deg) translateY(-700px) scale(0.01); + transform: rotateZ(496deg) rotateY(360deg) translateY(-700px) scale(0.01); + } + } + + .text.part2 span:nth-child(9) .character { + color: #00c6b2; + -webkit-animation: wave 1.2s linear infinite; + animation: wave 1.2s linear infinite; + -webkit-animation-delay: 5s; + animation-delay: 5s; + } + + .text.part2 span:nth-child(9) span::before { + -webkit-animation: shadow 1.2s linear infinite; + animation: shadow 1.2s linear infinite; + -webkit-animation-delay: 5s; + animation-delay: 5s; + } + + @-webkit-keyframes wave { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 50% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + } + + @keyframes wave { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 50% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + } + + @-webkit-keyframes shadow { + 0% { + width: 0; + height: 0; + } + 50% { + width: 100%; + height: 100%; + } + 100% { + width: 0; + height: 0; + } + } + + @keyframes shadow { + 0% { + width: 0; + height: 0; + } + 50% { + width: 100%; + height: 100%; + } + 100% { + width: 0; + height: 0; + } + } + + .how-to { + margin: 2rem 0 2rem 1rem; + font-family: "Opens Sans", sans-serif; + font-weight: 300; + font-size: .85em; + letter-spacing: 4px; + color: rgba(0, 0, 0, 0.8); + } + + @-webkit-keyframes rotate { + 0% { + -webkit-transform: rotateZ(0) scale(0.7); + transform: rotateZ(0) scale(0.7); + } + 100% { + -webkit-transform: rotateZ(360deg) scale(0.7); + transform: rotateZ(360deg) scale(0.7); + } + } + + @keyframes rotate { + 0% { + -webkit-transform: rotateZ(0) scale(0.7); + transform: rotateZ(0) scale(0.7); + } + 100% { + -webkit-transform: rotateZ(360deg) scale(0.7); + transform: rotateZ(360deg) scale(0.7); + } + } + + @media only screen and (max-width: 767px) { + .text { + font-size: 6em; + } + .text .letter span { + bottom: .5rem; + } + } + + @media only screen and (max-width: 480px) { + .text { + font-size: 4em; + } + .text .letter span { + bottom: 0; + } + } \ No newline at end of file diff --git a/example/pdfh5-vue/package.json b/example/pdfh5-vue/package.json index 9331596..b756426 100644 --- a/example/pdfh5-vue/package.json +++ b/example/pdfh5-vue/package.json @@ -10,7 +10,7 @@ "build": "node build/build.js" }, "dependencies": { - "pdfh5": "^1.2.19", + "pdfh5": "^1.2.20", "vue": "^2.5.2" }, "devDependencies": { diff --git a/example/test/js/pdfh5.js b/example/test/js/pdfh5.js index f786daa..1870207 100644 --- a/example/test/js/pdfh5.js +++ b/example/test/js/pdfh5.js @@ -1 +1 @@ -!function(t,e){var i="1.2.19",n="2.1.266";console.log("The latest version and API of pdfh5 from: https://www.gjtool.cn (pdf.js: "+n+" , pdfh5.js: "+i+")"),"undefined"!=typeof require&&(void 0===t.$&&(t.$=require("./jquery-1.11.3.min.js")),t.pdfjsWorker=require("./pdf.worker.js"),t.pdfjsLib=require("./pdf.js"));var a=t.pdfjsLib,o=t.$,s=t.pdfjsWorker;"function"==typeof define&&define.amd?define(function(){return e(t,s,a,o,i)}):"undefined"!=typeof module&&module.exports?module.exports=e(t,s,a,o,i):t.Pdfh5=e(t,s,a,o,i)}("undefined"!=typeof window?window:this,function(t,e,i,n,a){"use strict";var o=function(e){var i=function(t,i,n){this.el=e(t),this.viewerContainer=n,this.zoomFactor=1,this.lastScale=1,this.offset={x:0,y:0},this.options=e.extend({},this.defaults,i),this.options.tapZoomFactor=isNaN(i.tapZoomFactor)?2:i.tapZoomFactor,this.options.zoomOutFactor=isNaN(i.zoomOutFactor)?1.2:i.zoomOutFactor,this.options.animationDuration=isNaN(i.animationDuration)?300:i.animationDuration,this.options.maxZoom=isNaN(i.maxZoom)?4:i.maxZoom,this.options.minZoom=isNaN(i.minZoom)?.8:i.minZoom,this.setupMarkup(),this.bindEvents(),this.update(),this.enable(),this.height=0,this.load=!1,this.direction=null,this.clientY=null,this.lastclientY=null},n=function(t,e){return t+e},a=function(t,e){return t>e-.01&&t1){var e=this.getTouches(t)[0];this.drag(e,this.lastDragPosition,t),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e}},handleDragEnd:function(){this.el.trigger(this.options.dragEndEventName),this.end()},handleZoomStart:function(t){this.el.trigger(this.options.zoomStartEventName),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var i=this.getTouchCenter(this.getTouches(t)),n=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(n,i),this.drag(i,this.lastZoomCenter)),this.lastZoomCenter=i},handleZoomEnd:function(){this.el.trigger(this.options.zoomEndEventName),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],i=this.zoomFactor>1?1:this.options.tapZoomFactor,n=this.zoomFactor,a=function(t){this.scaleTo(n+t*(i-n),e)}.bind(this);this.hasInteraction||(n>i&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,a,this.swing),this.el.trigger(this.options.doubleTapEventName))},sanitizeOffset:function(t){var e=(this.zoomFactor-1)*this.getContainerX(),i=(this.zoomFactor-1)*this.getContainerY(),n=Math.max(e,0),a=Math.max(i,0),o=Math.min(e,0),s=Math.min(i,0),r=Math.min(Math.max(t.x,o),n),h=Math.min(Math.max(t.y,s),a);return{x:r,y:h}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)})},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},drag:function(t,e,i){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):(t.y-e.y<0?this.direction="down":t.y-e.y>10&&(this.direction="up"),this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)})))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map(function(t){return t.x}).reduce(n)/t.length,y:t.map(function(t){return t.y}).reduce(n)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor=t?(e(1),n&&n(),this.update(),this.stopAnimation(),this.update()):(i&&(r=i(r)),e(r),this.update(),requestAnimationFrame(o))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(o)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.el[0]?this.el[0].offsetWidth:0},getContainerY:function(){return this.el[0].offsetHeight},setContainerY:function(t){return t=t.toFixed(2),this.container.height(t)},setupMarkup:function(){this.container=e('
'),this.el.before(this.container),this.container.append(this.el),this.container.css({position:"relative"}),this.el.css({"-webkit-transform-origin":"0% 0%","-moz-transform-origin":"0% 0%","-ms-transform-origin":"0% 0%","-o-transform-origin":"0% 0%","transform-origin":"0% 0%",position:"relative"})},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){o(this.container.eq(0),this,this.viewerContainer),e(t).on("resize",this.update.bind(this)),e(this.el).find("img").on("load",this.update.bind(this))},update:function(){this.updatePlaned||(this.updatePlaned=!0,setTimeout(function(){this.updatePlaned=!1,this.updateAspectRatio();var t=this.getInitialZoomFactor()*this.zoomFactor,e=(-this.offset.x/t).toFixed(3),i=(-this.offset.y/t).toFixed(3);this.lastclientY=i;var n="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+i+"px,0px)",a="scale("+t+", "+t+") translate("+e+"px,"+i+"px)";(function(){this.clone&&(this.clone.remove(),delete this.clone)}).bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,this.el.css({"-webkit-transform":n,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:n})):(this.el.css({"-webkit-transform":a,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:a}),this.is3d=!1),this.done&&this.done.call(this,t)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){var t=this.el.clone(),e=this.container.parent();this.container.remove(),t.removeAttr("style"),e.append(t)}};var o=function(t,e,i){var n=null,a=0,o=null,s=null,r=null,h=null,c=0,l=0,d=function(t,i){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(i);break;case"drag":e.handleDragEnd(i)}switch(t){case"zoom":e.handleZoomStart(i);break;case"drag":e.handleDragStart(i)}}n=t},f=function(t){2===a?d("zoom"):1===a&&e.canDrag()?d("drag",t):d(null,t)},u=function(t){return Array.prototype.slice.call(t).map(function(t){return{x:t.pageX,y:t.pageY}})},m=function(t,e){var i,n;return i=t.x-e.x,n=t.y-e.y,Math.sqrt(i*i+n*n)},p=function(t,e){var i=m(t[0],t[1]),n=m(e[0],e[1]);return n/i},g=function(t){t.stopPropagation(),t.preventDefault()},v=function(t){var i=(new Date).getTime(),s=t.changedTouches[0].pageY,h=w.scrollTop||0;if(a>1&&(o=null,r=null,g(t)),i-o<300&&Math.abs(s-r)<10&&Math.abs(l-h)<10)switch(g(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}1===a&&(o=i,r=s,l=h)},y=!0;if(i)var w=i[0];w&&(w.addEventListener("touchstart",function(t){e.enabled&&(y=!0,a=t.touches.length,v(t),h=t.changedTouches[0].clientY,a>1&&g(t))}),w.addEventListener("touchmove",function(t){if(e.enabled){if(c=t.changedTouches[0].clientY,y)f(t),s=u(t.touches);else{switch(n){case"zoom":e.handleZoom(t,p(s,u(t.touches)));break;case"drag":e.handleDrag(t)}n&&e.update(c)}a>1&&g(t),y=!1}}),w.addEventListener("touchend",function(t){e.enabled&&(a=t.touches.length,a>1&&g(t),f(t))}))};return i},s=o(n),r=function(t,e){this.version=a,this.container=n(t),this.thePDF=null,this.totalNum=null,this.pages=null,this.initTime=0,this.scale=1.3,this.currentNum=1,this.loadedCount=0,this.endTime=0,this.pinchZoom=null,this.timer=null,this.docWidth=document.documentElement.clientWidth,this.winWidth=n(window).width(),this.eventType={},this.cache={},this.cacheNum=1,this.options=e,this.resizeEvent=!1,this.init(e)};return r.prototype={init:function(e){function i(e){var i=new RegExp("(^|&)"+e+"=([^&]*)(&|$)"),n=t.location.search.substr(1).match(i);return null!=n?decodeURIComponent(n[2]):""}this.container[0].pdfLoaded&&this.destroy(),this.container[0].pdfLoaded=!1,this.container.addClass("pdfjs");var a=this;this.initTime=(new Date).getTime(),setTimeout(function(){var t=a.eventType.scroll;if(t&&t instanceof Array)for(var e=0;e=150?e.backTop&&a.backTop.show():e.backTop&&a.backTop.fadeOut(200),a.viewerContainer&&(a.pages=a.viewerContainer.find(".pageContainer")),clearTimeout(a.timer),e.pageNum&&a.pageNum&&a.pageNum.show();var i=h;if(a.pages&&a.pages.each(function(t,n){var o=n.getBoundingClientRect().top,s=n.getBoundingClientRect().bottom;o<=c&&s>c&&(e.pageNum&&a.pageNow.text(t+1),a.currentNum=t+1),o<=i&&s>i&&(a.cacheNum=t+1)}),t+a.container.height()>=a.viewer[0].offsetHeight&&a.pageNow.text(a.totalNum),0===t&&a.pageNow.text(1),a.timer=setTimeout(function(){e.pageNum&&a.pageNum&&a.pageNum.fadeOut(200)},1500),e.lazy){var n=Math.floor(100/a.totalNum).toFixed(2);if(!a.cache[a.cacheNum+""].loaded){var o=a.cache[a.cacheNum+""].page,s=a.cache[a.cacheNum+""].container,l=a.cacheNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}if(a.cache[a.totalNum-1+""].loaded&&!a.cache[a.totalNum+""].loaded){var o=a.cache[a.totalNum+""].page,s=a.cache[a.totalNum+""].container,l=a.totalNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}}var f=a.eventType.scroll;if(f&&f instanceof Array)for(var u=0;ud&&t.lazy))return"svg"===t.renderType?a.renderSvg(i,r,e,h,c,t,o):a.renderCanvas(i,r,e,h,c,t)})}.bind(null,o))}).catch(function(t){a.loading.hide();var e=(new Date).getTime();a.endTime=e-a.initTime;var i=a.eventType.complete;if(i&&i instanceof Array)for(var n=0;ne-.01&&t1){var e=this.getTouches(t)[0];this.drag(e,this.lastDragPosition,t),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e}},handleDragEnd:function(){this.el.trigger(this.options.dragEndEventName),this.end()},handleZoomStart:function(t){this.el.trigger(this.options.zoomStartEventName),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var i=this.getTouchCenter(this.getTouches(t)),n=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(n,i),this.drag(i,this.lastZoomCenter)),this.lastZoomCenter=i},handleZoomEnd:function(){this.el.trigger(this.options.zoomEndEventName),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],i=this.zoomFactor>1?1:this.options.tapZoomFactor,n=this.zoomFactor,a=function(t){this.scaleTo(n+t*(i-n),e)}.bind(this);this.hasInteraction||(n>i&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,a,this.swing),this.el.trigger(this.options.doubleTapEventName))},sanitizeOffset:function(t){var e=(this.zoomFactor-1)*this.getContainerX(),i=(this.zoomFactor-1)*this.getContainerY(),n=Math.max(e,0),a=Math.max(i,0),o=Math.min(e,0),s=Math.min(i,0),r=Math.min(Math.max(t.x,o),n),h=Math.min(Math.max(t.y,s),a);return{x:r,y:h}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)})},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},drag:function(t,e,i){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):(t.y-e.y<0?this.direction="down":t.y-e.y>10&&(this.direction="up"),this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)})))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map(function(t){return t.x}).reduce(n)/t.length,y:t.map(function(t){return t.y}).reduce(n)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor=t?(e(1),n&&n(),this.update(),this.stopAnimation(),this.update()):(i&&(r=i(r)),e(r),this.update(),requestAnimationFrame(o))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(o)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.el[0]?this.el[0].offsetWidth:0},getContainerY:function(){return this.el[0].offsetHeight},setContainerY:function(t){return t=t.toFixed(2),this.container.height(t)},setupMarkup:function(){this.container=e('
'),this.el.before(this.container),this.container.append(this.el),this.container.css({position:"relative"}),this.el.css({"-webkit-transform-origin":"0% 0%","-moz-transform-origin":"0% 0%","-ms-transform-origin":"0% 0%","-o-transform-origin":"0% 0%","transform-origin":"0% 0%",position:"relative"})},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){o(this.container.eq(0),this,this.viewerContainer),e(t).on("resize",this.update.bind(this)),e(this.el).find("img").on("load",this.update.bind(this))},update:function(){this.updatePlaned||(this.updatePlaned=!0,setTimeout(function(){this.updatePlaned=!1,this.updateAspectRatio();var t=this.getInitialZoomFactor()*this.zoomFactor,e=(-this.offset.x/t).toFixed(3),i=(-this.offset.y/t).toFixed(3);this.lastclientY=i;var n="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+i+"px,0px)",a="scale("+t+", "+t+") translate("+e+"px,"+i+"px)";(function(){this.clone&&(this.clone.remove(),delete this.clone)}).bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,this.el.css({"-webkit-transform":n,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:n})):(this.el.css({"-webkit-transform":a,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:a}),this.is3d=!1),this.done&&this.done.call(this,t)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){var t=this.el.clone(),e=this.container.parent();this.container.remove(),t.removeAttr("style"),e.append(t)}};var o=function(t,e,i){var n=null,a=0,o=null,s=null,r=null,h=null,c=0,l=0,d=function(t,i){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(i);break;case"drag":e.handleDragEnd(i)}switch(t){case"zoom":e.handleZoomStart(i);break;case"drag":e.handleDragStart(i)}}n=t},f=function(t){2===a?d("zoom"):1===a&&e.canDrag()?d("drag",t):d(null,t)},u=function(t){return Array.prototype.slice.call(t).map(function(t){return{x:t.pageX,y:t.pageY}})},m=function(t,e){var i,n;return i=t.x-e.x,n=t.y-e.y,Math.sqrt(i*i+n*n)},p=function(t,e){var i=m(t[0],t[1]),n=m(e[0],e[1]);return n/i},g=function(t){t.stopPropagation(),t.preventDefault()},v=function(t){var i=(new Date).getTime(),s=t.changedTouches[0].pageY,h=w.scrollTop||0;if(a>1&&(o=null,r=null,g(t)),i-o<300&&Math.abs(s-r)<10&&Math.abs(l-h)<10)switch(g(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}1===a&&(o=i,r=s,l=h)},y=!0;if(i)var w=i[0];w&&(w.addEventListener("touchstart",function(t){e.enabled&&(y=!0,a=t.touches.length,v(t),h=t.changedTouches[0].clientY,a>1&&g(t))}),w.addEventListener("touchmove",function(t){if(e.enabled){if(c=t.changedTouches[0].clientY,y)f(t),s=u(t.touches);else{switch(n){case"zoom":e.handleZoom(t,p(s,u(t.touches)));break;case"drag":e.handleDrag(t)}n&&e.update(c)}a>1&&g(t),y=!1}}),w.addEventListener("touchend",function(t){e.enabled&&(a=t.touches.length,a>1&&g(t),f(t))}))};return i},s=o(n),r=function(t,e){this.version=a,this.container=n(t),this.thePDF=null,this.totalNum=null,this.pages=null,this.initTime=0,this.scale=1.3,this.currentNum=1,this.loadedCount=0,this.endTime=0,this.pinchZoom=null,this.timer=null,this.docWidth=document.documentElement.clientWidth,this.winWidth=n(window).width(),this.eventType={},this.cache={},this.cacheNum=1,this.options=e,this.resizeEvent=!1,this.init(e)};return r.prototype={init:function(e){function i(e){var i=new RegExp("(^|&)"+e+"=([^&]*)(&|$)"),n=t.location.search.substr(1).match(i);return null!=n?decodeURIComponent(n[2]):""}this.container[0].pdfLoaded&&this.destroy(),this.container[0].pdfLoaded=!1,this.container.addClass("pdfjs");var a=this;this.initTime=(new Date).getTime(),setTimeout(function(){var t=a.eventType.scroll;if(t&&t instanceof Array)for(var e=0;e=150?e.backTop&&a.backTop.show():e.backTop&&a.backTop.fadeOut(200),a.viewerContainer&&(a.pages=a.viewerContainer.find(".pageContainer")),clearTimeout(a.timer),e.pageNum&&a.pageNum&&a.pageNum.show();var i=h;if(a.pages&&a.pages.each(function(t,n){var o=n.getBoundingClientRect().top,s=n.getBoundingClientRect().bottom;o<=c&&s>c&&(e.pageNum&&a.pageNow.text(t+1),a.currentNum=t+1),o<=i&&s>i&&(a.cacheNum=t+1)}),t+a.container.height()>=a.viewer[0].offsetHeight&&a.pageNow.text(a.totalNum),0===t&&a.pageNow.text(1),a.timer=setTimeout(function(){e.pageNum&&a.pageNum&&a.pageNum.fadeOut(200)},1500),e.lazy){var n=Math.floor(100/a.totalNum).toFixed(2);if(!a.cache[a.cacheNum+""].loaded){var o=a.cache[a.cacheNum+""].page,s=a.cache[a.cacheNum+""].container,l=a.cacheNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}if(a.cache[a.totalNum-1+""].loaded&&!a.cache[a.totalNum+""].loaded){var o=a.cache[a.totalNum+""].page,s=a.cache[a.totalNum+""].container,l=a.totalNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}}var f=a.eventType.scroll;if(f&&f instanceof Array)for(var u=0;ud&&t.lazy))return"svg"===t.renderType?a.renderSvg(i,r,e,h,c,t,o):a.renderCanvas(i,r,e,h,c,t)})}.bind(null,o))}).catch(function(t){a.loading.hide();var e=(new Date).getTime();a.endTime=e-a.initTime;var i=a.eventType.complete;if(i&&i instanceof Array)for(var n=0;ne-.01&&t1){var e=this.getTouches(t)[0];this.drag(e,this.lastDragPosition,t),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e}},handleDragEnd:function(){this.el.trigger(this.options.dragEndEventName),this.end()},handleZoomStart:function(t){this.el.trigger(this.options.zoomStartEventName),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var i=this.getTouchCenter(this.getTouches(t)),n=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(n,i),this.drag(i,this.lastZoomCenter)),this.lastZoomCenter=i},handleZoomEnd:function(){this.el.trigger(this.options.zoomEndEventName),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],i=this.zoomFactor>1?1:this.options.tapZoomFactor,n=this.zoomFactor,a=function(t){this.scaleTo(n+t*(i-n),e)}.bind(this);this.hasInteraction||(n>i&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,a,this.swing),this.el.trigger(this.options.doubleTapEventName))},sanitizeOffset:function(t){var e=(this.zoomFactor-1)*this.getContainerX(),i=(this.zoomFactor-1)*this.getContainerY(),n=Math.max(e,0),a=Math.max(i,0),o=Math.min(e,0),s=Math.min(i,0),r=Math.min(Math.max(t.x,o),n),h=Math.min(Math.max(t.y,s),a);return{x:r,y:h}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)})},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},drag:function(t,e,i){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):(t.y-e.y<0?this.direction="down":t.y-e.y>10&&(this.direction="up"),this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)})))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map(function(t){return t.x}).reduce(n)/t.length,y:t.map(function(t){return t.y}).reduce(n)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor=t?(e(1),n&&n(),this.update(),this.stopAnimation(),this.update()):(i&&(r=i(r)),e(r),this.update(),requestAnimationFrame(o))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(o)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.el[0]?this.el[0].offsetWidth:0},getContainerY:function(){return this.el[0].offsetHeight},setContainerY:function(t){return t=t.toFixed(2),this.container.height(t)},setupMarkup:function(){this.container=e('
'),this.el.before(this.container),this.container.append(this.el),this.container.css({position:"relative"}),this.el.css({"-webkit-transform-origin":"0% 0%","-moz-transform-origin":"0% 0%","-ms-transform-origin":"0% 0%","-o-transform-origin":"0% 0%","transform-origin":"0% 0%",position:"relative"})},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){o(this.container.eq(0),this,this.viewerContainer),e(t).on("resize",this.update.bind(this)),e(this.el).find("img").on("load",this.update.bind(this))},update:function(){this.updatePlaned||(this.updatePlaned=!0,setTimeout(function(){this.updatePlaned=!1,this.updateAspectRatio();var t=this.getInitialZoomFactor()*this.zoomFactor,e=(-this.offset.x/t).toFixed(3),i=(-this.offset.y/t).toFixed(3);this.lastclientY=i;var n="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+i+"px,0px)",a="scale("+t+", "+t+") translate("+e+"px,"+i+"px)";(function(){this.clone&&(this.clone.remove(),delete this.clone)}).bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,this.el.css({"-webkit-transform":n,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:n})):(this.el.css({"-webkit-transform":a,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:a}),this.is3d=!1),this.done&&this.done.call(this,t)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){var t=this.el.clone(),e=this.container.parent();this.container.remove(),t.removeAttr("style"),e.append(t)}};var o=function(t,e,i){var n=null,a=0,o=null,s=null,r=null,h=null,c=0,l=0,d=function(t,i){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(i);break;case"drag":e.handleDragEnd(i)}switch(t){case"zoom":e.handleZoomStart(i);break;case"drag":e.handleDragStart(i)}}n=t},f=function(t){2===a?d("zoom"):1===a&&e.canDrag()?d("drag",t):d(null,t)},u=function(t){return Array.prototype.slice.call(t).map(function(t){return{x:t.pageX,y:t.pageY}})},m=function(t,e){var i,n;return i=t.x-e.x,n=t.y-e.y,Math.sqrt(i*i+n*n)},p=function(t,e){var i=m(t[0],t[1]),n=m(e[0],e[1]);return n/i},g=function(t){t.stopPropagation(),t.preventDefault()},v=function(t){var i=(new Date).getTime(),s=t.changedTouches[0].pageY,h=w.scrollTop||0;if(a>1&&(o=null,r=null,g(t)),i-o<300&&Math.abs(s-r)<10&&Math.abs(l-h)<10)switch(g(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}1===a&&(o=i,r=s,l=h)},y=!0;if(i)var w=i[0];w&&(w.addEventListener("touchstart",function(t){e.enabled&&(y=!0,a=t.touches.length,v(t),h=t.changedTouches[0].clientY,a>1&&g(t))}),w.addEventListener("touchmove",function(t){if(e.enabled){if(c=t.changedTouches[0].clientY,y)f(t),s=u(t.touches);else{switch(n){case"zoom":e.handleZoom(t,p(s,u(t.touches)));break;case"drag":e.handleDrag(t)}n&&e.update(c)}a>1&&g(t),y=!1}}),w.addEventListener("touchend",function(t){e.enabled&&(a=t.touches.length,a>1&&g(t),f(t))}))};return i},s=o(n),r=function(t,e){this.version=a,this.container=n(t),this.thePDF=null,this.totalNum=null,this.pages=null,this.initTime=0,this.scale=1.3,this.currentNum=1,this.loadedCount=0,this.endTime=0,this.pinchZoom=null,this.timer=null,this.docWidth=document.documentElement.clientWidth,this.winWidth=n(window).width(),this.eventType={},this.cache={},this.cacheNum=1,this.options=e,this.resizeEvent=!1,this.init(e)};return r.prototype={init:function(e){function i(e){var i=new RegExp("(^|&)"+e+"=([^&]*)(&|$)"),n=t.location.search.substr(1).match(i);return null!=n?decodeURIComponent(n[2]):""}this.container[0].pdfLoaded&&this.destroy(),this.container[0].pdfLoaded=!1,this.container.addClass("pdfjs");var a=this;this.initTime=(new Date).getTime(),setTimeout(function(){var t=a.eventType.scroll;if(t&&t instanceof Array)for(var e=0;e=150?e.backTop&&a.backTop.show():e.backTop&&a.backTop.fadeOut(200),a.viewerContainer&&(a.pages=a.viewerContainer.find(".pageContainer")),clearTimeout(a.timer),e.pageNum&&a.pageNum&&a.pageNum.show();var i=h;if(a.pages&&a.pages.each(function(t,n){var o=n.getBoundingClientRect().top,s=n.getBoundingClientRect().bottom;o<=c&&s>c&&(e.pageNum&&a.pageNow.text(t+1),a.currentNum=t+1),o<=i&&s>i&&(a.cacheNum=t+1)}),t+a.container.height()>=a.viewer[0].offsetHeight&&a.pageNow.text(a.totalNum),0===t&&a.pageNow.text(1),a.timer=setTimeout(function(){e.pageNum&&a.pageNum&&a.pageNum.fadeOut(200)},1500),e.lazy){var n=Math.floor(100/a.totalNum).toFixed(2);if(!a.cache[a.cacheNum+""].loaded){var o=a.cache[a.cacheNum+""].page,s=a.cache[a.cacheNum+""].container,l=a.cacheNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}if(a.cache[a.totalNum-1+""].loaded&&!a.cache[a.totalNum+""].loaded){var o=a.cache[a.totalNum+""].page,s=a.cache[a.totalNum+""].container,l=a.totalNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}}var f=a.eventType.scroll;if(f&&f instanceof Array)for(var u=0;ud&&t.lazy))return"svg"===t.renderType?a.renderSvg(i,r,e,h,c,t,o):a.renderCanvas(i,r,e,h,c,t)})}.bind(null,o))}).catch(function(t){a.loading.hide();var e=(new Date).getTime();a.endTime=e-a.initTime;var i=a.eventType.complete;if(i&&i instanceof Array)for(var n=0;ne-.01&&t1){var e=this.getTouches(t)[0];this.drag(e,this.lastDragPosition,t),this.offset=this.sanitizeOffset(this.offset),this.lastDragPosition=e}},handleDragEnd:function(){this.el.trigger(this.options.dragEndEventName),this.end()},handleZoomStart:function(t){this.el.trigger(this.options.zoomStartEventName),this.stopAnimation(),this.lastScale=1,this.nthZoom=0,this.lastZoomCenter=!1,this.hasInteraction=!0},handleZoom:function(t,e){var i=this.getTouchCenter(this.getTouches(t)),n=e/this.lastScale;this.lastScale=e,this.nthZoom+=1,this.nthZoom>3&&(this.scale(n,i),this.drag(i,this.lastZoomCenter)),this.lastZoomCenter=i},handleZoomEnd:function(){this.el.trigger(this.options.zoomEndEventName),this.end()},handleDoubleTap:function(t){var e=this.getTouches(t)[0],i=this.zoomFactor>1?1:this.options.tapZoomFactor,n=this.zoomFactor,a=function(t){this.scaleTo(n+t*(i-n),e)}.bind(this);this.hasInteraction||(n>i&&(e=this.getCurrentZoomCenter()),this.animate(this.options.animationDuration,a,this.swing),this.el.trigger(this.options.doubleTapEventName))},sanitizeOffset:function(t){var e=(this.zoomFactor-1)*this.getContainerX(),i=(this.zoomFactor-1)*this.getContainerY(),n=Math.max(e,0),a=Math.max(i,0),o=Math.min(e,0),s=Math.min(i,0),r=Math.min(Math.max(t.x,o),n),h=Math.min(Math.max(t.y,s),a);return{x:r,y:h}},scaleTo:function(t,e){this.scale(t/this.zoomFactor,e)},scale:function(t,e){t=this.scaleZoomFactor(t),this.addOffset({x:(t-1)*(e.x+this.offset.x),y:(t-1)*(e.y+this.offset.y)})},scaleZoomFactor:function(t){var e=this.zoomFactor;return this.zoomFactor*=t,this.zoomFactor=Math.min(this.options.maxZoom,Math.max(this.zoomFactor,this.options.minZoom)),this.zoomFactor/e},drag:function(t,e,i){e&&(this.options.lockDragAxis?Math.abs(t.x-e.x)>Math.abs(t.y-e.y)?this.addOffset({x:-(t.x-e.x),y:0}):this.addOffset({y:-(t.y-e.y),x:0}):(t.y-e.y<0?this.direction="down":t.y-e.y>10&&(this.direction="up"),this.addOffset({y:-(t.y-e.y),x:-(t.x-e.x)})))},getTouchCenter:function(t){return this.getVectorAvg(t)},getVectorAvg:function(t){return{x:t.map(function(t){return t.x}).reduce(n)/t.length,y:t.map(function(t){return t.y}).reduce(n)/t.length}},addOffset:function(t){this.offset={x:this.offset.x+t.x,y:this.offset.y+t.y}},sanitize:function(){this.zoomFactor=t?(e(1),n&&n(),this.update(),this.stopAnimation(),this.update()):(i&&(r=i(r)),e(r),this.update(),requestAnimationFrame(o))}}.bind(this);this.inAnimation=!0,requestAnimationFrame(o)},stopAnimation:function(){this.inAnimation=!1},swing:function(t){return-Math.cos(t*Math.PI)/2+.5},getContainerX:function(){return this.el[0]?this.el[0].offsetWidth:0},getContainerY:function(){return this.el[0].offsetHeight},setContainerY:function(t){return t=t.toFixed(2),this.container.height(t)},setupMarkup:function(){this.container=e('
'),this.el.before(this.container),this.container.append(this.el),this.container.css({position:"relative"}),this.el.css({"-webkit-transform-origin":"0% 0%","-moz-transform-origin":"0% 0%","-ms-transform-origin":"0% 0%","-o-transform-origin":"0% 0%","transform-origin":"0% 0%",position:"relative"})},end:function(){this.hasInteraction=!1,this.sanitize(),this.update()},bindEvents:function(){o(this.container.eq(0),this,this.viewerContainer),e(t).on("resize",this.update.bind(this)),e(this.el).find("img").on("load",this.update.bind(this))},update:function(){this.updatePlaned||(this.updatePlaned=!0,setTimeout(function(){this.updatePlaned=!1,this.updateAspectRatio();var t=this.getInitialZoomFactor()*this.zoomFactor,e=(-this.offset.x/t).toFixed(3),i=(-this.offset.y/t).toFixed(3);this.lastclientY=i;var n="scale3d("+t+", "+t+",1) translate3d("+e+"px,"+i+"px,0px)",a="scale("+t+", "+t+") translate("+e+"px,"+i+"px)";(function(){this.clone&&(this.clone.remove(),delete this.clone)}).bind(this);!this.options.use2d||this.hasInteraction||this.inAnimation?(this.is3d=!0,this.el.css({"-webkit-transform":n,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:n})):(this.el.css({"-webkit-transform":a,"-o-transform":a,"-ms-transform":a,"-moz-transform":a,transform:a}),this.is3d=!1),this.done&&this.done.call(this,t)}.bind(this),0))},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},destroy:function(){var t=this.el.clone(),e=this.container.parent();this.container.remove(),t.removeAttr("style"),e.append(t)}};var o=function(t,e,i){var n=null,a=0,o=null,s=null,r=null,h=null,c=0,l=0,d=function(t,i){if(n!==t){if(n&&!t)switch(n){case"zoom":e.handleZoomEnd(i);break;case"drag":e.handleDragEnd(i)}switch(t){case"zoom":e.handleZoomStart(i);break;case"drag":e.handleDragStart(i)}}n=t},f=function(t){2===a?d("zoom"):1===a&&e.canDrag()?d("drag",t):d(null,t)},u=function(t){return Array.prototype.slice.call(t).map(function(t){return{x:t.pageX,y:t.pageY}})},m=function(t,e){var i,n;return i=t.x-e.x,n=t.y-e.y,Math.sqrt(i*i+n*n)},p=function(t,e){var i=m(t[0],t[1]),n=m(e[0],e[1]);return n/i},g=function(t){t.stopPropagation(),t.preventDefault()},v=function(t){var i=(new Date).getTime(),s=t.changedTouches[0].pageY,h=w.scrollTop||0;if(a>1&&(o=null,r=null,g(t)),i-o<300&&Math.abs(s-r)<10&&Math.abs(l-h)<10)switch(g(t),e.handleDoubleTap(t),n){case"zoom":e.handleZoomEnd(t);break;case"drag":e.handleDragEnd(t)}1===a&&(o=i,r=s,l=h)},y=!0;if(i)var w=i[0];w&&(w.addEventListener("touchstart",function(t){e.enabled&&(y=!0,a=t.touches.length,v(t),h=t.changedTouches[0].clientY,a>1&&g(t))}),w.addEventListener("touchmove",function(t){if(e.enabled){if(c=t.changedTouches[0].clientY,y)f(t),s=u(t.touches);else{switch(n){case"zoom":e.handleZoom(t,p(s,u(t.touches)));break;case"drag":e.handleDrag(t)}n&&e.update(c)}a>1&&g(t),y=!1}}),w.addEventListener("touchend",function(t){e.enabled&&(a=t.touches.length,a>1&&g(t),f(t))}))};return i},s=o(n),r=function(t,e){this.version=a,this.container=n(t),this.thePDF=null,this.totalNum=null,this.pages=null,this.initTime=0,this.scale=1.3,this.currentNum=1,this.loadedCount=0,this.endTime=0,this.pinchZoom=null,this.timer=null,this.docWidth=document.documentElement.clientWidth,this.winWidth=n(window).width(),this.eventType={},this.cache={},this.cacheNum=1,this.options=e,this.resizeEvent=!1,this.init(e)};return r.prototype={init:function(e){function i(e){var i=new RegExp("(^|&)"+e+"=([^&]*)(&|$)"),n=t.location.search.substr(1).match(i);return null!=n?decodeURIComponent(n[2]):""}this.container[0].pdfLoaded&&this.destroy(),this.container[0].pdfLoaded=!1,this.container.addClass("pdfjs");var a=this;this.initTime=(new Date).getTime(),setTimeout(function(){var t=a.eventType.scroll;if(t&&t instanceof Array)for(var e=0;e=150?e.backTop&&a.backTop.show():e.backTop&&a.backTop.fadeOut(200),a.viewerContainer&&(a.pages=a.viewerContainer.find(".pageContainer")),clearTimeout(a.timer),e.pageNum&&a.pageNum&&a.pageNum.show();var i=h;if(a.pages&&a.pages.each(function(t,n){var o=n.getBoundingClientRect().top,s=n.getBoundingClientRect().bottom;o<=c&&s>c&&(e.pageNum&&a.pageNow.text(t+1),a.currentNum=t+1),o<=i&&s>i&&(a.cacheNum=t+1)}),t+a.container.height()>=a.viewer[0].offsetHeight&&a.pageNow.text(a.totalNum),0===t&&a.pageNow.text(1),a.timer=setTimeout(function(){e.pageNum&&a.pageNum&&a.pageNum.fadeOut(200)},1500),e.lazy){var n=Math.floor(100/a.totalNum).toFixed(2);if(!a.cache[a.cacheNum+""].loaded){var o=a.cache[a.cacheNum+""].page,s=a.cache[a.cacheNum+""].container,l=a.cacheNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}if(a.cache[a.totalNum-1+""].loaded&&!a.cache[a.totalNum+""].loaded){var o=a.cache[a.totalNum+""].page,s=a.cache[a.totalNum+""].container,l=a.totalNum;a.cache[l+""].loaded=!0;var d=a.cache[l+""].scaledViewport;"svg"===e.renderType?a.renderSvg(o,d,l,n,s,e):a.renderCanvas(o,d,l,n,s,e)}}var f=a.eventType.scroll;if(f&&f instanceof Array)for(var u=0;ud&&t.lazy))return"svg"===t.renderType?a.renderSvg(i,r,e,h,c,t,o):a.renderCanvas(i,r,e,h,c,t)})}.bind(null,o))}).catch(function(t){a.loading.hide();var e=(new Date).getTime();a.endTime=e-a.initTime;var i=a.eventType.complete;if(i&&i instanceof Array)for(var n=0;nPDFH5 - +
+
+
+
+ +
L
+ + +
o
+ + +
a
+ + +
d
+ + +
i
+ + +
n
+ + +
g
+ +
+
+
正在加载中，请您耐心等待...
+
+ +