X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=34ea13685f0b1b783a69119fd782fc69fac342d5;hb=4fbd14bc87ec25ec5f68f0854d1feb0cd64a5ee4;hp=2883b2b3915dcdea5546606df2dfbf425da84b37;hpb=9d6d5b931a06c899309c58fed03084f6e6f699e8;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 2883b2b..34ea136 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -49,6 +49,39 @@ textarea { color: rgb(255, 172, 0); } +#sone a.internet { + color: rgb(255, 0, 0); + font-weight: bold; +} + +#sone a img { + border: none; +} + +#sone #notification-area { + margin-top: 1em; +} + +#sone #notification-area .notification { + padding: 1ex; + border: solid 1px #ccc; + background-color: #ffffa0; + margin-bottom: 1ex; + min-height: 3.5ex; +} + +#sone #notification-area .notification .dismiss { + float: right; +} + +#sone #notification-area .notification > div { + display: inline; +} + +#sone #notification-area .notification .post-count { + margin-left: 1ex; +} + #sone #plugin-warning { border: solid 0.5em red; padding: 0.5em; @@ -57,6 +90,7 @@ textarea { #sone #profile { height: 80px; + margin-top: 1em; margin-bottom: 1ex; } @@ -109,6 +143,7 @@ textarea { #sone #main { padding: 1em; + padding-top: 0px; } #sone #edit-profile #birth-day, #sone #edit-profile #birth-month, #sone #edit-profile #birth-year { @@ -127,6 +162,11 @@ textarea { clear: both; } +#sone .post.new { + background-color: #ffffa0; + padding-left: 1ex; +} + #sone .post.last { padding: 1ex 0px; border-bottom: none; @@ -142,7 +182,7 @@ textarea { min-height: 48px; } -#sone .post .author { +#sone .post .author, #sone .post .recipient { display: inline; font-weight: bold; } @@ -180,6 +220,7 @@ textarea { background: none; padding: 0px; color: rgb(28, 131, 191); + font: inherit; } #sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover { @@ -211,6 +252,10 @@ textarea { cursor: pointer; } +#sone .post .replies .click-to-show.new { + background-color: #ffffa0; +} + #sone .post .reply > .avatar { position: absolute; } @@ -229,6 +274,10 @@ textarea { padding: 1ex; } +#sone .post .reply.new { + background-color: #ffffa0; +} + #sone .post .reply .time { float: none; display: inline; @@ -254,15 +303,6 @@ textarea { 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: #f0f0ff; @@ -271,12 +311,12 @@ textarea { #sone .post .create-reply input[type=text] { margin-left: 0.5ex; - width: 45em; + width: 44em; } #sone .post .create-reply textarea { margin-left: 0.5ex; - width: 45em; + width: 44em; height: 4em; } @@ -300,10 +340,6 @@ textarea { background-color: #ffffa0; } -#sone .sone .id { - display: none; -} - #sone .sone .profile-link { display: block; } @@ -343,7 +379,7 @@ textarea { font-weight: bold; } -#sone .sone form { +#sone .sone form.follow, #sone .sone form.unfollow, #sone .sone form.lock, #sone .sone form.unlock { display: inline; border: solid 1px #ccc; border-left: none; @@ -354,11 +390,7 @@ textarea { bottom: -0.5ex } -#sone .sone form.hidden { - display: none; -} - -#sone .sone form.block button, #sone .sone form.unblock button, #sone .sone form.follow button, #sone .sone form.unfollow button, #sone .sone form.blacklist button, #sone .sone form.unblacklist button { +#sone .sone form.follow button, #sone .sone form.unfollow button, #sone .sone form.lock button, #sone .sone form.unlock button { display: inline; color: rgb(28, 131, 191); background: none; @@ -367,11 +399,19 @@ textarea { padding: 0px; } -#sone .sone form.block button:hover, #sone .sone form.unblock button:hover, #sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover, #sone .sone form.blacklist button:hover, #sone .sone form.unblacklist button:hover { +#sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover, #sone .sone form.lock button:hover, #sone .sone form.unlock button:hover { display: inline; color: rgb(255, 172, 0); } +#sone .sone.locked form.lock, #sone .sone.unlocked form.unlock { + display: none; +} + +#sone .sone form.hidden { + display: none; +} + #sone .sone .spacer { display: inline; } @@ -383,7 +423,7 @@ textarea { #sone #tail { margin-top: 1em; border-top: solid 1px #ccc; - padding-top: 1em; + padding-top: 2em; text-align: center; font-size: 75%; color: #888;