handsfree
Version:
A Face Pointer and Pose Estimator for interacting with pages, desktops, robots, and more via gestures
2 lines (1 loc) • 1.2 kB
CSS
.control-panel-entry{width:250px;background-color:#8d8d8d;border:2px solid #fff;border-radius:15px;box-shadow:1px 1px 10px #000000a0;cursor:pointer;font-family:"Titillium Web",sans-serif;font-size:15px;line-height:25px;opacity:.8;padding:5px 25px;position:relative;z-index:100}.control-panel-text{cursor:default;font-size:20px;font-weight:600;text-align:center}.control-panel-toggle .label{position:relative}.control-panel-toggle .value{position:absolute;right:25px}.control-panel-toggle.yes{background-color:#398c39}.control-panel-toggle.no{background-color:#f92c2c}.control-panel-toggle.yes .value{color:#a3faa3}.control-panel-toggle.no .value{color:#f19e9e}.control-panel-slider .value{position:relative;width:100%}.control-panel-slider .callout{position:absolute;right:25px}.control-panel-fps{display:flex;justify-content:center;align-items:center}.control-panel-fps canvas{height:50px;width:100%;background-color:#222;border-radius:10px;margin-top:5px}.control-panel-fps .fps-text{position:absolute;font-size:20px;font-weight:600;text-align:center;backface-visibility:hidden}.fps-30{position:absolute;font-size:8px;top:45%;left:10px}.fps-60{position:absolute;font-size:8px;top:15%;left:10px}