X-Git-Url: https://git.pterodactylus.net/?p=Sone.git;a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=3429138310c35e5411525a33db025cf058a0747c;hp=96ca0d35f1d951359753ca944826b75e14ac9ef2;hb=0df5e91852f737d760c5a9f54c5667309fbadcc2;hpb=e5b1a360879963dca1cd468353776c340d23e0b6 diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 96ca0d3..3429138 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 .parsed { + white-space: pre-wrap; +} + #sone #main.offline { opacity: 0.5; } @@ -145,7 +149,7 @@ textarea { #sone #notification-area #local-post-notification, #sone #notification-area #local-reply-notification { display: none; -} +} #sone #plugin-warning { border: solid 0.5em red; @@ -297,15 +301,28 @@ textarea { font-size: 90%; } -#sone .post .text, #sone .post .raw-text { +#sone .post .text, #sone .post .raw-text, #sone .post .short-text { display: inline; white-space: pre-wrap; + word-wrap: break-word; } -#sone .post .text.hidden, #sone .post .raw-text.hidden { +#sone .post .text.hidden, #sone .post .raw-text.hidden, #sone .post .short-text.hidden { display: none; } +#sone .post .expand-post-text:before, #sone .post .expand-reply-text:before { + content: "» "; +} + +#sone .post .shrink-post-text:before, #sone .post .shrink-reply-text:before { + content: "« "; +} + +#sone .post .shrink-post-text { + cursor: pointer; +} + #sone .post .status-line { margin-top: 0.5ex; font-size: 85%; @@ -499,7 +516,11 @@ textarea { } #sone .sone .profile-link { - display: block; + display: inline; +} + +#sone .sone .sone-stats { + display: inline; } #sone .sone .short-request-uri { @@ -611,6 +632,36 @@ textarea { position: relative; } +#sone .backlinks { + font-size: 80%; +} + +#sone .backlinks .backlink { + display: inline; +} + +#sone .album { +} + +#sone .image { + width: 200px; + height: 150px; + display: table-cell; + vertical-align: middle; + text-align: center; + padding: 0.5ex; +} + +#sone .image img, #sone .single-image img { + padding: 1ex; + border: solid 1px #000; + background-color: #fff; +} + +#sone .backlinks .separator { + display: inline; +} + #sone #search { text-align: right; } @@ -697,7 +748,7 @@ textarea { font-weight: bold; } -#sone input.default { +#sone input.default, #sone textarea.default { color: #888; } @@ -715,3 +766,7 @@ textarea { color: red; font-style: italic; } + +#sone #sort-options { + margin-bottom: 1em; +}