mmelodies
/
mmelodies
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add firefox support

This commit is contained in:
Bit Borealis 2023-10-03 06:41:30 +00:00
parent b7053e3d37
commit b42e9094ec
Signed by: theotheroracle
GPG Key ID: 2D816A2DCA6E5649
1 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
public/shared.css
View File

@ -1,12 +1,15 @@
/* TODO: ADD ACEESIBILITY FOCUS FIX */
/* CSS RANGE INPUT */
input[type=range] {
appearance: none;
background-color: transparent;
}
input[type=range]:focus {
outline: none;
}
/* Webkit styles */
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
@ -30,14 +33,37 @@ input[type=range]::-webkit-slider-thumb {
}
input[type=range]:focus::-webkit-slider-thumb {
border-color: #3b1a3f;
border-color: #3b1a3f;
}
/* CSS CHECKBOX */
.clear {
clear: both;
/* Firefox styles */
input[type=range]::-moz-range-track {
width:100%;
height:10px;
cursor:pointer;
box-shadow:1px 1px 1px #002100;
background:#205928;
border-radius:3px;
border:2px solid #18d501;
}
input[type=range]::-moz-range-thumb {
box-shadow:2px 2px 5px #00AA00;
border:3px solid #83E584;
height:25px;
width:25px;
border-radius:10px;
background:#439643;
cursor:pointer;
}
input[type=range]:focus::-moz-range-thumb {
border-color:#3b1a3f;
}
/* CSS CHECKBOX */
/* The custom checkbox label */
.checkBox {
display: inline-block;