diff --git a/webclient/README.md b/webclient/README.md old mode 100755 new mode 100644 diff --git a/webclient/css/webclient.css b/webclient/css/webclient.css index 83f2b44..ca47b15 100644 --- a/webclient/css/webclient.css +++ b/webclient/css/webclient.css @@ -13,7 +13,7 @@ * portr 48 ****************************/ -@media all and (min-width: 40.1em) { +@media all and (min-width: 961px) { /*header*/ .header-breakpoint.ui-grid-b .ui-block-a { width: 30%; @@ -40,6 +40,15 @@ #playlisttracksdiv { margin-left: 10px; } + #playlisttracksback { + display:none; + } + #playlisttracksdiv { + display:block; + } + #playlistslistdiv { + display:block; + } /*search*/ .srch-breakpoint.ui-grid-a .ui-block-b { margin-left: .5em; @@ -47,41 +56,16 @@ .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { width: 49%; } - .scroll { +/* .scroll { overflow-y: auto; overflow-x: hidden; } +*/ } -/* tablet etc */ -@media all and (min-width: 30.1em) and (max-width: 40em) { - /*header*/ - .header-breakpoint.ui-grid-b .ui-block-a { - width: 45.95%; - clear: left; - } - .header-breakpoint.ui-grid-b .ui-block-b { - display: none; - width: 0; - } - .header-breakpoint.ui-grid-b .ui-block-c { - width: 40%; - } - /*search*/ - .srch-breakpoint.ui-grid-a .ui-block-b { - margin-left: .2em; - } - .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { - width: 49.5%; - } - .scroll { - overflow-y: scroll; - overflow-x: hidden; - } -} /* phone landscape */ -@media all and (max-width: 30em) { +@media all and (max-width: 960px) { /*header*/ .header-breakpoint.ui-grid-b .ui-block-a { width: 35%; @@ -101,24 +85,19 @@ .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { width: 100%; } - #playlistspane, .scroll { -/* overflow-y: auto; - overflow-x: hidden; -*/ +/* .scroll { width: 100%; - heigth: 90%; + heigth: 99%; } -} - -/* phone portrait */ -@media all and (max-width: 25em) { - - #playlistspane, .scroll { - overflow-y: auto; - overflow-x: hidden; - width: auto; - max-width: 100%; - heigth: 100%; +*/ + #playlisttracksback { + display:block; + } + #playlisttracksdiv { + display:none; + } + #playlistslistdiv { + display:block; } } diff --git a/webclient/fonts/FontAwesome.otf b/webclient/fonts/FontAwesome.otf old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.eot b/webclient/fonts/fontawesome-webfont.eot old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.svg b/webclient/fonts/fontawesome-webfont.svg old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.ttf b/webclient/fonts/fontawesome-webfont.ttf old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.woff b/webclient/fonts/fontawesome-webfont.woff old mode 100755 new mode 100644 diff --git a/webclient/images/ajax-loader.gif b/webclient/images/ajax-loader.gif old mode 100755 new mode 100644 diff --git a/webclient/images/default_cover.png b/webclient/images/default_cover.png old mode 100755 new mode 100644 diff --git a/webclient/images/empty.png b/webclient/images/empty.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-18-black.png b/webclient/images/icons-18-black.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-18-white.png b/webclient/images/icons-18-white.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-36-black.png b/webclient/images/icons-36-black.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-36-white.png b/webclient/images/icons-36-white.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/AUTHORS b/webclient/images/icons/AUTHORS old mode 100755 new mode 100644 diff --git a/webclient/images/icons/LICENSE b/webclient/images/icons/LICENSE old mode 100755 new mode 100644 diff --git a/webclient/images/icons/cd_32x32.png b/webclient/images/icons/cd_32x32.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/pause_32x32.png b/webclient/images/icons/pause_32x32.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/play_alt_12x12.png b/webclient/images/icons/play_alt_12x12.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/play_alt_16x16.png b/webclient/images/icons/play_alt_16x16.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/play_alt_32x32.png b/webclient/images/icons/play_alt_32x32.png old mode 100755 new mode 100644 diff --git a/webclient/images/loader.gif b/webclient/images/loader.gif old mode 100755 new mode 100644 diff --git a/webclient/images/start.jpg b/webclient/images/start.jpg old mode 100755 new mode 100644 diff --git a/webclient/images/startup.png b/webclient/images/startup.png new file mode 100644 index 0000000..54684a4 Binary files /dev/null and b/webclient/images/startup.png differ diff --git a/webclient/images/user_24x32.png b/webclient/images/user_24x32.png new file mode 100644 index 0000000..929f40e Binary files /dev/null and b/webclient/images/user_24x32.png differ diff --git a/webclient/index.html b/webclient/index.html index e70912c..a0ab82c 100644 --- a/webclient/index.html +++ b/webclient/index.html @@ -24,7 +24,10 @@ new FastClick(document.body); }, false); - + + + + @@ -96,7 +99,7 @@
Add an url of a radio station stream that you want to listen to in the boxes below. The last 25 stations are saved locally (not
on the server yet). To find stations, use the Browse function with extensions like Dirble or TuneIn, the right values will appear in these boxes automatically. Or use websites like Listenlive or ';
+ child = '' + name + '
..
..
Back