Complex theme for iPad only, ATM. Book color is applied to all platfo…

…rms.
photokandyStudios · Mar 15, 2012 · d80302d · d80302d
1 parent 73de35d
commit d80302d
Showing 1 changed file with 34 additions and 26 deletions.
diff --git 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);