Something went wrong. Try again.
Starship Simulator Controls thoriumsim.com
Something went wrong. Try again.
1.1 kB · 44 lines
CSS
at develop
123456789101112131415161718192021222324252627282930313233343536373839404142434445.panel-slider input[type="range"] { width: 100%; appearance: none; &::-webkit-slider-thumb { position: relative; appearance: none; box-sizing: border-box; background: rgb(180, 178, 160); background: linear-gradient( 90deg, rgba(180, 178, 160, 1) 0%, rgba(173, 171, 160, 1) 25%, rgba(157, 154, 135, 1) 33%, rgba(245, 242, 232, 1) 34%, rgba(245, 242, 232, 1) 66%, rgba(222, 217, 195, 1) 67%, rgba(228, 223, 204, 1) 92%, rgba(244, 239, 227, 1) 100% ); width: 0.8rem; height: 1.65rem; transform: translate(0, -25%); border-radius: 0.05em; box-shadow: 0em 0.15em 0.2em 0em rgba(0, 0, 0, 0.8); } &:active::-webkit-slider-thumb { filter: brightness(0.8); } &::-webkit-slider-runnable-track { height: 0.8rem; background: linear-gradient(0deg, #333, #111), linear-gradient(90deg, #aca59e, #f7f5f6); background-size: 97% 80%, 100% 100%; background-position: center; background-repeat: no-repeat; }}.panel-slider .labels { display: flex; justify-content: space-between; padding: 0.5rem 4px; color: white;}