changeset 2840:7cb2dd7d2eba

Beautify horizontal-sliders.css

--- a/interfaces/horizontal-sliders.css	Tue Apr 25 12:51:41 2017 +0100
+++ b/interfaces/horizontal-sliders.css	Tue Apr 25 12:52:11 2017 +0100
@@ -7,23 +7,19 @@
     /* Set the background colour (note US English spelling) to grey*/
     background-color: #ddd
 }
-
 div.pageTitle {
     width: auto;
     height: 20px;
     margin: 10px 0px;
 }
-
 div.pageTitle span {
     font-size: 1.5em;
 }
-
 button {
     /* Specify any button structure or style */
     min-width: 20px;
     background-color: #ddd
 }
-
 div#slider-holder {
     height: inherit;
     position: absolute;
@@ -31,29 +27,24 @@
     z-index: 3;
     margin-top: 25px;
 }
-
 div#scale-holder {
     height: inherit;
     position: absolute;
     left: 0px;
     z-index: 2;
 }
-
 div#scale-text-holder {
     position: relative;
     float: left;
 }
-
 div.scale-text {
     position: absolute;
     font-size: 1.2em;
 }
-
 canvas#scale-canvas {
     position: relative;
     float: left;
 }
-
 div.track-slider {
     float: left;
     height: 94px;
@@ -64,53 +55,44 @@
     margin-left: 94px;
     margin-bottom: 25px;
 }
-
 div.track-slider-title {
     float: left;
     padding-top: 40px;
     width: 100px;
 }
-
 button.track-slider-button {
     float: left;
     width: 100px;
     height: 94px;
 }
-
 div#outside-reference-holder {
     display: flex;
     align-content: center;
     justify-content: center;
     margin-bottom: 5px;
 }
-
 button.outside-reference {
     position: inherit;
     margin: 0px 5px;
 }
-
 div.track-slider-playing {
     background-color: #FFDDDD;
 }
-
 input.track-slider-range {
     float: left;
     margin: 2px 10px;
 }
-
 input[type=range] {
     height: 94px;
     padding: 0px;
     color: rgb(255, 144, 144);
 }
-
 input[type=range]::-webkit-slider-runnable-track {
     cursor: pointer;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #000;
 }
-
 input[type=range]::-moz-range-track {
     height: 8px;
     cursor: pointer;
@@ -118,26 +100,21 @@
     border-radius: 4px;
     border: 1px solid #000;
 }
-
 input.track-slider-not-moved[type=range]::-webkit-slider-runnable-track {
     background: #aaa;
 }
-
 input.track-slider-not-moved[type=range]::-moz-range-track {
     background: #aaa;
 }
-
 div#page-count {
     float: left;
     margin: 0px 5px;
 }
-
 div#master-volume-holder {
     position: absolute;
     top: 10px;
     left: 120px;
 }
-
 div.comment-box-playing {
     background-color: #FFDDDD;
 }