diff --git a/www/style/bible.css b/www/style/bible.css index 577e7cf..e2cf268 100644 --- a/www/style/bible.css +++ b/www/style/bible.css @@ -17,79 +17,87 @@ } /* UI interface theme overrides */ -.bottomTabs +body.ipad .bottomTabs { background-color:#404850; - background-size:400px 400px; - background-image:url('../images/textures/fzm-leather-blue.jpg'); - -webkit-box-shadow:inset 0px 10px 10px #202428; + background-size:1024px 100px; + background-image:url('../images/textures/leather-border-blue.png'); + -webkit-box-shadow:none; } -.bottomTabs .barItem.sel +body.ipad .bottomTabs .barItem +{ + border-left: 1px solid transparent; + border-right: 1px solid transparent; + margin-top: 5px; +} + +body.ipad .bottomTabs .barItem.sel { border-radius:0; background-color: rgba(32,36,40,0.5); - -webkit-box-shadow: inset 1px 0px 1px rgba(0,0,0,0.125), inset -1px 0px 1px rgba(255,255,255,0.125); + border-left: 1px solid rgba(0,0,0,0.125); + border-right:1px solid rgba(255,255,255,0.125); + -webkit-box-shadow: none; color:#FFF; } - -.bottomtabs .baritem.sel span +body.ipad .bottomtabs .barItem span +{ + margin-bottom: -28px; + margin-top: -2px; +} +body.ipad .bottomtabs .baritem.sel span { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF)); } -.navbar, .iphone .navBar +body.ipad .navbar { border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); - background-size:400px 400px; - background-image:url('../images/textures/fzm-leather-blue.jpg'); + background-size:400px 100px; + background-image:url('../images/textures/fzm-leather-blue.png'); background-color:#404850; } -#menuPanel +body.ipad #menuPanel { border-right:1px solid #404850; } -.button.black, .button +body.ipad .button.black, body.ipad .button { text-shadow: 1px 1px 1px #000; background-color: #404850; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.25))); - -webkit-box-shadow: 0px 0px 1px rgba(255,255,255,0.5); + -webkit-box-shadow: none; } -.back.black > span +body.ipad .back.black > span { background-color: #404850; background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.25))); } -.segmentedcontrolbar +body.ipad .segmentedcontrolbar { border-radius: 5px; - border: 1px solid rgba(0,0,0,0.25); - margin: 3px; - margin-top: 3px; - margin-left: 12px; - margin-right: 12px; - -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: none; + background-color: #404850; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.50)), to(rgba(0,0,0,0))); } -.segmentedcontrolbar a +body.ipad .segmentedcontrolbar a { border-right: 1px solid rgba(255,255,255, 0.125); border-left: 1px solid rgba(0,0,0, 0.125); - text-shadow: 1px 1px 1px #FFF; color: rgba(255,255,255,.75); text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } -.segmentedcontrolbar a.sel +body.ipad .segmentedcontrolbar a.sel { - -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: none; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.25);