Make profile link smaller.

[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 ab4d8a5..67f3dc9 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;
@@ -28,6 +44,10 @@
        float: left;
 }
 
+#sone #profile .edit-profile-link {
+       font-size: 85%;
+}
+
 #sone .nice-name {
        font-weight: bold;
 }
@@ -50,20 +70,30 @@
 
 #sone .post .text {
        display: inline;
+       white-space: pre-wrap;
+}
+
+#sone .post .status-line {
+       clear: both;
+       font-size: 85%;
 }
 
 #sone .post .time {
+       display: inline;
        color: #666;
-       float: left;
-       font-size: 85%;
 }
 
 #sone .post .delete {
-       float: right;
+       display: inline;
+}
+
+#sone .post .delete:before {
+       content: ' ‧ ';
 }
 
 #sone .post .replies {
        clear: both;
+       padding-top: 0.2ex;
 }
 
 #sone .post .reply {
@@ -74,18 +104,38 @@
        padding: 1ex;
 }
 
-#sone .post .reply div {
-       font-size: inherit; /* or else fproxy's css rules will fuck us. */
-}
-
 #sone .post .reply .time {
        float: none;
+       display: inline;
        color: #666;
        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;
+}
+
+#sone .post .reply .status-line .delete:before {
+       content: ' · ';
+}
+
 #sone .post .create-reply {
        clear: both;
+       background-color: #eef;
+       padding: 0.5ex;
+}
+
+#sone .post .create-reply.light button {
+       display: none;
 }
 
 #sone h1 {
@@ -99,6 +149,6 @@
        font-weight: bold;
 }
 
-#sone input.createpost.default {
+#sone input.createpost.default, input.reply-input.default {
        color: #888;
-}
\ No newline at end of file
+}