diff --git a/public/css/style.css b/public/css/style.css
index 583fd8bd..07ce0992 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1722,6 +1722,15 @@ nav ul li:hover, nav ul li.active {
background: #dadada;
}
+#volume-control-remote .ui-state-active {
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.01), 0 0 0 15px rgba(1,1,1,0.15);
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ border-radius: 21px;
+ background: #464646 !important;
+}
+
.ui-slider-handle
{
margin-top:-5px;
@@ -2161,21 +2170,55 @@ nav ul li:hover, nav ul li.active {
height: 10px;
border-radius: 4px;
margin-bottom: 20px;
+ cursor: pointer;
+ float:left;
+ position: relative;
+ /* left: 10px; */
+ /* margin: 13px auto; */
+ /* height:5px; */
+ /* width: 75px; */
+ /*background-color:rgba(0, 0, 0, 0.5);*/
+ background:rgba(0, 0, 0, 0.5) 50% 50% repeat-x;
+ border: none;
+ outline: none;
+ /*border-radius: 2px;*/
}
#volume-control-remote .ui-slider-range-min{
margin-left:0px;
- margin-top: 0px;
- height:10px;
- background: black;
+ /* margin-top: 0px; */
+ /* height:10px; */
+ /* background: black; */
+ height: 10px;
+ /* width: 75px; */
+ position: absolute;
+ background-color: rgba(0, 0, 0, 0.8);
+ border: none;
+ outline: none;
}
#volume-control-remote .ui-slider-handle{
- margin-left:-25px !important;
+ margin-left: -12.5px !important;
+ width: 40px;
margin-top:-3px;
background: #2d2d2d;
border:none;
- display: none;
+ /* display: none; */
+ /* height: 14px; */
+ /* width: 10px; */
+ height: 25px;
+ padding: 0;
+ border: 1px solid white;
+ width: 25px;
+ background: #000 50% 50% repeat-x;
+ position: absolute;
+ cursor: pointer;
+ outline: none;
+ /* border: none; */
+ margin-left: -7.5px;
+ /* margin-top: 0px; */
+ border-radius: 1000px;
+ transition: background 0.2s ease, box-shadow 0.2s ease;
}
.slider-vol{
diff --git a/public/dist/lib/jquery.ui.touch-punch.min.js b/public/dist/lib/jquery.ui.touch-punch.min.js
new file mode 100644
index 00000000..31272ce6
--- /dev/null
+++ b/public/dist/lib/jquery.ui.touch-punch.min.js
@@ -0,0 +1,11 @@
+/*!
+ * jQuery UI Touch Punch 0.2.3
+ *
+ * Copyright 2011–2014, Dave Furfero
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * Depends:
+ * jquery.ui.widget.js
+ * jquery.ui.mouse.js
+ */
+!function(a){function f(a,b){if(!(a.originalEvent.touches.length>1)){a.preventDefault();var c=a.originalEvent.changedTouches[0],d=document.createEvent("MouseEvents");d.initMouseEvent(b,!0,!0,window,1,c.screenX,c.screenY,c.clientX,c.clientY,!1,!1,!1,!1,0,null),a.target.dispatchEvent(d)}}if(a.support.touch="ontouchend"in document,a.support.touch){var e,b=a.ui.mouse.prototype,c=b._mouseInit,d=b._mouseDestroy;b._touchStart=function(a){var b=this;!e&&b._mouseCapture(a.originalEvent.changedTouches[0])&&(e=!0,b._touchMoved=!1,f(a,"mouseover"),f(a,"mousemove"),f(a,"mousedown"))},b._touchMove=function(a){e&&(this._touchMoved=!0,f(a,"mousemove"))},b._touchEnd=function(a){e&&(f(a,"mouseup"),f(a,"mouseout"),this._touchMoved||f(a,"click"),e=!1)},b._mouseInit=function(){var b=this;b.element.bind({touchstart:a.proxy(b,"_touchStart"),touchmove:a.proxy(b,"_touchMove"),touchend:a.proxy(b,"_touchEnd")}),c.call(b)},b._mouseDestroy=function(){var b=this;b.element.unbind({touchstart:a.proxy(b,"_touchStart"),touchmove:a.proxy(b,"_touchMove"),touchend:a.proxy(b,"_touchEnd")}),d.call(b)}}}(jQuery);
\ No newline at end of file
diff --git a/public/php/controller.php b/public/php/controller.php
index fa4cc12f..62c58ceb 100755
--- a/public/php/controller.php
+++ b/public/php/controller.php
@@ -2,7 +2,6 @@
-
diff --git a/public/php/header.php b/public/php/header.php
index 48ddc2f5..9bfd1881 100755
--- a/public/php/header.php
+++ b/public/php/header.php
@@ -38,6 +38,7 @@
+