Rev 344 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 344 | f9daq | 1 | .slidecontainer { |
| 2 | width: 100%; /* Width of the outside container */ |
||
| 3 | } |
||
| 4 | |||
| 5 | /* The slider itself */ |
||
| 6 | .slider { |
||
| 7 | /*Trak*/ |
||
| 8 | -webkit-appearance: none; /* Override default CSS styles */ |
||
| 9 | appearance: none; |
||
| 10 | width: 25%; /* Full-width */ |
||
| 11 | height: 12px; /* Specified height */ |
||
| 12 | background: #e9e9e9; /* Grey background */ |
||
| 13 | outline: none; /* Remove outline */ |
||
| 14 | opacity: 1; /* Set transparency (for mouse-over effects on hover) */ |
||
| 15 | -webkit-transition: .2s; /* 0.2 seconds transition on hover */ |
||
| 16 | transition: opacity .2s; |
||
| 17 | border: 1px solid #c5c5c5; |
||
| 18 | opacity: 0.7; |
||
| 19 | } |
||
| 20 | |||
| 21 | /* Mouse-over effects */ |
||
| 22 | .slider:hover { |
||
| 23 | opacity: 1; /* Fully shown on mouse-over */ |
||
| 24 | |||
| 25 | } |
||
| 26 | |||
| 27 | /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ |
||
| 28 | .slider::-webkit-slider-thumb { |
||
| 29 | -webkit-appearance: none; /* Override default look */ |
||
| 30 | appearance: none; |
||
| 31 | width: 25px; /* Set a specific slider handle width */ |
||
| 32 | height: 25px; /* Slider handle height */ |
||
| 33 | background: #4CAF50; /* Green background ?*/ |
||
| 34 | cursor: pointer; /* Cursor on hover */ |
||
| 35 | } |
||
| 36 | |||
| 37 | .slider::-moz-range-thumb { |
||
| 38 | border: 1px solid #c4c4c4; |
||
| 39 | width: 20px; /* Set a specific slider handle width */ |
||
| 40 | height: 20px; /* Slider handle height */ |
||
| 41 | background: #f9f9f9; /* Green background */ |
||
| 42 | opacity: 0.9; |
||
| 43 | cursor: pointer; /* Cursor on hover */ |
||
| 44 | } |
||
| 45 | |||
| 46 | .slider::-moz-range-thumb:active{ |
||
| 47 | background: #007fff; |
||
| 48 | border: 1px solid #003eff; |
||
| 49 | } |
||
| 50 | |||
| 51 | .inputParam{ |
||
| 52 | width: 100px; |
||
| 53 | } |
||
| 54 | |||
| 55 | .inputParametersTable{ |
||
| 56 | text-align: center; |
||
| 347 | f9daq | 57 | margin-left: 20px; |
| 344 | f9daq | 58 | width: 700px; |
| 59 | } |
||
| 60 | |||
| 61 | .polParamSlider{ |
||
| 62 | margin-left: 5px; |
||
| 63 | margin-right: 7px; |
||
| 64 | width: 100px; |
||
| 65 | } |
||
| 66 | |||
| 67 | .ParamSlider{ |
||
| 68 | /*Should be same as polParamSlider*/ |
||
| 69 | margin-left: 7px; |
||
| 70 | margin-right: 7px; |
||
| 71 | width: 100px; |
||
| 72 | } |
||
| 73 | |||
| 74 | div[name="ParamSlider"]{ |
||
| 75 | margin-left: 5px; |
||
| 76 | margin-right: 7px; |
||
| 77 | width: 100px; |
||
| 78 | } |
||
| 79 | |||
| 80 | .functionSelect{ |
||
| 81 | padding-top: 10px; |
||
| 82 | } |
||
| 83 | |||
| 84 | .FitPanel{ |
||
| 85 | padding-top: 10px; |
||
| 86 | } |
||
| 87 | |||
| 88 | .rangeSettings{ |
||
| 89 | padding-top: 10px; |
||
| 90 | } |