forked from vaalentin/vaalentin.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathc04dc5f84309dd6c2a37.css
More file actions
1 lines (1 loc) · 2.37 KB
/
Copy pathc04dc5f84309dd6c2a37.css
File metadata and controls
1 lines (1 loc) · 2.37 KB
1
@import url(https://fonts.googleapis.com/css?family=Volkhov:400,700);body.webgl{font-family:Volkhov,serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#0b0b0b;cursor:-webkit-grab;cursor:grab}body.dragging{cursor:-webkit-grabbing;cursor:grabbing}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0b0b0b;z-index:999;display:none;color:#fff}.loader .content{display:table;width:100%;height:100%}.loader .content h2{display:table-cell;vertical-align:middle;text-align:center}.loading .loader{display:block}.webgl .viewport{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;min-width:600px;min-height:400px}.webgl .viewport canvas{position:absolute;width:100%!important;height:100%!important;top:0;left:0}.no-webgl .viewport{display:none}.webgl .box{list-style-type:none;color:#fff;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;max-width:550px;-webkit-perspective:500px;perspective:500px}.webgl .box a{color:#fff;border-bottom:3px solid #fff;display:inline-block;text-decoration:none}.webgl .box__title{font-size:2.5em;font-weight:700;text-align:left;letter-spacing:.05em}.webgl .box__block span{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0)}.webgl .box__text{font-size:1.5em}.webgl .box__description{font-weight:400;font-size:1.5em;color:#fff}.webgl .box--active{opacity:1}.webgl .progress-bar{position:fixed;z-index:2;background-color:#1f1d1d}.webgl .progress-bar__content{position:absolute}.webgl .progress-bar__cursor{position:absolute;height:100%;background-color:gray;z-index:2}.webgl .progress-bar__marker{position:absolute;background-color:#1f1d1d}.webgl .progress-bar--horizontal{bottom:20px;left:25%;width:50%;height:1px}.webgl .progress-bar--horizontal .progress-bar__content{height:100%;left:5px;right:5px}.webgl .progress-bar--horizontal .progress-bar__cursor{width:10px;height:100%;margin-left:-5px}.webgl .progress-bar--horizontal .progress-bar__marker{width:1px;height:5px;bottom:4px}.webgl .progress-bar--vertical{width:1px;height:50%;top:25%;left:20px}.webgl .progress-bar--vertical .progress-bar__content{width:100%;top:5px;bottom:5px}.webgl .progress-bar--vertical .progress-bar__cursor{width:100%;height:10px;margin-top:-5px}.webgl .progress-bar--vertical .progress-bar__marker{width:5px;height:1px;left:4px}.no-webgl .progress-bar{display:none}