X-Git-Url: https://asedeno.scripts.mit.edu/gitweb/?a=blobdiff_plain;f=bluechips%2Fpublic%2Fcss%2Fmobile.css;h=3637d765dd5f68fd5a1d738817d63fa3ca5c0373;hb=fed6d11d2cbd6d617d18bc01a78196865da4155b;hp=76476baacfdf60975aeeadb196aeb8fb0f5d6a1e;hpb=833a39dd1f761b9ae4e906135af18e0b0f244492;p=bluechips.git

diff --git a/bluechips/public/css/mobile.css b/bluechips/public/css/mobile.css
index 76476ba..3637d76 100644
--- 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 #aaa;
     padding: 5px 1px;
 }
-#tabs a.selected {
+#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,13 +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;
 }
 #non-mobile a {
     display: block;
-    width: 100%;
     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;
 }