App title and basic styling

diff --git a/index.cgi b/index.cgi
index f18743956e9607ce88fe019254b7fd67759c378a..170645f4c3d1d733f1b5173d710e1c5eedcd3ac5 100755 (executable)
--- a/index.cgi
+++ b/index.cgi
@@ -23,6 +23,7 @@ yield_page() {
   printf 'Content-Type: text/html; charset=utf-8\r\n\r\n'
   { printf '
        [html [head
   printf 'Content-Type: text/html; charset=utf-8\r\n\r\n'
   { printf '
        [html [head

+          [title Confetti]

          [meta name="viewport" content="width=device-width"]
          [link rel="stylesheet" type="text/css" href="/style.css"]
     '
          [meta name="viewport" content="width=device-width"]
          [link rel="stylesheet" type="text/css" href="/style.css"]
     '

diff --git a/style.css b/style.css
index e8d385a8b13bfbe6aff469955b0150da824f7b1c..33e7cd03c18840c700871e337d23973e6ecfb826 100644 (file)
--- a/style.css
+++ b/style.css
@@ -3,8 +3,22 @@
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

+  padding: 0; margin: 0;
+  font-size: initial;
+  line-height: 1.25em;

   z-index: 0;
 }
   z-index: 0;
 }

+
+input, textarea, select, select * {
+  font-size: .875em;
+  padding: .125em .125em;
+}
+input, select {
+  height: 1.5em;
+  vertical-align: bottom;
+}
+button { padding: 0 .5em; }
+

 body {
   background: #EEE;
   margin: 0;
 body {
   background: #EEE;
   margin: 0;