solaris-js
Version:
A reusable component for interactive visualization of the Solar System
1 lines • 1.14 kB
CSS
.solaris *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.solaris{font-family:DejaVu Sans,Bitstream Vera Sans,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;-webkit-text-size-adjust:100%}.loader{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;color:#fff;z-index:100;text-align:center;}.loader .gauge{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:80%;background:#333;height:3px;}.loader .gauge .fill{position:absolute;top:0;left:0;bottom:0;width:0%;background:#fff}.label{cursor:pointer;user-select:none;pointer-events:auto;position:absolute;left:0;top:0;transform-origin:top left;transform:translate3d(0,0,0);color:#fff;background:#444;font-size:11px;white-space:nowrap;padding:3px;height:22px;margin-top:-11px;margin-left:12px;border:1px solid #666;z-index:50;border-radius:3px;}.label.selected{background:#06f;border-color:#fff;}.label.selected .spot{border-color:#fff }.label .spot{cursor:default;user-select:none;pointer-events:none;width:10px;height:10px;position:absolute;top:5px;left:-18px;border:1px solid #fff;border-radius:50%}