Update appcache version.

[skeletonkey.git] / hosted.css

diff --git a/hosted.css b/hosted.css
index 16dd01bc516e7801989bb2b2740c85009ad51700..c387c4d23b40be10a1198012001476797074d6cc 100644 (file)
--- a/hosted.css
+++ b/hosted.css
@@ -25,17 +25,13 @@ body {
   width: 50em;
 }
 
+p {
+  margin-top: 1em;
+}
+
 iframe {
-  border: none;
-  padding: 0;
-  overflow: hidden;
   margin: 3em 0;
-
   width: 37em;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-
   background-color: #FFF;
   border-color: #CCC;
   border-style: solid;
@@ -49,3 +45,36 @@ iframe {
 #options {
   height: 6.25em;
 }
+
+@media screen and (max-width: 800px) {
+  body {
+    background-color: #FFF;
+    width: 100%;
+    font-size: 1.1em;
+  }
+
+  h1 {
+    font-size: 1.5em;
+    background-color: hsl(0, 0%, 23%);
+    color: white;
+    padding: .2em;
+  }
+  p {
+    display: none;
+  }
+
+  iframe {
+    width: 100%;
+    border: none;
+    margin: 1em 0;
+    overflow: hidden;
+  }
+
+  iframe#core {
+    height: 25em;
+  }
+
+  iframe#options {
+    display: none;
+  }
+}