Only show reply form when “comment” is clicked.

[Sone.git] / src / main / resources / static / css / sone.css

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index a0d5875..a03f618 100644 (file)
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -1,10 +1,26 @@
 /* Sone Main CSS File */
 
+/* first, override some fproxy rules. */
+#sone .post .reply div,#sone .post .time,#sone .post .delete,#sone .post .show-reply-form
+       {
+       font-size: inherit;
+}
+
+#sone form {
+       margin: 0px;
+}
+
+/* now for the real stuff. */
+
 #sone {
        width: 50em;
        margin: auto;
 }
 
+#sone .hidden {
+       display: none;
+}
+
 #sone a {
        color: inherit;
        text-decoration: none;
@@ -83,10 +99,6 @@
        padding: 1ex;
 }
 
-#sone .post .reply div, #sone .post .time, #sone .post .delete {
-       font-size: inherit; /* or else fproxy's css rules will fuck us. */
-}
-
 #sone .post .reply .time {
        float: none;
        display: inline;
@@ -94,6 +106,14 @@
        font-size: inherit;
 }
 
+#sone .post .show-reply-form {
+       display: inline;
+}
+
+#sone .post .show-reply-form:before {
+       content: ' ‧ ';
+}
+
 #sone .post .reply .status-line .delete {
        float: none;
        display: inline;
@@ -105,6 +125,12 @@
 
 #sone .post .create-reply {
        clear: both;
+       background-color: #eef;
+       padding: 0.5ex;
+}
+
+#sone .post .create-reply.light button {
+       display: none;
 }
 
 #sone h1 {
@@ -118,6 +144,6 @@
        font-weight: bold;
 }
 
-#sone input.createpost.default {
+#sone input.createpost.default, input.reply-input.default {
        color: #888;
-}
\ No newline at end of file
+}