3 lines
4.0 KiB
CSS
3 lines
4.0 KiB
CSS
.magnifier{position:absolute;top:0;left:0;width:250px;height:100px;min-width:50px;min-height:25px;overflow:hidden;background-color:#fff;opacity:1;border:solid 1px #3e7da7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);-ms-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);-o-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2)}@-o-keyframes fadeIn{0%{opacity:0;visibility:visible}100%{opacity:.8;visibility:visible}}@-moz-keyframes fadeIn{0%{opacity:0;visibility:visible}100%{opacity:.8;visibility:visible}}@-webkit-keyframes fadeIn{0%{opacity:0;visibility:visible}100%{opacity:.8;visibility:visible}}@keyframes fadeIn{0%{opacity:0;visibility:visible}100%{opacity:.8;visibility:visible}}@-o-keyframes fadeOut{0%{opacity:.8;visibility:visible}100%{opacity:0;visibility:hidden}}@-moz-keyframes fadeOut{0%{opacity:.8;visibility:visible}100%{opacity:0;visibility:hidden}}@-webkit-keyframes fadeOut{0%{opacity:.8;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes fadeOut{0%{opacity:.8;visibility:visible}100%{opacity:0;visibility:hidden}}@-o-keyframes pop{0%{opacity:0;visibility:visible}50%{opacity:.5;visibility:visible;transform:scale(2)}100%{opacity:0;visibility:hidden;transform:scale(3)}}@-moz-keyframes pop{0%{opacity:0;visibility:visible}50%{opacity:.5;visibility:visible;transform:scale(2)}100%{opacity:0;visibility:hidden;transform:scale(3)}}@-webkit-keyframes pop{0%{opacity:0;visibility:visible}50%{opacity:.5;visibility:visible;transform:scale(2)}100%{opacity:0;visibility:hidden;transform:scale(3)}}@keyframes pop{0%{opacity:0;visibility:visible}50%{opacity:.5;visibility:visible;transform:scale(2)}100%{opacity:0;visibility:hidden;transform:scale(3)}}.magnifier .level{position:absolute;overflow:hidden;z-index:1;top:0;left:0;bottom:0;right:0;background:transparent;color:#3e7da7;opacity:1;font-size:50px;font-size:5rem;display:box;display:-ms-flexbox;display:-webkit-flexbox;display:flexbox;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;flex-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;flex-line-pack:start;-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start;flex-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-animation:pop 400ms forwards;-moz-animation:pop 400ms forwards;-ms-animation:pop 400ms forwards;-o-animation:pop 400ms forwards;animation:pop 400ms forwards}.magnifier .level:before{content:"x"}.magnifier .overlay{position:absolute;overflow:hidden;z-index:2;top:0;left:0;bottom:0;right:0;background:transparent}.magnifier>.controls{position:absolute;z-index:3;bottom:0;right:0;background-color:#fff;-webkit-animation:fadeOut 600ms forwards;-moz-animation:fadeOut 600ms forwards;-ms-animation:fadeOut 600ms forwards;-o-animation:fadeOut 600ms forwards;animation:fadeOut 600ms forwards;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top:solid 1px #3e7da7;border-left:solid 1px #3e7da7}.magnifier>.controls:hover{opacity:1 !important}.magnifier>.controls a{text-decoration:none;font-size:16px;font-size:1.6rem;margin:0 2px}.magnifier .inner{position:absolute}.magnifier.sizing{border-style:dashed}.magnifier.sizing .inner,.magnifier.sizing .controls,.magnifier.sizing .level{opacity:0.45 !important}.magnifier:hover .controls{-webkit-animation:fadeIn 600ms forwards;-moz-animation:fadeIn 600ms forwards;-ms-animation:fadeIn 600ms forwards;-o-animation:fadeIn 600ms forwards;animation:fadeIn 600ms forwards}
|
|
/*# sourceMappingURL=magnifier.css.map */
|