| 11253 | |
| 11254 | var pageBarStyle, mainStyleEle, mainStyleStyle; |
| 11255 | function initView() { |
| 11256 | if (!mainStyleStyle) { |
| 11257 | mainStyleStyle = ` |
| 11258 | .pagetual_pageBar{ |
| 11259 | -moz-transition:all 0.3s ease-in-out 0s; |
| 11260 | -webkit-transition:all 0.3s ease-in-out 0s; |
| 11261 | transition:all 0.3s ease-in-out 0s; |
| 11262 | font-family: Arial,sans-serif !important; |
| 11263 | text-align: center !important; |
| 11264 | } |
| 11265 | .pagetual_pageBar.stop { |
| 11266 | -webkit-filter: invert(100%); |
| 11267 | filter: invert(100%); |
| 11268 | opacity: 1!important; |
| 11269 | } |
| 11270 | .pagetual_pageBar.hide { |
| 11271 | display: none!important; |
| 11272 | } |
| 11273 | .pagetual-hide { |
| 11274 | display: none!important; |
| 11275 | } |
| 11276 | .pagetual_pageBar:hover { |
| 11277 | opacity: 1!important; |
| 11278 | box-shadow: 0px 0px 10px 0px #000000aa; |
| 11279 | border-radius: 20px; |
| 11280 | background-color: rgb(240 240 240 / 80%); |
| 11281 | border-color: transparent!important; |
| 11282 | } |
| 11283 | .pagetual_pageBar span { |
| 11284 | vertical-align: super; |
| 11285 | } |
| 11286 | .pagetual_pageBar a::before, |
| 11287 | .pagetual_pageBar a::after { |
| 11288 | content: none; |
| 11289 | } |
| 11290 | .pagetual_pageBar a>span { |
| 11291 | margin-top: 0!important; |
| 11292 | pointer-events: none; |
| 11293 | padding: unset; |
| 11294 | opacity: 0; |
| 11295 | -moz-transition:margin-top 0.3s ease-in-out 0s, opacity .3s; |
| 11296 | -webkit-transition:margin-top 0.3s ease-in-out 0s, opacity .3s; |
| 11297 | transition:margin-top 0.3s ease-in-out 0s, opacity .3s; |
| 11298 | transform: none; |
| 11299 | left: 0; |
| 11300 | margin-left: calc(50% - 20px); |
| 11301 | } |
| 11302 | .pagetual_pageBar a>span:hover { |
| 11303 | color: red; |
| 11304 | } |
| 11305 | .pagetual_pageBar a:hover>span { |
| 11306 | opacity: 1 !important; |
| 11307 | } |
| 11308 | .pagetual_pageBar span.prevScreen, |
| 11309 | .pagetual_pageBar span.nextScreen { |
| 11310 | display: block !important; |
| 11311 | top: unset !important; |
| 11312 | padding: unset !important; |