X-Git-Url: https://git.pterodactylus.net/?p=Sone.git;a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=26d74e436dd25780c8ef8fd20aa3a92f418d7a1a;hp=8e008c74380999184ccfe8882b6d6138ef8f45bb;hb=faf66247a34f64946990a985d2ea3003465969cb;hpb=d8bf8d6a89ce08693868fa7fac5d18d6d31256ce diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 8e008c7..26d74e4 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -254,6 +254,10 @@ textarea { text-align: right; } +#sone td.numeric { + text-align: right; +} + #sone .post { padding: 1ex 0px; border-bottom: solid 1px #ccc; @@ -387,7 +391,7 @@ textarea { color: #666; } -#sone .post .delete, #sone .post .likes, #sone .post .like, #sone .post .unlike, #sone .post .trust, #sone .post .distrust, #sone .post .untrust { +#sone .post .delete, #sone .post .likes, #sone .post .like, #sone .post .unlike, #sone .post .wot-link { display: inline; font: inherit; margin: 0px; @@ -397,11 +401,11 @@ textarea { display: none; } -#sone .post .like.hidden, #sone .post .unlike.hidden, #sone .post .trust.hidden, #sone .post .distrust.hidden, #sone .post .untrust.hidden, #sone .post .bookmark.hidden, #sone .post .unbookmark.hidden { +#sone .post .like.hidden, #sone .post .unlike.hidden, #sone .post .bookmark.hidden, #sone .post .unbookmark.hidden { display: none; } -#sone .post .delete button, #sone .post .like button, #sone .post .unlike button, #sone .post .trust button, #sone .post .distrust button, #sone .post .untrust button, #sone .post .bookmark button, #sone .post .unbookmark button { +#sone .post .delete button, #sone .post .like button, #sone .post .unlike button, #sone .post .bookmark button, #sone .post .unbookmark button { border: 0px; background: none; padding: 0px; @@ -415,19 +419,7 @@ textarea { font-weight: bold; } -#sone .post .trust button { - color: rgb(0, 128, 0); -} - -#sone .post .distrust button { - color: rgb(255, 0, 0); -} - -#sone .post .untrust button { - color: rgb(64, 64, 64); -} - -#sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover, #sone .post .trust button:hover, #sone .post .distrust button:hover, #sone .post .untrust button:hover, #sone .post .bookmark button:hover, #sone .post .unbookmark button:hover { +#sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover, #sone .post .bookmark button:hover, #sone .post .unbookmark button:hover { border: 0px; background: none; padding: 0px; @@ -440,11 +432,11 @@ textarea { color: green; } -#sone .post .linked-images { +#sone .post .linked-elements { margin-top: 1ex; } -#sone .post .linked-image { +#sone .linked-element.loaded .image { display: inline-block; border: solid 1px black; width: 160px; @@ -455,6 +447,35 @@ textarea { margin-bottom: 1ex; } +#sone .linked-element.loaded .html-page { + display: inline-block; + width: 160px; + max-height: 120px; + overflow: hidden; + vertical-align: top; +} + +#sone .reply .linked-element.loaded .html-page { + width: 120px; + max-height: 90px; +} + +#sone .linked-element.loaded .html-page .heading { + font-size: 115%; + font-weight: 600; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +#sone .linked-element.loaded .html-page .description { + font-size: 85%; +} + +#sone .linked-element.loaded .html-page { + display: inline-block; +} + #sone .post .replies { clear: both; padding-top: 0.2ex; @@ -511,11 +532,11 @@ textarea { font-size: inherit; } -#sone .post .reply .linked-images { +#sone .post .reply .linked-elements { margin-top: 1ex; } -#sone .post .reply .linked-image { +#sone .post .reply .linked-element.loaded .image { display: inline-block; border: solid 1px black; width: 120px; @@ -904,3 +925,7 @@ textarea { #sone form#options li { list-style-type: none; } + +#sone table thead tr { + font-weight: bold; +}