acklen-keystone
Version:
Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose
2 lines (1 loc) • 3.25 kB
CSS
#nprogress{pointer-events:none}#nprogress .bar{position:fixed;z-index:1031;top:0;width:100%;height:2px} #nprogress .bar{background:#29d}html[dir=ltr] #nprogress .bar{left:0}html[dir=rtl] #nprogress .bar{right:0}#nprogress .peg{display:block;position:absolute;width:100px;height:100%;opacity:1} #nprogress .peg{-webkit-box-shadow:0 0 10px #29d,0 0 5px #29d;box-shadow:0 0 10px #29d,0 0 5px #29d}html[dir=ltr] #nprogress .peg{right:0;-webkit-transform:rotate(3deg) translateY(-4px);-ms-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}html[dir=rtl] #nprogress .peg{left:0;-webkit-transform:rotate(-3deg) translateY(-4px);-ms-transform:rotate(-3deg) translateY(-4px);transform:rotate(-3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px}html[dir=ltr] #nprogress .spinner{right:15px}html[dir=rtl] #nprogress .spinner{left:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box} #nprogress .spinner-icon{border:2px solid transparent;border-top-color:#29d;border-radius:50%}html[dir=ltr] #nprogress .spinner-icon{border-left-color:#29d;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}html[dir=rtl] #nprogress .spinner-icon{border-right-color:#29d;-webkit-animation:nprogress-spinner-rtl .4s linear infinite;animation:nprogress-spinner-rtl .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner-rtl{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html[dir=ltr] .show-loading-animation.rect-shape,html[dir=ltr] .show-loading-animation .rect-shape,html[dir=ltr] .show-loading-animation.round-shape,html[dir=ltr] .show-loading-animation .round-shape,html[dir=ltr] .show-loading-animation.text-row,html[dir=ltr] .show-loading-animation .text-row{-webkit-animation:react-placeholder-pulse 1.5s infinite;animation:react-placeholder-pulse 1.5s infinite}html[dir=rtl] .show-loading-animation.rect-shape,html[dir=rtl] .show-loading-animation .rect-shape,html[dir=rtl] .show-loading-animation.round-shape,html[dir=rtl] .show-loading-animation .round-shape,html[dir=rtl] .show-loading-animation.text-row,html[dir=rtl] .show-loading-animation .text-row{-webkit-animation:react-placeholder-pulse-rtl 1.5s infinite;animation:react-placeholder-pulse-rtl 1.5s infinite}@-webkit-keyframes react-placeholder-pulse-rtl{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes react-placeholder-pulse-rtl{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@-webkit-keyframes react-placeholder-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes react-placeholder-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}