page background

diff --git a/webpoll.css b/webpoll.css
index d8f0da1621189af462d78c8e2b7d2a957b5a9315..90d9d64ef71040acb5385bf996e9d6382620be32 100644 (file)
--- a/webpoll.css
+++ b/webpoll.css
@@ -1,3 +1,17 @@
+body {
+  background-size: 4pt 4pt;
+  background-image: /* #6AF #6FF */
+    linear-gradient( 0deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%),
+    linear-gradient(90deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%);
+}
+
+body > form {
+  background-color: rgba(255,255,255,.75) ;
+  padding: 1em; margin: 1em auto 1em auto;
+  border-radius: .5ex;
+  box-shadow: #000 .125em .125em 1em;
+}
+
 body.home form {
   position: fixed;
   left: 50%; top: 50%;
@@ -6,7 +20,6 @@ body.home form {
 
 body.newdate form {
   text-align: center;
-  margin: auto;
   max-width: 100%;
 }
 body.newdate form fieldset.date,
@@ -17,7 +30,7 @@ body.newdate form fieldset.splittimes {
   margin: .5em 0 1em 0;
 }
 
-body.newdate form { width: 24em; }
+body.newdate form { width: 26em; }
 body.newdate form input[name=title],
 body.newdate form textarea[name=description] {
   width: 100%;
@@ -29,7 +42,7 @@ body.newdate form fieldset.splittimes {
 }
 
 @media(min-width: 48em) {
-  body.newdate form { width: 48em; }
+  body.newdate form { width: 50em; }
   body.newdate form input[name=title],
   body.newdate form textarea[name=description] {
     width: 100%;
@@ -77,6 +90,7 @@ body.newdate form .date table + button[name=month]:before {
 }
 
 body.newdate form .date table.calendar {
+  background-color: #FFF;
   font-size: 17.5pt;
   -vertical-align: middle;
 }