X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=c23047e3860f0ae1aba2b6ea24d7c579abb276fe;hb=455d5d648d6bd07bcdbbb08b98b2f0596d1c81ed;hp=5c8309195ce275dc07f5190de0f6d9fb56488d3d;hpb=90c85f39570270b879e2d3020fe95231410f57c6;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 5c83091..c23047e 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -49,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; @@ -61,16 +67,10 @@ textarea { #sone #profile.online .picture { position: absolute; - background-image: url("../images/sone.png"); - width: 80px; - height: 80px; } #sone #profile.offline .picture { position: absolute; - background-image: url("../images/sone-offline.png"); - width: 80px; - height: 80px; } #sone #profile.offline .edit-profile-link, #sone #profile.offline .profile-link { @@ -132,6 +132,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; @@ -143,7 +153,6 @@ textarea { } #sone .post .status-line { - clear: both; margin-top: 0.5ex; font-size: 85%; } @@ -195,6 +204,23 @@ textarea { padding-top: 0.2ex; } +#sone .post .replies .click-to-show { + background-color: #f0f0ff; + font-size: 85%; + padding: 0.5em; + cursor: pointer; +} + +#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; @@ -245,12 +271,12 @@ textarea { #sone .post .create-reply input[type=text] { margin-left: 0.5ex; - width: 50em; + width: 45em; } #sone .post .create-reply textarea { margin-left: 0.5ex; - width: 50em; + width: 45em; height: 4em; } @@ -266,6 +292,14 @@ textarea { padding: 0.5ex; } +#sone .sone.local { + background-color: #f0fff0; +} + +#sone .sone.new { + background-color: #ffffa0; +} + #sone .sone .id { display: none; } @@ -324,7 +358,7 @@ textarea { 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.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; @@ -333,7 +367,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); } @@ -346,19 +380,15 @@ textarea { } -#sone #tail .import-key, #sone #import-key .import-key { +#sone #tail { margin-top: 1em; border-top: solid 1px #ccc; - padding-top: 1em; + padding-top: 2em; text-align: center; font-size: 75%; color: #888; } -#sone #import-key .import-key { - border-top: none; -} - #sone #add-sone textarea, #sone #create-sone textarea, #sone #load-sone textarea, #sone #edit-profile textarea { height: 1.5em; } @@ -407,6 +437,13 @@ textarea { clear: both; } +#sone h2 { + font-family: inherit; + font-size: 150%; + font-weight: bold; + clear: both; +} + #sone .error label { color: red; font-weight: bold;