diff --git a/index.html b/index.html index 4ee3633..411b8cc 100644 --- a/index.html +++ b/index.html @@ -12,4 +12,4 @@ main{height:100%;overflow-x:hidden;overflow-y:scroll;perspective:5px;background: .preview{position:relative}.preview .overlay{width:100%;height:100%;position:absolute;left:0;top:0}.preview .overlay iframe{position:absolute;left:0}.preview .overlay .loading{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden}.preview .overlay .loading>svg{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.preview .overlay iframe{width:100%;height:100%;border:none}.preview .overlay iframe:fullscreen{border-radius:0}.preview.loaded .figure-container,.preview.loaded .start-button{visibility:hidden}.preview.loaded .loading{visibility:visible} .image-anchor{display:block;box-sizing:content-box;cursor:pointer;text-decoration:none}.image-anchor:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.image-anchor svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--icon-size);height:var(--icon-size);transition:transform var(--transition-time);transform-origin:center center}.image-anchor .svgContainer{position:relative;margin:auto;width:var(--icon-size);height:var(--icon-size)}.image-anchor .svgContainer svg{stroke:var(--normal-text-color);transition:stroke var(--transition-time)}.image-anchor p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto;transition:color var(--transition-time);padding-bottom:var(--small-margin);font-size:.9rem;font-style:italic;padding:0 8px 8px 8px} .video-container .loading{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden}.video-container .loading>svg{width:var(--large-icon-size);height:var(--large-icon-size);position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.video-container video{z-index:1;visibility:hidden}.video-container .start-button{z-index:1}.video-container.loaded .loading{visibility:visible}.video-container.fully-loaded video{visibility:visible} - \ No newline at end of file + \ No newline at end of file