7 lines
10 KiB
CSS
7 lines
10 KiB
CSS
|
/*!
|
||
|
|
* Photo Sphere Viewer 3.3.2
|
||
|
|
* Copyright (c) 2014-2015 Jérémy Heleine
|
||
|
|
* Copyright (c) 2015-2018 Damien "Mistic" Sorel
|
||
|
|
* Licensed under MIT (http://opensource.org/licenses/MIT)
|
||
|
|
*/
|
||
|
|
.psv-container{width:100%;height:100%;margin:0;padding:0;position:relative;background:radial-gradient(#fff 0,#fdfdfd 16%,#fbfbfb 33%,#f8f8f8 49%,#efefef 66%,#dfdfdf 82%,#bfbfbf 100%);overflow:hidden}.psv-canvas-container{position:absolute;top:0;left:0;z-index:0;transition:opacity linear .1s}.psv-canvas{display:block}.psv-loader-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.psv-loader{position:relative;text-align:center;color:rgba(61,61,61,.7);width:150px;height:150px;border:10px solid transparent}.psv-loader::before{content:'';display:inline-block;height:100%;vertical-align:middle}.psv-loader,.psv-loader-image,.psv-loader-text{display:inline-block;vertical-align:middle}.psv-loader-canvas{position:absolute;top:0;left:0}.psv-loader-text{font:14px sans-serif}.psv-navbar{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:90;bottom:-40px;left:0;width:100%;height:40px;background:rgba(61,61,61,.5);transition:bottom ease-in-out .1s}.psv-navbar--open{bottom:0}.psv-navbar,.psv-navbar *{box-sizing:content-box}.psv-caption{-webkit-box-flex:10;-webkit-flex-grow:10;-moz-flex-grow:10;-ms-flex-positive:10;flex-grow:10;color:rgba(255,255,255,.7);margin:10px;white-space:nowrap;overflow:hidden;text-align:center;font-family:sans-serif}@media (max-width:800px){.psv-caption{visibility:hidden}}.psv-spacer--weight-1{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.psv-spacer--weight-2{-webkit-box-flex:2;-webkit-flex-grow:2;-moz-flex-grow:2;-ms-flex-positive:2;flex-grow:2}.psv-spacer--weight-3{-webkit-box-flex:3;-webkit-flex-grow:3;-moz-flex-grow:3;-ms-flex-positive:3;flex-grow:3}.psv-spacer--weight-4{-webkit-box-flex:4;-webkit-flex-grow:4;-moz-flex-grow:4;-ms-flex-positive:4;flex-grow:4}.psv-spacer--weight-5{-webkit-box-flex:5;-webkit-flex-grow:5;-moz-flex-grow:5;-ms-flex-positive:5;flex-grow:5}.psv-spacer--weight-6{-webkit-box-flex:6;-webkit-flex-grow:6;-moz-flex-grow:6;-ms-flex-positive:6;flex-grow:6}.psv-spacer--weight-7{-webkit-box-flex:7;-webkit-flex-grow:7;-moz-flex-grow:7;-ms-flex-positive:7;flex-grow:7}.psv-spacer--weight-8{-webkit-box-flex:8;-webkit-flex-grow:8;-moz-flex-grow:8;-ms-flex-positive:8;flex-grow:8}.psv-spacer--weight-9{-webkit-box-flex:9;-webkit-flex-grow:9;-moz-flex-grow:9;-ms-flex-positive:9;flex-grow:9}.psv-spacer--weight-10{-webkit-box-flex:10;-webkit-flex-grow:10;-moz-flex-grow:10;-ms-flex-positive:10;flex-grow:10}.psv-button{-webkit-box-flex:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:10px;position:relative;cursor:pointer;height:20px;width:20px;background:0 0;color:rgba(255,255,255,.7)}.psv-button--active{background:rgba(255,255,255,.1)}.psv-button--disabled{pointer-events:none;opacity:.5}.psv-button .psv-button-svg{width:100%;transform:scale(1);transition:transform .3s ease}.psv-button .psv-button-svg *{fill:rgba(255,255,255,.7)}.psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button .psv-button-svg{transform:scale(1.2)}.psv-autorotate-button{width:25px;height:25px;padding:7.5px}.psv-zoom-button{cursor:default;width:128px}.psv-zoom-button-minus,.psv-zoom-button-plus{float:left;position:relative;cursor:pointer;width:16px;height:16px}.psv-zoom-button-minus .psv-button-svg,.psv-zoom-button-plus .psv-button-svg{position:relative;top:20%}.psv-zoom-button-range{float:left;padding:9.5px 8px}.psv-zoom-button-line{position:relative;cursor:pointer;width:80px;height:1px;background:rgba(255,255,255,.7);transition:all .3s ease}.psv-zoom-button-handle{position:absolute;border-radius:50%;top:-3px;width:7px;height:7px;background:rgba(255,255,255,.7);transform:scale(1);transition:transform .3s ease}.psv-zoom-button:not(.psv-button--disabled):hover .psv-zoom-button-line{box-shadow:0 0 2px rgba(255,255,255,.7)}.psv-zoom-button:not(.psv-button--di
|