Make all resource URLs relative to the script_name variable.

[bluechips.git] / bluechips / public / css / mobile.css

diff --git a/bluechips/public/css/mobile.css b/bluechips/public/css/mobile.css
index e79d9e5c49acb709b5cdaf5247b5172e142433fb..3637d765dd5f68fd5a1d738817d63fa3ca5c0373 100644 (file)
--- a/bluechips/public/css/mobile.css
+++ b/bluechips/public/css/mobile.css
@@ -1,6 +1,7 @@
 body {
     width: auto;
     font-size: 1em;
+    -webkit-text-size-adjust: none;
 }
 #tabs img {
     width: 64px;
@@ -9,20 +10,22 @@ body {
 #tabs a {
     text-align: center;
     display: block;
+}
+#portrait #tabs a {
     width: 98px;
     float: left;
     border-top: 1px solid #fff;
-    border-bottom: 1px solid #000;
+    border-bottom: 1px solid #aaa;
     padding: 5px 1px;
 }
-#tabs a.selected {
-    border: 1px solid #000;
+#portrait #tabs a.selected {
+    border: 1px solid #aaa;
     border-bottom: 1px solid #fff;
     padding: 5px 0;
     -webkit-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
 }
-#tabs:after {
+#portrait #tabs:after {
     content: ".";
     display: block;
     clear: both;
@@ -31,9 +34,37 @@ body {
     height: 0;
     margin-bottom: 10px;
 }
+#landscape #tabs {
+    float: left;
+    width: 100px;
+    margin-right: 10px;
+}
+#landscape #tabs a {
+    border-left: 1px solid #fff;
+    border-right: 1px solid #aaa;
+    padding: 4px 5px;
+}
+#landscape #tabs a.selected {
+    border: 1px solid #aaa;
+    border-right: 1px solid #fff;
+    padding: 3px 5px;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-bottom-left-radius: 10px;
+}
 div.tab {
     display: none;
 }
-#tab-status {
+#non-mobile a {
     display: block;
+    text-align: center;
+    padding: 5px 0;
+    border: 1px solid #aaa;
+    margin-bottom: 5px;
+}
+#portrait #non-mobile a {
+    width: 100%;
+}
+#landscape #non-mobile a {
+    float: right;
+    width: 352px;
 }