sanitizing of comment input, improved comment display

[webpoll] / widgets.css

diff --git a/widgets.css b/widgets.css
index b0244fb34581d844e7cf7009cf46453117d41526..fd885d173314c9a5766928b2e1e18f85d4e2b191 100644 (file)
--- a/widgets.css
+++ b/widgets.css
@@ -6,6 +6,9 @@ table.calendar {
 table.calendar td {
   border: .5pt solid;
 }
+table.calendar th {
+  font-weight: normal;
+}
 
 table.calendar thead tr.monthname {
   border-style: solid;
@@ -60,3 +63,45 @@ table.calendar td button[name$=_remove] {
   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;
+}