kopia lustrzana https://github.com/msurguy/SquiggleCam
2 wiersze
11 KiB
CSS
2 wiersze
11 KiB
CSS
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body,html{padding:0;margin:0;background-color:#fff;font-family:Roboto,sans-serif;color:#d2d2d2}a{color:#298bff}.btn:not(:disabled):not(.disabled){cursor:pointer}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}.btn{color:#fff;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn,.btn-primary{background-color:transparent}.btn-primary{border-color:#fff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn:focus,.btn:hover{text-decoration:none}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn-block{display:block;width:100%}.btn-circle{width:36px;height:36px;text-align:center;padding:6px 0;font-size:1rem;line-height:1rem;border-radius:50%}.button-group{margin:5px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button-group.stretch>*{-ms-flex:1;flex:1}.button-group label{text-align:left}.button-group .btn{border-radius:0;background-color:#4d4d4d;color:#d2d2d2;padding:1px;font-size:.9rem}.button-group .btn.active{background-color:#898989}.button-group .btn.active:hover{background-color:#bbb;color:#fff}.button-group .btn.active:active{background-color:#bbb}.button-group .btn:active,.button-group .btn:hover{background-color:#6b6b6b}.button-group .btn+.btn:not(:last-child){border-right:none}.button-group .btn:first-of-type{border-right:0;border-radius:4px 0 0 4px}.button-group .btn:last-child{border-radius:0 4px 4px 0}.btn-sm{padding:2px 5px;font-size:.8rem;line-height:.8rem}.wrapper{width:100vw;min-height:100vh;-ms-flex-direction:column;flex-direction:column}.container,.wrapper{display:-ms-flexbox;display:flex}.container{-ms-flex:1;flex:1}aside{background-image:linear-gradient(-90deg,#2e2e2e,#353535);box-shadow:0 0 5px 0 #0f0f0f;-ms-flex:0 0 270px;flex:0 0 270px;padding:15px;text-align:center;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}main{-ms-flex:1;flex:1;position:-webkit-sticky;position:sticky;top:0;-ms-flex-item-align:start;align-self:flex-start}main .svg-container{padding:10px}input[type=range]{-webkit-appearance:none;width:100%;margin:7.5px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background-color:#717171}input[type=range]::-webkit-slider-thumb{border:1px solid #b3b3b3;height:20px;width:20px;border-radius:10px;background:#298bff;cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}input[type=range]:focus::-webkit-slider-runnable-track,input[type=range]:hover::-webkit-slider-runnable-track{background-image:linear-gradient(-270deg,#fad961,#f76b1c)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;background:#f76b1c;background-image:linear-gradient(-270deg,#fad961,#f76b1c);border-radius:5px}input[type=range]::-moz-range-thumb{box-shadow:1.6px 1.6px 2.5px #ccc,0 0 1.6px #d9d9d9;border:1px solid #b3b3b3;height:20px;width:20px;border-radius:10px;background:#298bff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#e75908;border:none;border-radius:2px}input[type=range]::-ms-fill-upper{background:#f76b1c;border:none;border-radius:2px}input[type=range]::-ms-thumb{box-shadow:1.6px 1.6px 2.5px #ccc,0 0 1.6px #d9d9d9;border:1px solid #b3b3b3;height:20px;width:20px;border-radius:10px;background:#298bff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#f76b1c}input[type=range]:focus::-ms-fill-upper{background:#f8813e}.image-inputs{margin-bottom:15px}.actions{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:20px}.actions .btn{background-color:#4d4d4d;color:#d2d2d2;width:80px}.actions .btn:hover{background-color:#6b6b6b}.actions .btn-block{width:100%;display:block}.section-title{margin-top:15px;margin-bottom:15px;text-transform:uppercase}.slider{position:relative;display:-ms-flexbox;display:flex;margin-bottom:7px}.slider .label{right:0;text-align:right}.slider .label,.slider .metric{position:absolute;top:8px;line-height:18px;font-family:Monaco,monospace;font-size:12px;color:#d2d2d2}.slider .metric{left:0;text-align:left}.slider input[type=range]{margin-top:35px}.slider .output{margin-top:28px;margin-left:15px;height:20px;width:34px;text-align:right;background-color:#1d1d1d;color:#d2d2d2;font-family:monaco,Consolas,Lucida Console,monospace;font-size:14px;line-height:20px}.header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.header h2{margin-top:5px}.video-controls{margin:10px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.image-webcam{position:relative;margin-bottom:30px}.image-webcam .btn-record{position:absolute;padding:0;margin:0;bottom:0;left:50%;transform:translate(-50%,27px)}.toggle{display:none}.option{position:relative;margin-bottom:2px}.title{text-transform:uppercase;text-align:left;background-color:#4d4d4d;color:#d2d2d2;padding:10px}.content,.title{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all .3s;display:block}.title:before{content:"";border-style:solid;border-width:2px 2px 0 0;position:absolute;right:15px;top:15px;width:12px;height:12px;transform:rotate(45deg);transform-origin:75% 20%;transition:transform .3s}.content{max-height:0;overflow:hidden}.toggle:checked+.title+.content{max-height:600px}.toggle:checked+.title:before{transform:rotate(135deg)!important}.credits{margin-top:auto}video[data-v-43507d33]{width:100%;height:auto;transform:scaleX(-1);border:1px solid #6f6f6f}.sk-fading-circle{position:absolute}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle .sk-circle-indicator{display:block;margin:0 auto;width:15%;height:15%;border-radius:100%;animation:sk-circleFadeDelay 1s infinite ease-in-out both}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2 .sk-circle-indicator{animation-delay:-.91667s}.sk-fading-circle .sk-circle3 .sk-circle-indicator{animation-delay:-.83333s}.sk-fading-circle .sk-circle4 .sk-circle-indicator{animation-delay:-.75s}.sk-fading-circle .sk-circle5 .sk-circle-indicator{animation-delay:-.66667s}.sk-fading-circle .sk-circle6 .sk-circle-indicator{animation-delay:-.58333s}.sk-fading-circle .sk-circle7 .sk-circle-indicator{animation-delay:-.5s}.sk-fading-circle .sk-circle8 .sk-circle-indicator{animation-delay:-.41667s}.sk-fading-circle .sk-circle9 .sk-circle-indicator{animation-delay:-.33333s}.sk-fading-circle .sk-circle10 .sk-circle-indicator{animation-delay:-.25s}.sk-fading-circle .sk-circle11 .sk-circle-indicator{animation-delay:-.16667s}.sk-fading-circle .sk-circle12 .sk-circle-indicator{animation-delay:-.08333s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.croppa-container{display:inline-block;cursor:pointer;position:relative;font-size:0;-ms-flex-item-align:start;align-self:flex-start;background-color:#e6e6e6}.croppa-container,.croppa-container canvas{transition:all .3s}.croppa-container:hover{opacity:.7}.croppa-container.croppa--dropzone{box-shadow:inset 0 0 10px #333}.croppa-container.croppa--dropzone canvas{opacity:.5}.croppa-container.croppa--disabled-cc{cursor:default}.croppa-container.croppa--disabled-cc:hover{opacity:1}.croppa-container.croppa--has-target{cursor:move}.croppa-container.croppa--has-target:hover{opacity:1}.croppa-container.croppa--has-target.croppa--disabled-mz{cursor:default}.croppa-container.croppa--disabled{cursor:not-allowed}.croppa-container.croppa--disabled:hover{opacity:1}.croppa-container.croppa--passive{cursor:default}.croppa-container.croppa--passive:hover{opacity:1}.croppa-container svg.icon-remove{position:absolute;background:#fff;border-radius:50%;filter:drop-shadow(-2px 2px 2px rgba(0,0,0,.7));z-index:10;cursor:pointer;border:2px solid #fff}
|
|
/*# sourceMappingURL=app.b806732208896ec46d9b39ac95ae5d4e.css.map */ |