From ff56d0d28aa734b5450c45009f85dcdbcc3cb1ee Mon Sep 17 00:00:00 2001 From: blackcatsandy Date: Mon, 8 Jun 2015 04:33:35 +0000 Subject: [PATCH] Responsive iOS 6 Theme - ios6.js needs to be added in the config. Android + Floorplan + Dashboard Fixes http://forum.fhem.de/index.php/topic,23406.msg166953.html#msg166953 git-svn-id: https://svn.fhem.de/fhem/trunk@8714 2b470e98-0d58-463d-a4d8-8e2adae1ed80 --- fhem/www/pgm2/ios6dashboard.css | 4 +++ fhem/www/pgm2/ios6touchpadfloorplanstyle.css | 26 ++++++++++++++++++++ fhem/www/pgm2/ios6touchpadstyle.css | 2 -- 3 files changed, 30 insertions(+), 2 deletions(-) diff --git a/fhem/www/pgm2/ios6dashboard.css b/fhem/www/pgm2/ios6dashboard.css index c5cb8227b..4fab54297 100644 --- a/fhem/www/pgm2/ios6dashboard.css +++ b/fhem/www/pgm2/ios6dashboard.css @@ -4,6 +4,10 @@ /* by Sandra Ohmayer */ /* http://www.animeschatten.net */ +a { + outline: 0; +} + .ui-widget-overlay {background: #000000;opacity: .7;filter: Alpha(Opacity=30);position: fixed;top: 0;left: 0;width: 100%;height: 100%;} .ui-corner-bottom, .ui-corner-top, diff --git a/fhem/www/pgm2/ios6touchpadfloorplanstyle.css b/fhem/www/pgm2/ios6touchpadfloorplanstyle.css index 48d511a50..907f0e7d6 100644 --- a/fhem/www/pgm2/ios6touchpadfloorplanstyle.css +++ b/fhem/www/pgm2/ios6touchpadfloorplanstyle.css @@ -162,6 +162,32 @@ text-shadow: 0px -1px #000000; padding-right: 7px; } +#floorplans svg { + fill:#FFF; + padding:5px; + width:18px; + height:18px; + box-shadow:inset 0 1px 1px rgba(255,255,255,0.7); + background:-moz-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); +/* FF3.6+ */ + background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.7)),color-stop(100%,rgba(255,255,255,0.2))); +/* Chrome,Safari4+ */ + background:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); +/* Chrome10+,Safari5.1+ */ + background:-o-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); +/* Opera 11.10+ */ + background:-ms-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); +/* IE10+ */ + background:linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); +/* W3C */ + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff',endColorstr='#33ffffff',GradientType=0); +/* IE6-9 */ + background-size:28px 12px; + background-repeat:no-repeat; + border-radius:5px; + border:1px solid #666; + background-color:#4b6dab; +} #fpmenu.fp_arrange { width:200px; diff --git a/fhem/www/pgm2/ios6touchpadstyle.css b/fhem/www/pgm2/ios6touchpadstyle.css index 0f0847279..fd8877684 100644 --- a/fhem/www/pgm2/ios6touchpadstyle.css +++ b/fhem/www/pgm2/ios6touchpadstyle.css @@ -180,7 +180,6 @@ and (orientation : portrait) { width:360px } .isAndroidTablet { - width:1080px; } } @@ -190,7 +189,6 @@ and (orientation : landscape) { width:640px } .isAndroidTablet { - width:1920px; } }