Subversion Repositories f9daq

Rev

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
}