More work on UI
This commit is contained in:
@@ -72,4 +72,41 @@ body {
|
||||
width: 100%;
|
||||
border-bottom: 10px dotted #000;
|
||||
margin: 30px 0px;
|
||||
}
|
||||
|
||||
input[type=range] {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
height: 9px;
|
||||
margin: 8px 0px;
|
||||
background: #ffffff;
|
||||
outline: none;
|
||||
padding: 0px !important;
|
||||
border: 2px solid #000;
|
||||
box-sizing: border-box;
|
||||
|
||||
&:hover {
|
||||
|
||||
&::-webkit-slider-thumb,
|
||||
&::-moz-range-thumb {
|
||||
background: #2bc038;
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #626262;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #626262;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user