Update appcache version.
[skeletonkey.git] / core.css
index 265d9d0265d5d70283dc9efe543c2a8dc8df0e49..619593d1a77e14cb3269c35b2f4eddd8f5da0a2d 100644 (file)
--- a/core.css
+++ b/core.css
  * DEALINGS IN THE SOFTWARE.
  */
 
-* {
-  padding: 0;
-  margin: 0;
-}
-
 body {
-  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
-  font-size: .8em;
-
-  padding: .2em;
-
   width: 36em;
 }
 
-ol {
+ol, ul {
   list-style-type: none;
 }
 
@@ -48,7 +38,8 @@ li label {
   font-weight: bold;
 }
 
-li input {
+li input, li .input {
+  display: inline-block;
   padding: .3em;
   width: 22em;
   font-size: 1em;
@@ -89,3 +80,37 @@ hr {
 .clear {
   clear: both;
 }
+
+@media screen and (max-width: 450px) {
+  body {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    font-size: 1.1em;
+  }
+
+  li {
+    margin-bottom: 1.4em;
+  }
+
+  li input, li .input {
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  li label {
+    text-align: left;
+    color: hsl(0, 0%, 23%);
+  }
+
+  li button {
+    float: none;
+    width: 100%;
+    margin: 0;
+  }
+
+  hr {
+    display: none;
+  }
+}