X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=22e411b7868c5ffaca63f32a0b0edf4923922603;hb=f75d7f9540350fcc16098770739c429a3f755bde;hp=42ec9e63175eee0f44760a3a4af79b0f8fa384a5;hpb=76cb151a17df12a01224a41ec798b93a491df81a;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 42ec9e6..22e411b 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -35,6 +35,10 @@ textarea { display: none; } +#sone #formPassword { + display: none; +} + #sone a, #sone a:link, #sone a:visited { color: rgb(28, 131, 191); font-size: inherit; @@ -45,6 +49,12 @@ textarea { color: rgb(255, 172, 0); } +#sone #plugin-warning { + border: solid 0.5em red; + padding: 0.5em; + margin-bottom: 1em; +} + #sone #profile { height: 80px; margin-bottom: 1ex; @@ -107,6 +117,16 @@ textarea { padding: 1em; } +#sone #edit-profile #birth-day, #sone #edit-profile #birth-month, #sone #edit-profile #birth-year { + display: inline; + width: 15em; +} + +#sone #edit-profile #birth-day input, #sone #edit-profile #birth-month input, #sone #edit-profile #birth-year input { + width: 4em; + text-align: right; +} + #sone .post { padding: 1ex 0px; border-bottom: solid 1px #ccc; @@ -118,6 +138,16 @@ textarea { border-bottom: none; } +#sone .post > .avatar { + position: absolute; +} + +#sone .post > .inner-part { + margin-left: 48px; + padding-left: 0.5em; + min-height: 48px; +} + #sone .post .author { display: inline; font-weight: bold; @@ -129,7 +159,6 @@ textarea { } #sone .post .status-line { - clear: both; margin-top: 0.5ex; font-size: 85%; } @@ -139,20 +168,27 @@ textarea { color: #666; } -#sone .post .delete { +#sone .post .delete, #sone .post .likes, #sone .post .like, #sone .post .unlike { display: inline; + font: inherit; } -#sone .post .delete button { - font: inherit; +#sone .post .likes.hidden { + display: none; +} + +#sone .post .like.hidden, #sone .post .unlike.hidden { + display: none; +} + +#sone .post .delete button, #sone .post .like button, #sone .post .unlike button { border: 0px; background: none; padding: 0px; color: rgb(28, 131, 191); } -#sone .post .delete button:hover { - font: inherit; +#sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover { border: 0px; background: none; padding: 0px; @@ -160,15 +196,30 @@ textarea { cursor: pointer; } -#sone .post .delete:before { +#sone .post .delete:before, #sone .post .likes:before, #sone .post .like:before, #sone .post .unlike:before { content: ' ‧ '; } +#sone .post .likes span { + font: inherit; + color: green; +} + #sone .post .replies { clear: both; padding-top: 0.2ex; } +#sone .post .reply > .avatar { + position: absolute; +} + +#sone .post .reply > .inner-part { + margin-left: 36px; + padding-left: 0.5em; + min-height: 36px; +} + #sone .post .reply { clear: both; background-color: #f0f0ff; @@ -240,6 +291,10 @@ textarea { padding: 0.5ex; } +#sone .sone.local { + background-color: #f0fff0; +} + #sone .sone .id { display: none; } @@ -269,6 +324,10 @@ textarea { top: -0.5ex } +#sone .sone.idle.modified .idle-marker { + display: none; +} + #sone .sone .last-update { float: right; display: inline; @@ -290,7 +349,11 @@ textarea { bottom: -0.5ex } -#sone .sone form.block button, #sone .sone form.unblock button, #sone .sone form.follow button, #sone .sone form.unfollow button { +#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 { display: inline; color: rgb(28, 131, 191); background: none; @@ -299,7 +362,7 @@ 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.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 { display: inline; color: rgb(255, 172, 0); } @@ -312,7 +375,7 @@ textarea { } -#sone #tail .import-key, #sone #import-key .import-key { +#sone #tail { margin-top: 1em; border-top: solid 1px #ccc; padding-top: 1em; @@ -371,8 +434,13 @@ textarea { font-size: 200%; font-weight: bold; clear: both; - margin: 0; - margin-top: 1em; +} + +#sone h2 { + font-family: inherit; + font-size: 150%; + font-weight: bold; + clear: both; } #sone .error label { @@ -388,3 +456,8 @@ textarea { width: 130ex;; font-size: 75%; } + +#sone .confirm { + font-weight: bold !important; + color: red !important; +}