X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=widgets.css;h=a93e2a33eac4c4d7055024631607ff9882e96c3a;hb=2fa0a232ede0b9986be5a07c5de4239e4c7a67af;hp=b548d3806dff447f674a1912b9b73a727c8886c3;hpb=0b60e2e81ffac0fcdd7760d3034f0e1d36f40c8f;p=webpoll

diff --git a/widgets.css b/widgets.css
index b548d38..a93e2a3 100644
--- a/widgets.css
+++ b/widgets.css
@@ -63,3 +63,67 @@ table.calendar td button[name$=_remove] {
   line-height: .75em;
   border: .125em solid;
 }
+
+#comments input#comments_toggle_new,
+#comments input#comments_toggle_new + label + form {
+  display: none;
+  text-align: left;
+}
+#comments input#comments_toggle_new:checked + label + form {
+  display: block;
+}
+#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;
+}
+#comments input#comments_toggle_new:checked + label {
+  display: none;
+}
+
+#comments form label.legend {
+  display: block;
+}
+
+#comments input[name=username],
+#comments textarea {
+  width: 100%;
+}
+#comments textarea {
+  min-height: 7em;
+  margin: .5em 0;
+}
+
+#comments .comment {
+  text-align: left;
+  margin: .5em 0;
+  padding: 0 .5em .25em .5em;
+  -padding-left: .5em;
+  -border-left: 3pt solid #CCC;
+  box-shadow: #000 .25em .25em .5em;
+}
+
+#comments .comment > h3 {
+  padding-top: .5em;
+  margin-bottom: 0;
+}
+
+#comments .comment > span {
+  display: inline-block;
+  min-width: 50%;
+  font-size: .875em;
+  color: #666;
+}
+#comments .comment > a.edit {
+  display: block;
+  min-width: 50%;
+  font-size: .875em;
+}
+#comments .comment > div {
+  border-top: .5pt solid;
+}
+