From cc20a06c7b3bed5145d9fd30d6998d34d25d7a64 Mon Sep 17 00:00:00 2001 From: blackcatsandy Date: Fri, 23 Jan 2015 11:55:03 +0000 Subject: [PATCH] Responsive iOS 6 Theme - ios6.js needs to be added in the config. Supports Desktop, iPad, iPhone - added better iPad Support http://forum.fhem.de/index.php/topic,23406.msg166953.html#msg166953 git-svn-id: svn://svn.code.sf.net/p/fhem/code/trunk@7669 2b470e98-0d58-463d-a4d8-8e2adae1ed80 --- fhem/www/pgm2/ios6touchpadstyle.css | 41 +++++++++++++++-------------- 1 file changed, 21 insertions(+), 20 deletions(-) diff --git a/fhem/www/pgm2/ios6touchpadstyle.css b/fhem/www/pgm2/ios6touchpadstyle.css index 56e3b1616..89ede3ed9 100644 --- a/fhem/www/pgm2/ios6touchpadstyle.css +++ b/fhem/www/pgm2/ios6touchpadstyle.css @@ -64,26 +64,6 @@ padding-left:30px; -webkit-transition:scale(-webkit-calc(100vw - 260px),100px); transition:scale(calc(100vw - 260px),100px); } -/*iPad Skalierung*/ -/* iPads (landscape) ----------- */ -@media only screen -and (min-device-width : 768px) -and (max-device-width : 1024px) -and (orientation : landscape) { -body { -width:1024px; -} -} - -/* iPads (portrait) ----------- */ -@media only screen -and (min-device-width : 768px) -and (max-device-width : 1024px) -and (orientation : portrait) { -body { -width:768px; -} -} /*iPhone Skalierung*/ @@ -163,6 +143,27 @@ width:960px; } } +/*iPad Skalierung*/ +/* iPads (landscape) ----------- */ +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : landscape) { +body { +width:1024px; +} +} + +/* iPads (portrait) ----------- */ +@media only screen +and (min-device-width : 768px) +and (max-device-width : 1024px) +and (orientation : portrait) { +body { +width:768px; +} +} + .hideMenu #menu { display:none; }