X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=74f9c930f430b6469856885b10add03112810293;hb=b3eb759b6a367abdcd85b7ea11392c9e22e5e169;hp=cbf69a609fe4985fb076172d40d773b37fad567e;hpb=c80d8668e387886c7fbda86e4196f65ba2e3a49c;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index cbf69a6..74f9c93 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 { @@ -111,6 +111,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; @@ -122,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; @@ -133,7 +153,6 @@ textarea { } #sone .post .status-line { - clear: both; margin-top: 0.5ex; font-size: 85%; } @@ -185,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; @@ -235,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; } @@ -256,6 +292,10 @@ textarea { padding: 0.5ex; } +#sone .sone.local { + background-color: #f0fff0; +} + #sone .sone .id { display: none; } @@ -285,6 +325,10 @@ textarea { top: -0.5ex } +#sone .sone.idle.modified .idle-marker { + display: none; +} + #sone .sone .last-update { float: right; display: inline; @@ -310,7 +354,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; @@ -319,7 +363,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); } @@ -332,7 +376,7 @@ textarea { } -#sone #tail .import-key, #sone #import-key .import-key { +#sone #tail { margin-top: 1em; border-top: solid 1px #ccc; padding-top: 1em; @@ -341,10 +385,6 @@ textarea { 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; } @@ -391,8 +431,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 {