es5-ff-spa-loader/dist/css/es5-ff-spa-loader.min.css

Javascript Single Page Application Loader

body{color:#eff0f1;background:#484948}.ffWrapper{align-items:center;color:#eff0f1;background:linear-gradient(to top right,#2f38bd 10%,#cf7c9d 65%,#ffc01a 125%);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;border:.2em solid #000;min-height:10em}.ffWrapperFadeOut{opacity:.1;transition:opacity .5s}.ffTitle{top:1em;font-weight:700;font-size:1.5em}.ffFooter,.ffTitle{color:#fff;display:flex;justify-content:center;left:0;position:fixed;right:0}.ffFooter{bottom:1.5em;opacity:.2;font-size:.7em}.ffQuestion{padding:1em;padding-left:2em;padding-right:2em;border-radius:1em;border:.2em solid transparent;min-height:7em;background-color:rgba(0,0,0,.3)}.ffQuestion>input{margin:.4em;padding:.4em;line-height:2em;background-color:rgba(0,0,0,.1);color:#fff;border:none;border-radius:.4em;outline:none;min-width:5em}.ffQuestion>input::-moz-focus-inner,.ffQuestion>input:active,.ffQuestion>input:focus,.ffQuestion>input:hover{border:none;outline:none}.ffQuestionTitle{font-size:1.1em;margin-bottom:.5em}.ffQuestionText{font-size:.8em}.ffQuestionError{padding-top:1em;padding-left:1em;color:#b55858}.ffError{padding:2em;padding-bottom:1em;border-radius:1em;border:.2em solid rgba(255,0,0,.5);min-height:7em;background-color:rgba(0,0,0,.1)}.ffLoaderBar{display:block;position:relative;justify-content:center;margin:auto;border-top:.2em solid #eff0f1;border-bottom:.2em solid #eff0f1}.ffLoaderBarStep,.ffLoaderBarStepDone{background-color:#2f48fd;float:left;padding:1em}.ffLoaderBarStep{opacity:0}.ffLoaderBarStepDone{opacity:.2;transition:opacity 1s}.ffLoaderItem{top:4em;color:#eff0f1;left:20%;position:fixed;right:20%;border-radius:1em;border:.2em solid #eff0f1}.ffLoaderItem,.ffLoaderItem>div{display:flex;justify-content:center}.ffLoaderItem>div{position:absolute;top:1em;left:0;right:0;font-size:.8em}.ffLoaderItemText{opacity:0;margin-top:0}.ffLoaderItemTextStart{opacity:1;margin-top:1em;transition:all .5s}.ffLoaderItemTextDone{opacity:0;margin-top:0;transition:all .5s}
/*# sourceMappingURL=es5-ff-spa-loader.min.css.map */