comparison interfaces/mushra.css @ 2989:543f28dea505

Fox #278

 /*
  * Hold any style information for MUSHRA interface. Customise if you like to make the interface your own!
- * 
+ *
  */
 
 body {
     /* Set the background colour (note US English spelling) to grey*/
     background-color: #ddd

     /* WebKit */
     width: 8px;
     padding: 0 5px;
     color: rgb(255, 144, 144);
 }
-input[type=range]::-webkit-slider-runnable-track {
+input[type=range][orient=vertical]::-webkit-slider-runnable-track {
     width: 8px;
     cursor: pointer;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #000;
 }
-input[type=range]::-moz-range-track {
+input[type=range][orient=vertical]::-moz-range-track {
     width: 8px;
     cursor: pointer;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #000;
 }
-input[type=range]::-ms-track {
+input[type=range][orient=vertical]::-ms-track {
     cursor: pointer;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #000;
 }
-input.track-slider-not-moved[type=range]::-webkit-slider-runnable-track {
+input.track-slider-not-moved[type=range][orient=vertical]::-webkit-slider-runnable-track {
     background: #aaa;
 }
-input.track-slider-not-moved[type=range]::-moz-range-track {
+input.track-slider-not-moved[type=range][orient=vertical]::-moz-range-track {
     background: #aaa;
 }
-input[type=range]::-moz-range-thumb {
+input[type=range][orient=vertical]::-moz-range-thumb {
     margin-left: -7px;
     cursor: pointer;
     margin-top: -1px;
     box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
 }
-input[type=range]::-webkit-slider-thumb {
+input[type=range][orient=vertical]::-webkit-slider-thumb {
     cursor: pointer;
     margin-top: -1px;
     margin-left: -4px;
 }
-input[type=range]::-ms-thumb {
+input[type=range][orient=vertical]::-ms-thumb {
     cursor: pointer;
     margin-top: -1px;
     margin-left: -4px;
 }
-input[type=range]::-ms-tooltip {
+input[type=range][orient=vertical]::-ms-tooltip {
     visibility: hidden;
 }
 input.track-slider-range-disabled {}
 input.track-slider-range-disabled[type=range]::-webkit-slider-runnable-track {
     cursor: not-allowed;