diff --git a/share/lua/http/css/mobile.css b/share/lua/http/css/mobile.css
index e69de29..bc70c06 100644
--- a/share/lua/http/css/mobile.css
+++ b/share/lua/http/css/mobile.css
@@ -0,0 +1,181 @@
+root {
+ display: block;
+}
+#content{
+
+}
+body{
+ font: 11pt Helvetica, Arial, sans-serif;
+ background-color:#EEE;
+}
+
+#libraryTree{
+ height: 300px;
+ overflow:scroll;
+ white-space: nowrap;
+ text-align: left;
+}
+
+#mediaViewer{
+ min-height: 500px;
+}
+#meta {
+ position:relative;
+ width:100%;
+}
+#seekSlider{
+ width: 100%;
+}
+
+#volumeSlider{
+ width: 100%;
+ display: inline-block;
+}
+#currentVolume{
+ display: inline-block;
+}
+#mediaTitle{
+ text-align:center;
+ width:100%;
+ margin-top:5px;
+}
+#currentTime{
+ float: left;
+ text-align: left;
+}
+#totalTime{
+ float: right;
+ text-align: right;
+}
+#play_controls, #controls{
+ margin-top:30px;
+ width:95%;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+#controlTable{
+ position:relative;
+ height: 150px;
+}
+
+#buttonszone li{
+ float: left;
+}
+
+#art{
+ top:0px;
+ width:150px;
+ height:150px;
+ margin:0 auto;
+ box-sizing:border-box;
+ -webkit-box-sizing:border-box;
+}
+
+.ui-slider-range{
+ background-color:#FFB200;
+ background:#FFB200 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
+}
+
+
+#buttons{
+ margin:0 auto;
+ position: relative;
+ width:265px;
+}
+.button48{
+ width: 48px;
+ height: 48px;
+ margin: 5px 0px 5px 15px;
+ background: none;
+ border: none;
+ display: inline-block;
+ cursor: pointer;
+ background-image: url("../images/buttons.png");
+ background-repeat: no-repeat;
+}
+
+.button{
+ cursor: pointer;
+ display: inline-block;
+}
+#buttonOpen{
+ background-position: 0px 0px;
+}
+#buttonStop{
+ background-position: -576px 0px;
+}
+.playing {
+ background-position: -336px 0px;
+}
+.paused {
+ background-position: -384px 0px;
+}
+#buttonPrev{
+ background-position: -144px 0px;
+}
+#buttonNext{
+ background-position: -288px 0px;
+}
+#buttonFull{
+ background-position: -192px 0px;
+}
+#buttonSout{
+ background-position: -624px 0px;
+}
+#buttonEQ{
+ background-position: -48px 0px;
+}
+#window_browse ol{
+ list-style-type: none;
+}
+#window_browse ol li{
+ list-style-type: none;
+ float: left;
+ padding: 5px;
+}
+.system_icon{
+ width:80px;
+ text-align:center;
+ vertical-align:top;
+ display: inline-block;
+ cursor: pointer;
+ padding: 2px;
+ border: 1px solid #823D0A;
+ margin: 2px;
+ height: 92px;
+ background-color: #E1E1E1;
+ overflow: hidden;
+}
+#window_create_stream table tr td{
+ font-size: 11px;
+}
+
+#window_equalizer div div{
+ text-align: center;
+ font-size: 11px;
+ padding: 0px;
+}
+.eqBand{
+ margin-bottom: 10px;
+ margin-top: 10px;
+ height: 400px;
+ font-size: 1.5em;
+}
+.footer{
+ margin-top: 30px;
+ text-align: center;
+ font-size: 11px;
+}
+
+div.centered{
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.hidden{
+ visibility: hidden;
+ display: none;
+}
diff --git a/share/lua/http/mobile.html b/share/lua/http/mobile.html
index f86a03a..466ab58 100644
--- a/share/lua/http/mobile.html
+++ b/share/lua/http/mobile.html
@@ -24,11 +24,13 @@
VLC media player - Web Interface
-
+
+
+
-
+
@@ -64,59 +66,37 @@
-
-
-
-
-
-
- |
-
-
-
-
-
- |
-
-
- |
-
-
-
-
- |
-
-
-
-
- |
-
-
-
-
-
-
-
-
- 00:00:00
- |
-
- 00:00:00
- |
-
-
- |
-
-
+
+
+
+
+
+
+
+
+
00:00:00
+
00:00:00
+
+
+
+
+
+
+