Update appcache version.

[skeletonkey.git] / core.css

diff --git a/core.css b/core.css
index 82d389e91ad0ca27d021b39010f7cc266bd171c7..619593d1a77e14cb3269c35b2f4eddd8f5da0a2d 100644 (file)
--- a/core.css
+++ b/core.css
@@ -19,17 +19,11 @@
  * DEALINGS IN THE SOFTWARE.
  */
 
-* {
-  padding: 0;
-  margin: 0;
-}
-
 body {
-  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
-  font-size: 1em;
+  width: 36em;
 }
 
-ol {
+ol, ul {
   list-style-type: none;
 }
 
@@ -41,15 +35,82 @@ li label {
   width: 12em;
   text-align: right;
   display: inline-block;
+  font-weight: bold;
+}
+
+li input, li .input {
+  display: inline-block;
+  padding: .3em;
+  width: 22em;
+  font-size: 1em;
+
+  border-color: #CCCCCC;
+  border-style: solid;
+  border-width: .1em;
 }
 
-li input {
-  padding: .2em;
-  width: 15em;
-  font-size: .8em;
+li input:focus {
+  outline: rgb(15, 74, 169) solid .1em;
 }
 
 button {
   font-size: 1em;
-  padding: .3em;
+  padding: .5em 1.0em;
+  margin: .5em;
+  float: right;
+
+  background-color: #CECECE;
+  border-color: #909090;
+  border-style: solid;
+  border-width: .1em;
+  border-radius: .2em;
+}
+
+button:active {
+  border-color: rgb(15, 74, 169);
+}
+
+hr {
+  background-color: #CCCCCC;
+  border: none;
+  height: .1em;
+  margin: 1em .5em;
+}
+
+.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;
+  }
 }