Subversion Repositories f9daq

Rev

Rev 347 | Blame | Compare with Previous | Last modification | View Log | RSS feed

.slidecontainer {
    width: 100%; /* Width of the outside container */
}
 
  /* The slider itself */
.slider {
/*Trak*/
-webkit-appearance: none;  /* Override default CSS styles */
appearance: none;
width: 25%; /* Full-width */
height: 12px; /* Specified height */
background: #e9e9e9; /* Grey background */
outline: none; /* Remove outline */
opacity: 1; /* Set transparency (for mouse-over effects on hover) */
-webkit-transition: .2s; /* 0.2 seconds transition on hover */
transition: opacity .2s;
border: 1px solid #c5c5c5;
opacity: 0.7;
}

/* Mouse-over effects */
.slider:hover {
opacity: 1; /* Fully shown on mouse-over */

}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
background: #4CAF50; /* Green background ?*/
cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
border: 1px solid #c4c4c4;
width: 20px; /* Set a specific slider handle width */
height: 20px; /* Slider handle height */
background: #f9f9f9; /* Green background */
opacity: 0.9;
cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb:active{
  background: #007fff;
  border: 1px solid #003eff;
}

.inputParam{
  width: 100px;
}

.inputParametersTable{
  text-align: center;
  margin-left: 20px;
  width: 700px;
}

.polParamSlider{
  margin-left: 5px;
  margin-right: 7px;
  width: 100px;
}

.ParamSlider{
  /*Should be same as polParamSlider*/
  margin-left: 7px;
  margin-right: 7px;
  width: 100px;
}

div[name="ParamSlider"]{
  margin-left: 5px;
  margin-right: 7px;
  width: 100px;
}

.functionSelect{
  padding-top: 10px;
}

.FitPanel{
  padding-top: 10px;
}

.rangeSettings{
  padding-top: 10px;
}

.hideFix-Bond{
  visibility: hidden;
}

.inputParamBox{
  visibility: hidden;
}