Subversion Repositories f9daq

Rev

Go to most recent revision | 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.   width: 700px;
  58. }
  59.  
  60. .polParamSlider{
  61.   margin-left: 5px;
  62.   margin-right: 7px;
  63.   width: 100px;
  64. }
  65.  
  66. .ParamSlider{
  67.   /*Should be same as polParamSlider*/
  68.   margin-left: 7px;
  69.   margin-right: 7px;
  70.   width: 100px;
  71. }
  72.  
  73. div[name="ParamSlider"]{
  74.   margin-left: 5px;
  75.   margin-right: 7px;
  76.   width: 100px;
  77. }
  78.  
  79. .functionSelect{
  80.   padding-top: 10px;
  81. }
  82.  
  83. .FitPanel{
  84.   padding-top: 10px;
  85. }
  86.  
  87. .rangeSettings{
  88.   padding-top: 10px;
  89. }