Change header.

[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 15827f7..738c077 100644 (file)
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -33,6 +33,7 @@
 
 #sone #profile {
        height: 80px;
+       margin-bottom: 1ex;
 }
 
 #sone .profile-link {
@@ -41,14 +42,14 @@
 }
 
 #sone #profile.online .picture {
-       float: left;
+       position: absolute;
        background-image: url("../images/sone.png");
        width: 80px;
        height: 80px;
 }
 
 #sone #profile.offline .picture {
-       float: left;
+       position: absolute;
        background-image: url("../images/sone-offline.png");
        width: 80px;
        height: 80px;
@@ -62,6 +63,11 @@
        font-size: 85%;
 }
 
+#sone #home-sone {
+       margin-left: 80px;
+       padding-left: 1ex;
+}
+
 #sone .nice-name {
        font-weight: bold;
 }
@@ -100,6 +106,23 @@
        display: inline;
 }
 
+#sone .post .delete button {
+       font: inherit;
+       border: 0px;
+       background: none;
+       padding: 0px;
+       color: rgb(28, 131, 191);
+}
+
+#sone .post .delete button:hover {
+       font: inherit;
+       border: 0px;
+       background: none;
+       padding: 0px;
+       color: rgb(255, 172, 0);
+       cursor: pointer;
+}
+
 #sone .post .delete:before {
        content: ' ‧ ';
 }
@@ -126,11 +149,15 @@
 
 #sone .post .show-reply-form {
        display: inline;
+}
+
+#sone .post .show-reply-form span {
        color: rgb(28, 131, 191);
        cursor: pointer;
+       font: inherit;
 }
 
-#sone .post .show-reply-form:hover {
+#sone .post .show-reply-form span:hover {
        color: rgb(255, 172, 0);
 }
 
@@ -229,6 +256,15 @@
        display: inline;
 }
 
+#sone #tail .import-key {
+       margin-top: 1em;
+       border-top: solid 1px #ccc;
+       padding-top: 1em;
+       text-align: center;
+       font-size: 85%;
+       color: #888;
+}
+
 
 #sone h1 {
        font-family: inherit;
@@ -244,3 +280,8 @@
 #sone input.status-input.default, input.reply-input.default {
        color: #888;
 }
+
+#sone input[type=text].key {
+       width: 130ex;;
+       font-size: 75%;
+}