diff --git a/control.html b/control.html index 02282a2..79e7f7b 100644 --- a/control.html +++ b/control.html @@ -160,6 +160,13 @@ $("#submit").on('click',function(){ alert('on submit') }) + + $("#timer").on('change',function(){ + var num = $("#timer").val() + if(num < 5 || num > 30){ + alert("The hibernation timer lasts only 5-30 minutes") + } + }) }) function loadData(){ diff --git a/css/app.css b/css/app.css index ea59f31..0e388f0 100644 --- a/css/app.css +++ b/css/app.css @@ -115,17 +115,17 @@ body { width: 800px; } -.select{ +.select { border: none; background: #000; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); color: #fff; border-radius: 5px; color: #888888; - outline:none; + outline: none; } -.select:focus{ +.select:focus { border: none; background: #000; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); @@ -146,6 +146,14 @@ body { font-size: 0.8em; } +input:disabled { + background-color: #000; +} + +.form-control:disabled { + background-color: #000; +} + .col-form-label { text-align: end; } @@ -667,6 +675,20 @@ body { top: 80%; } +.volume-ruler.left-ruler { + right: 0; +} + +.volume-ruler.left-ruler .mm { + position: absolute; + border-top: 1px solid #555; + height: 80%; + width: 8px; + top: 80%; + right: 0; +} + + .volume-ruler .mm { width: 5px; } diff --git a/ducking.html b/ducking.html index 9e8e39c..4839836 100644 --- a/ducking.html +++ b/ducking.html @@ -46,15 +46,13 @@