sanitizing of comment input, improved comment display

[webpoll] / widgets.css

diff --git a/widgets.css b/widgets.css
index bb48f5272aaeb5764f4754361dee99103b5b6b6d..fd885d173314c9a5766928b2e1e18f85d4e2b191 100644 (file)
--- a/widgets.css
+++ b/widgets.css
@@ -4,25 +4,33 @@ table.calendar {
   vertical-align: top;
 }
 table.calendar td {
-  border: 1pt solid;
+  border: .5pt solid;
+}
+table.calendar th {
+  font-weight: normal;
 }
 
 table.calendar thead tr.monthname {
   border-style: solid;
-  border-width: 1pt 1pt 1pt 1pt;
+  border-width: .5pt .5pt .5pt .5pt;
+  line-height: 1.5em;
+  font-size: 1.125em;
+}
+table.calendar thead tr.weekday {
+  line-height: 1.5em;
 }
 table.calendar thead tr.weekday th:first-of-type {
   border-style: solid;
-  border-width: 0pt 0pt 0pt 1pt;
+  border-width: 0pt 0pt 0pt .5pt;
 }
 table.calendar thead tr.weekday th:last-child {
-  border-right: 1pt solid;
+  border-right: .5pt solid;
 }
 table.calendar tbody tr th {
-  border-left: 1pt solid #000;
+  border-left: .5pt solid #000;
 }
 table.calendar tbody tr:last-child th {
-  border-bottom: 1pt solid #000;
+  border-bottom: .5pt solid #000;
 }
 
 table.calendar tbody tr th.weekno {
@@ -37,16 +45,63 @@ table.calendar input[type=radio],
 table.calendar input[type=checkbox] {
   display: none;
 }
-table.calendar td label {
+table.calendar td label,
+table.calendar td button {
   display: inline-block;
   width: 2em;
   margin: 0; padding: .25em;
   text-align: right;
   line-height: 1em;
+  box-shadow: none;
+  border-radius: 0;
+  border: none;
 }
 table.calendar td input:checked + label,
-table.calendar td label[checked] {
+table.calendar td label[checked],
+table.calendar td button[name$=_remove] {
   font-weight: bold;
   line-height: .75em;
   border: .125em solid;
 }
+
+section#comments input#comments_toggle_new,
+section#comments input#comments_toggle_new + label + form {
+  display: none;
+  text-align: left;
+}
+section#comments input#comments_toggle_new:checked + label + form {
+  display: block;
+}
+section#comments input#comments_toggle_new + label {
+  display: block;
+  width: 100%; margin: 0;
+  padding: .25em .75em;
+  background-color: #FFF;
+  text-align: left;
+  border: .5pt solid;
+  border-radius: 2pt;
+}
+section#comments input#comments_toggle_new:checked + label {
+  display: none;
+}
+
+section#comments input[name=username],
+section#comments textarea {
+  width: 100%;
+}
+section#comments textarea {
+  min-height: 7em;
+  margin: .5em 0;
+}
+
+section#comments .comment {
+  text-align: left;
+  padding-left: .5em;
+  border-left: 3pt solid #CCC;
+}
+
+section#comments div.comment > h3 {
+  background-color: #CCC;
+  margin-left: -.5em;
+  padding-left: .5em;
+}