X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;ds=sidebyside;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=96ca0d35f1d951359753ca944826b75e14ac9ef2;hb=e5b1a360879963dca1cd468353776c340d23e0b6;hp=a5c0c09ce7b4e6a201711500e2ac156f4b6b058d;hpb=65a6e87182e5c6b05abc1e9f53a04ff0ba88d857;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index a5c0c09..96ca0d3 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -97,6 +97,10 @@ textarea { border: none; } +#sone #main.offline { + opacity: 0.5; +} + #sone #offline-marker { display: none; position: fixed; @@ -139,6 +143,10 @@ textarea { display: none; } +#sone #notification-area #local-post-notification, #sone #notification-area #local-reply-notification { + display: none; +} + #sone #plugin-warning { border: solid 0.5em red; padding: 0.5em; @@ -230,6 +238,7 @@ textarea { padding: 1ex 0px; border-bottom: solid 1px #ccc; clear: both; + position: relative; } #sone .post.new { @@ -242,6 +251,33 @@ textarea { border-bottom: none; } +#sone .post .sone-menu { + position: absolute; + top: 0; + left: -1ex; + padding: 1ex 1ex; + margin: -1px -1px; + display: none; + background-color: rgb(255, 255, 224); + border: solid 1px rgb(0, 0, 0); + z-index: 1; +} + +#sone .post .sone-menu .avatar { + position: absolute; + margin-right: 1ex; +} + +#sone .post .sone-menu .inner-menu { + margin-left: 64px; + padding-left: 1ex; + min-height: 64px; +} + +#sone .sone-menu .follow, #sone .sone-menu .unfollow { + cursor: pointer; +} + #sone .post > .avatar { position: absolute; } @@ -257,6 +293,10 @@ textarea { font-weight: bold; } +#sone .post .author-wot-link { + font-size: 90%; +} + #sone .post .text, #sone .post .raw-text { display: inline; white-space: pre-wrap; @@ -380,13 +420,17 @@ textarea { } #sone .post .reply { + position: relative; clear: both; background-color: #f0f0ff; - font-size: 85%; margin: 1ex 0px; padding: 1ex; } +#sone .post .reply .inner-part { + font-size: 85%; +} + #sone .post .reply.new { background-color: #ffffa0; } @@ -666,3 +710,8 @@ textarea { font-weight: bold; color: red; } + +#sone .warning { + color: red; + font-style: italic; +}