Untitled
unknown
plain_text
4 years ago
2.8 kB
6
Indexable
.ak-container * { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ak-container { display: flex; padding: 1%; max-width: 100%; height: 45px; position: relative } .ak-container .ak-bg, .ak-container .ak-selected { background-color: #eee; border: 1px solid #ededed; height: 10px; left: 0; position: absolute; top: 5px; width: 100%; border-radius: 3px } .ak-container .ak-selected { background-color: #00b3bc; border: 1px solid #00969b; transition: all .2s linear; width: 0 } .ak-container.disabled .ak-selected { background-color: #ccc; border-color: #bbb } .ak-container .ak-pointer { background-color: #fff; border: 1px solid #bbb; border-radius: 4px; cursor: pointer; height: 20px; left: -10px; position: absolute; top: 0; transition: all .2s linear; width: 30px; box-shadow: inset 0 0 1px #FFF, inset 0 1px 6px #ebebeb, 1px 1px 4px rgba(0, 0, 0, .1) } .ak-container.disabled .ak-pointer { border-color: #ccc; cursor: default } .ak-container .ak-pointer::after, .ak-container .ak-pointer::before { content: ''; position: absolute; width: 1px; height: 9px; background-color: #ddd; left: 12px; top: 5px } .ak-container .ak-pointer::after { left: auto; right: 12px } .ak-container.sliding .ak-pointer, .ak-container.sliding .ak-selected { transition: none } .ak-container .ak-scale { display: flex; left: 0; position: absolute; top: 5px; white-space: nowrap; text-align: left; } .ak-container .ak-scale span { float: left; position: relative } .ak-container .ak-scale span::before { background-color: #ededed; content: ""; height: 8px; left: 0; position: absolute; top: 10px; width: 1px } .ak-container.ak-noscale span::before { display: none } .ak-container.ak-noscale span:first-child::before, .ak-container.ak-noscale span:last-child::before { display: block } .ak-container .ak-scale span:last-child { margin-left: -1px; width: 0 } .ak-container .ak-scale span ins { color: #333; display: inline-block; font-size: 12px; margin-top: 20px; text-decoration: none } .ak-container.disabled .ak-scale span ins { color: #999 } .ak-tooltip { color: #333; width: auto; min-width: 60px; height: 30px; background: #fff; border: 1px solid #00969b; border-radius: 3px; position: absolute; transform: translate(-50%, -35px); left: 13px; text-align: center; font-size: 13px; padding: 6px 10px 0 } .ak-container.disabled .ak-tooltip { border-color: #ccc; color: #999 }
Editor is loading...