jray.css

.jray{position:fixed;color:#000;font-family:sans-serif;top:0;right:0;bottom:0;}.jray *{margin:0;padding:0}.jray ul{list-style:none}.jray pre{background:#2a2a2a;white-space:pre-wrap;overflow:hidden}.jray header{margin:10px;}.jray header h2{font-weight:normal;font-size:inherit}.jray .handle{font-size:12px;position:absolute;z-index:-10;line-height:1;color:#aaa;}.jray .handle .inner{position:absolute;right:0;top:5px;background:#f4f2f0;padding:7px 8px 7px 10px;border-radius:5px 0 0 5px;border-style:solid;border-color:#e4e2e0;border-width:1px 0 1px 4px;cursor:pointer;}.jray .handle .inner:hover{color:#000}.jray .panel{background:#f4f2f0;border-left:4px solid #e4e2e0;z-index:1;position:absolute;height:100%;width:500px;left:-10px;transition:.2s ease-in-out left;}.jray .panel.expanded{left:-500px}.jray .inspector{box-shadow:0 0 10px rgba(0,0,0,0.05);background:#fff;padding:5px;margin:10px;}.jray .inspector .script-name{margin-bottom:5px;font-size:12px;overflow:hidden;text-overflow:ellipsis;color:#888}.jray .inspector.large .script-name{background:#f7f7f7;margin:-5px -5px 5px;padding:5px;color:#000}.jray a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jray .thumbnails pre{font-size:3px}.jray .thumbnails .inspector{border-top:5px solid #f7f7f7;margin:10px 0 0 10px;cursor:pointer;vertical-align:top;width:50px;display:inline-block;}.jray .thumbnails .inspector.current,.jray .thumbnails .inspector:hover{border-top:5px solid #39f}