Subversion Repositories f9daq

Rev

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

  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;
  57.   margin-left: 20px;
  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. }
  91.  
  92. .hideFix-Bond{
  93.   visibility: hidden;
  94. }
  95.  
  96. .inputParamBox{
  97.   visibility: hidden;
  98. }