Add mobile style

[skeletonkey.git] / hosted.css

diff --git a/hosted.css b/hosted.css
index 9a79986abe18fca573f985c114c356659b52ae4c..80dc4d83bf7de4809e04bbee892fe6bf3f641a15 100644 (file)
--- a/hosted.css
+++ b/hosted.css
@@ -53,3 +53,28 @@ iframe {
 #options {
   height: 6.25em;
 }
+
+@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
+  body {
+    background-color: #FFF;
+  }
+
+  h1 {
+    font-size: 4em;
+  }
+  p {
+    display: none;
+  }
+
+  iframe {
+    width: 100%;
+    border: none;
+  }
+
+  #core {
+    height: 20em;
+  }
+  #options {
+    height: 10em;
+  }
+}