node-atlas
Version:
Progressive realtime web framework config-driven or API-driven for building easily serverless files, websites and webapps component-based and service-oriented.
1 lines • 1.59 kB
CSS
body,html{padding:0;margin:0}html{font-size:62.5%;background-color:#f0f0f0;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background:linear-gradient(135deg,#6dbd4d 0,#f8ffae 100%);background-attachment:fixed}body{font-family:Open Sans,sans-serif;font-size:1.5em}h1,h2,h3,h4,h5{line-height:1.4;font-weight:400}.link,a{cursor:pointer;color:#337ab7;text-decoration:none}.link:focus,.link:hover,a:focus,a:hover{text-decoration:none;color:#23527c}.link:active,.link:hover,a:active,a:hover{outline:0}.router-link-active,.router-link-active:focus,.router-link-active:hover{color:#fff}.contact,.error,.home,.projects{position:absolute;z-index:1;color:#fff;top:0;left:0;width:100%;height:100%}.contact ul,.error ul,.home ul,.projects ul{text-align:left;margin:0 auto;max-width:420px}.contact--content,.error--content,.home--content,.projects--content{text-align:center;position:absolute;width:calc(100% - 40px);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.menu{position:absolute;top:20px;left:20px;z-index:2}.menu ul{margin:0;padding:0}.menu li{list-style-type:none}.footer{position:absolute;bottom:20px;right:20px;z-index:2}.fade-in-out-enter,.fade-in-out-leave-to{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.fade-in-out-enter-active,.fade-in-out-leave-active{transition:opacity 2s,-webkit-transform 2s;transition:opacity 2s,transform 2s;transition:opacity 2s,transform 2s,-webkit-transform 2s}.fade-in-out-enter-to,.fade-in-out-leave{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}