added polling page

[webpoll] / webpoll.css

diff --git a/webpoll.css b/webpoll.css
index fafb9f4e5dcf593b4e08b7c3e246c118feb9c618..cfc363be9808115da33df6b412c45539b6fddc82 100644 (file)
--- a/webpoll.css
+++ b/webpoll.css
@@ -18,6 +18,76 @@ body.home form {
   transform: translate(-50%, -50%);
 }
 
+body.poll form {
+  text-align: center;
+  max-width: 95%;
+}
+body.poll .description {
+  text-align: left;
+  max-width: 50em;
+  padding: 1pt 1em 1em 1em;
+  margin: auto;
+  margin-bottom: 1em;
+  background-color: rgba(255,255,255,.5);
+}
+body.poll .description .title {
+  text-align: center;
+}
+body.poll table {
+  background-color: rgba(255,255,255,.5);
+  border-collapse: collapse;
+  margin: auto;
+  -border: .5pt solid;
+  box-shadow: #000 .25em .25em .5em;
+  border-radius: 2pt;
+}
+body.poll table thead tr.dates th {
+  padding: .25em;
+}
+body.poll table thead tr.tod th {
+  border-width: .5pt;
+  border-style: none solid none solid;
+  padding: .25em;
+}
+body.poll table tbody tr td {
+  text-align: center;
+  border: .5pt solid;
+  padding: 0 .25em;
+}
+body.poll table tbody tr td:first-child,
+body.poll table tbody tr td:last-child,
+body.poll table thead tr th:first-child,
+body.poll table thead tr th:last-child { border: none; }
+
+body.poll table tbody tr th.name  { padding: .25em .5em; text-align: right; }
+body.poll table tbody tr td.yes   { background-color: #AFA; }
+body.poll table tbody tr td.no    { background-color: #FAA; }
+body.poll table tbody tr td.maybe { background-color: #FFA; }
+
+body.poll table td input[type=radio] { display: none; }
+body.poll table td input[type=radio] + label {
+  font-size: .875em;
+  text-decoration: underline;
+  color: #066;
+  padding: .25em;
+  margin: 0;
+}
+body.poll table td input[type=radio]:checked + label {
+  font-weight: bold;
+}
+body.poll table td input[type=radio][value=yes]:checked + label {
+  background-color: #AFA;
+  margin: 0 -1.5pt;
+}
+body.poll table td input[type=radio][value=no]:checked + label {
+  background-color: #FAA;
+  margin: 0 -.75pt;
+}
+body.poll table td input[type=radio][value=maybe]:checked + label {
+  background-color: #FFA;
+  margin: 0 -1.75pt;
+}
+
 body.newdate form {
   text-align: center;
   max-width: 100%;