sirius-explorer/public/css/underAttack.min.css

An open-source front-end for the Insight API.

.loader{position:relative;text-align:center;font-size:0;height:30px;line-height:30px;width:100%;background:#2e9ad0}.loader__text{position:relative;z-index:1;display:inline-block;vertical-align:middle;font-size:14px;color:#232328;padding:0 10px;height:20px;line-height:20px;background:#2e9ad0}.loader__bg{position:absolute;top:0;left:0;bottom:0;background:url(../images/pattern.png) 0 0 repeat}.preload{display:inline-block;vertical-align:middle;width:29px;height:29px;position:relative;border:4px solid #2e9ad0;animation:cssload-loader 2.3s infinite ease;-o-animation:cssload-loader 2.3s infinite ease;-ms-animation:cssload-loader 2.3s infinite ease;-webkit-animation:cssload-loader 2.3s infinite ease;-moz-animation:cssload-loader 2.3s infinite ease}.preload__box{display:block;height:300px;line-height:300px;text-align:center;font-size:0}.preload-btn{position:relative;cursor:default}.preload-pos-abs{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.preload-sm{width:19px;height:19px}.preload-dark{border-color:#232328}.preloadInner{vertical-align:top;display:inline-block;width:100%;background-color:#2e9ad0;animation:cssload-loader-inner 2.3s infinite ease-in;-o-animation:cssload-loader-inner 2.3s infinite ease-in;-ms-animation:cssload-loader-inner 2.3s infinite ease-in;-webkit-animation:cssload-loader-inner 2.3s infinite ease-in;-moz-animation:cssload-loader-inner 2.3s infinite ease-in}@keyframes cssload-loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-o-keyframes cssload-loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-ms-keyframes cssload-loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes cssload-loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-moz-keyframes cssload-loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes cssload-loader-inner{0%{height:0}25%{height:0}50%{height:100%}75%{height:100%}100%{height:0}}@-o-keyframes cssload-loader-inner{0%{height:0}25%{height:0}50%{height:100%}75%{height:100%}100%{height:0}}@-ms-keyframes cssload-loader-inner{0%{height:0}25%{height:0}50%{height:100%}75%{height:100%}100%{height:0}}@-webkit-keyframes cssload-loader-inner{0%{height:0}25%{height:0}50%{height:100%}75%{height:100%}100%{height:0}}@-moz-keyframes cssload-loader-inner{0%{height:0}25%{height:0}50%{height:100%}75%{height:100%}100%{height:0}}@font-face{font-family:SimplonMono;src:url(../../fonts/smm-webfont.eot);src:url(../../fonts/smm-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/smm-webfont.woff2) format("woff2"),url(../../fonts/smm-webfont.woff) format("woff"),url(../../fonts/smm-webfont.svg#SimplonMono) format("svg");font-weight:500;font-style:normal}@font-face{font-family:SimplonMono;src:url(../../fonts/smr-webfont.eot);src:url(../../fonts/smr-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/smr-webfont.woff2) format("woff2"),url(../../fonts/smr-webfont.woff) format("woff"),url(../../fonts/smr-webfont.svg#SimplonMono) format("svg");font-weight:400;font-style:normal}*{margin:0;padding:0;border:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{height:100%;min-width:600px;color:#2e9ad0;font:400 16px SimplonMono,sans-serif;background:#232328}.header{position:absolute;top:0;left:0;right:0;padding:50px 0;background:#232328;overflow:hidden}.logo{display:block;float:left;margin-left:40px}.logo img{vertical-align:top}.logo .logoPic-hover{display:none}.logo:hover .logoPic-def{display:none}.logo:hover g{fill:red}.logo:hover .logoPic-hover{display:block}.content{height:100vh;padding:140px 0;position:relative;line-height:0;font-size:0}.content:after{position:relative;content:"";height:100%;width:0;display:inline-block;vertical-align:middle}.contentIn{display:inline-block;vertical-align:middle;max-width:100%;width:100%;text-decoration:none}.underAttack__text{font-size:25px;line-height:1.2;color:#fff;text-align:center}.preload__box{height:100px;line-height:100px}