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
This commit is contained in:
blackcatsandy
2015-01-23 11:55:03 +00:00
parent 4cd058c46d
commit cc20a06c7b

View File

@@ -64,26 +64,6 @@ padding-left:30px;
-webkit-transition:scale(-webkit-calc(100vw - 260px),100px); -webkit-transition:scale(-webkit-calc(100vw - 260px),100px);
transition:scale(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*/ /*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 { .hideMenu #menu {
display:none; display:none;
} }