X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=bd57f26dae284c4d1f6c3a9569d593c48e33063d;hb=c428d29798807c65b9ab48090c3d63b1a8c6718d;hp=919b033f5e75ec1b8dd89573df904dfbb1615bdd;hpb=0cee1b73918990cc5823e1e938605e3a6c644837;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 919b033..bd57f26 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -13,7 +13,7 @@ /* now for the real stuff. */ #sone { - width: 68em; + width: 55em; margin: auto; } @@ -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; } @@ -75,6 +81,11 @@ border-bottom: solid 1px #ccc; } +#sone .post:last-child { + padding: 1ex 0px; + border-bottom: none; +} + #sone .post .author { display: inline; font-weight: bold; @@ -100,6 +111,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 +154,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 +261,19 @@ display: inline; } +#sone #create-sone { + +} + +#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; @@ -241,6 +286,11 @@ font-weight: bold; } -#sone input.status-input.default, input.reply-input.default { +#sone input.status-input.default, #sone input.reply-input.default, #sone #add-sone input[name=request-uri].default { color: #888; } + +#sone input[type=text].key { + width: 130ex;; + font-size: 75%; +}