From 4de95275bab69660c56adec3dbb48f4d4103046b Mon Sep 17 00:00:00 2001
From: Free <freeplay@duck.com>
Date: Fri, 26 Nov 2021 17:14:56 +0100
Subject: [PATCH] Add 'misskey/tweaks/better-posts.css'

---
 misskey/tweaks/better-posts.css | 901 ++++++++++++++++++++++++++++++++
 1 file changed, 901 insertions(+)
 create mode 100644 misskey/tweaks/better-posts.css

diff --git a/misskey/tweaks/better-posts.css b/misskey/tweaks/better-posts.css
new file mode 100644
index 0000000..fa9d0e8
--- /dev/null
+++ b/misskey/tweaks/better-posts.css
@@ -0,0 +1,901 @@
+/*** BETTER POSTS ***/
+/* This one is probably the most horribly written. */
+.renote[tabindex],
+.note._block {
+  display: flex;
+  flex-direction: column;
+}
+.renote > div {
+  position: relative !important;
+}
+.renote > .renote {
+  margin-left: 50px;
+  padding: 10px !important;
+  padding-bottom: 0 !important;
+  margin-bottom: -0.2em;
+  position: relative !important;
+  color: var(--text) !important;
+  font-weight: 600;
+  font-size: 0.8em;
+  opacity: 0.6;
+  z-index: 2;
+  max-width: 100%;
+}
+.renote > .renote .avatar,
+.renote > .renote .info time {
+  display: none !important;
+}
+.renote > .renote ~ .article {
+  margin-top: calc(-1em - 25px) !important;
+  padding-top: calc(1em + 25px) !important;
+}
+.article,
+.reply,
+.reply-to,
+.reply-to-more {
+  padding: 12px !important;
+  position: relative !important;
+  opacity: 1 !important;
+  transition: background-color 0.2s;
+  font-size: 1em !important;
+}
+.article:hover,
+.reply:hover,
+.reply-to:hover,
+.reply-to-more:hover,
+.article:focus-within,
+.reply:focus-within,
+.reply-to:focus-within,
+.reply-to-more:focus-within,
+._isolated .article.article,
+._isolated .reply.article,
+._isolated .reply-to.article,
+._isolated .reply-to-more.article {
+  background-color: var(--listItemHoverBg);
+}
+.article .avatar img,
+.reply .avatar img,
+.reply-to .avatar img,
+.reply-to-more .avatar img {
+  border-radius: 25% !important;
+}
+.article .username,
+.reply .username,
+.reply-to .username,
+.reply-to-more .username,
+.article .created-at,
+.reply .created-at,
+.reply-to .created-at,
+.reply-to-more .created-at {
+  opacity: 0.6 !important;
+}
+.article .created-at::before,
+.reply .created-at::before,
+.reply-to .created-at::before,
+.reply-to-more .created-at::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  left: 0px;
+}
+.article .text,
+.reply .text,
+.reply-to .text,
+.reply-to-more .text {
+  z-index: 2 !important;
+}
+.article .text span,
+.reply .text span,
+.reply-to .text span,
+.reply-to-more .text span {
+  position: relative;
+  z-index: 2;
+}
+.article button:not(.fade),
+.reply button:not(.fade),
+.reply-to button:not(.fade),
+.reply-to-more button:not(.fade),
+.article a:not(.created-at):not(.avatar),
+.reply a:not(.created-at):not(.avatar),
+.reply-to a:not(.created-at):not(.avatar),
+.reply-to-more a:not(.created-at):not(.avatar),
+.article .files,
+.reply .files,
+.reply-to .files,
+.reply-to-more .files {
+  position: relative !important;
+  z-index: 3 !important;
+}
+.article .cover + .text,
+.reply .cover + .text,
+.reply-to .cover + .text,
+.reply-to-more .cover + .text {
+  position: absolute !important;
+}
+.article .fas,
+.reply .fas,
+.reply-to .fas,
+.reply-to-more .fas,
+.article .fas::before,
+.reply .fas::before,
+.reply-to .fas::before,
+.reply-to-more .fas::before {
+  z-index: 3 !important;
+}
+.article button.fade,
+.reply button.fade,
+.reply-to button.fade,
+.reply-to-more button.fade {
+  z-index: 3;
+}
+.article .avatar,
+.reply .avatar,
+.reply-to .avatar,
+.reply-to-more .avatar {
+  z-index: 2 !important;
+}
+.article .ticker,
+.reply .ticker,
+.reply-to .ticker,
+.reply-to-more .ticker {
+  height: 25px !important;
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  border-radius: 100px;
+  z-index: 2;
+  overflow: visible;
+}
+.article .ticker img,
+.reply .ticker img,
+.reply-to .ticker img,
+.reply-to-more .ticker img {
+  width: 25px !important;
+  height: 25px !important;
+}
+.article .ticker span,
+.reply .ticker span,
+.reply-to .ticker span,
+.reply-to-more .ticker span {
+  position: absolute;
+  right: 100%;
+  height: 25px !important;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  background: inherit;
+  font-size: 0.7em !important;
+  padding: 0px 8px;
+  border-radius: 4px;
+  transform: scale(0.9) translateX(5%);
+  opacity: 0;
+  pointer-events: none;
+  transition: transform 0.1s, opacity 0.1s;
+}
+.article .ticker:hover span,
+.reply .ticker:hover span,
+.reply-to .ticker:hover span,
+.reply-to-more .ticker:hover span {
+  transform: none;
+  opacity: 1;
+}
+.article .text,
+.reply .text,
+.reply-to .text,
+.reply-to-more .text,
+.article .body,
+.reply .body,
+.reply-to .body,
+.reply-to-more .body,
+.article .content,
+.reply .content,
+.reply-to .content,
+.reply-to-more .content {
+  pointer-events: none;
+  max-height: 9999px;
+  transition: mask 0.2s, max-height 2s;
+}
+.article .text *:not(div):not(blockquotes),
+.reply .text *:not(div):not(blockquotes),
+.reply-to .text *:not(div):not(blockquotes),
+.reply-to-more .text *:not(div):not(blockquotes),
+.article .body *:not(div):not(blockquotes),
+.reply .body *:not(div):not(blockquotes),
+.reply-to .body *:not(div):not(blockquotes),
+.reply-to-more .body *:not(div):not(blockquotes),
+.article .content *:not(div):not(blockquotes),
+.reply .content *:not(div):not(blockquotes),
+.reply-to .content *:not(div):not(blockquotes),
+.reply-to-more .content *:not(div):not(blockquotes) {
+  pointer-events: all !important;
+}
+.article .content.collapsed .text,
+.reply .content.collapsed .text,
+.reply-to .content.collapsed .text,
+.reply-to-more .content.collapsed .text {
+  mask: linear-gradient(#000, #000, rgba(0,0,0,0.5), transparent);
+  max-height: 150px;
+}
+.article .content.collapsed .fade,
+.reply .content.collapsed .fade,
+.reply-to .content.collapsed .fade,
+.reply-to-more .content.collapsed .fade {
+  background: none !important;
+}
+.article a.reply,
+.reply a.reply,
+.reply-to a.reply,
+.reply-to-more a.reply {
+  display: none;
+}
+.article.article,
+.reply.article,
+.reply-to.article,
+.reply-to-more.article {
+  padding-bottom: 5px !important;
+}
+.article.article .avatar,
+.reply.article .avatar,
+.reply-to.article .avatar,
+.reply-to-more.article .avatar {
+  transform: scale(0.9) !important;
+}
+.article.article .header,
+.reply.article .header,
+.reply-to.article .header,
+.reply-to-more.article .header {
+  margin-bottom: 0.2em;
+}
+.article.article .files,
+.reply.article .files,
+.reply-to.article .files,
+.reply-to-more.article .files {
+  margin-top: 0.7em;
+}
+.article.article .footer,
+.reply.article .footer,
+.reply-to.article .footer,
+.reply-to-more.article .footer {
+  margin-top: 0.1em;
+}
+.article:not(.reply-to) .cw > ._button,
+.reply:not(.reply-to) .cw > ._button,
+.reply-to:not(.reply-to) .cw > ._button,
+.reply-to-more:not(.reply-to) .cw > ._button,
+._isolated .article .cw > ._button,
+._isolated .reply .cw > ._button,
+._isolated .reply-to .cw > ._button,
+._isolated .reply-to-more .cw > ._button {
+  display: block;
+  width: 100% !important;
+  background: none;
+  color: inherit;
+  padding: 10px;
+  font-size: 0.9em;
+  margin-left: -85px;
+  width: calc(100% + 100px) !important;
+  transition: background 0.2s;
+  text-align: left;
+  padding-left: 85px;
+}
+.article:not(.reply-to) .cw > ._button:hover,
+.reply:not(.reply-to) .cw > ._button:hover,
+.reply-to:not(.reply-to) .cw > ._button:hover,
+.reply-to-more:not(.reply-to) .cw > ._button:hover,
+._isolated .article .cw > ._button:hover,
+._isolated .reply .cw > ._button:hover,
+._isolated .reply-to .cw > ._button:hover,
+._isolated .reply-to-more .cw > ._button:hover {
+  background-color: var(--listItemHoverBg);
+}
+.article:not(.reply-to) .avatar,
+.reply:not(.reply-to) .avatar,
+.reply-to:not(.reply-to) .avatar,
+.reply-to-more:not(.reply-to) .avatar,
+._isolated .article .avatar,
+._isolated .reply .avatar,
+._isolated .reply-to .avatar,
+._isolated .reply-to-more .avatar {
+  margin-right: 10px !important;
+}
+.article:not(.reply-to) .poll,
+.reply:not(.reply-to) .poll,
+.reply-to:not(.reply-to) .poll,
+.reply-to-more:not(.reply-to) .poll,
+._isolated .article .poll,
+._isolated .reply .poll,
+._isolated .reply-to .poll,
+._isolated .reply-to-more .poll {
+  font-size: 0.9em !important;
+  margin-top: 1em;
+}
+.article:not(.reply-to) .poll ul > li,
+.reply:not(.reply-to) .poll ul > li,
+.reply-to:not(.reply-to) .poll ul > li,
+.reply-to-more:not(.reply-to) .poll ul > li,
+._isolated .article .poll ul > li,
+._isolated .reply .poll ul > li,
+._isolated .reply-to .poll ul > li,
+._isolated .reply-to-more .poll ul > li {
+  padding: 8px 12px !important;
+  font-weight: 700;
+}
+.article:not(.reply-to) .poll ul > li span,
+.reply:not(.reply-to) .poll ul > li span,
+.reply-to:not(.reply-to) .poll ul > li span,
+.reply-to-more:not(.reply-to) .poll ul > li span,
+._isolated .article .poll ul > li span,
+._isolated .reply .poll ul > li span,
+._isolated .reply-to .poll ul > li span,
+._isolated .reply-to-more .poll ul > li span {
+  display: flex;
+  align-items: center;
+}
+.article:not(.reply-to) .poll ul > li span .votes,
+.reply:not(.reply-to) .poll ul > li span .votes,
+.reply-to:not(.reply-to) .poll ul > li span .votes,
+.reply-to-more:not(.reply-to) .poll ul > li span .votes,
+._isolated .article .poll ul > li span .votes,
+._isolated .reply .poll ul > li span .votes,
+._isolated .reply-to .poll ul > li span .votes,
+._isolated .reply-to-more .poll ul > li span .votes {
+  margin-left: auto;
+  opacity: 0.7;
+}
+.article:not(.reply-to) .poll ul > li .backdrop,
+.reply:not(.reply-to) .poll ul > li .backdrop,
+.reply-to:not(.reply-to) .poll ul > li .backdrop,
+.reply-to-more:not(.reply-to) .poll ul > li .backdrop,
+._isolated .article .poll ul > li .backdrop,
+._isolated .reply .poll ul > li .backdrop,
+._isolated .reply-to .poll ul > li .backdrop,
+._isolated .reply-to-more .poll ul > li .backdrop {
+  border-radius: 4px;
+}
+._isolated .article.article,
+._isolated .reply.article,
+._isolated .reply-to.article,
+._isolated .reply-to-more.article {
+  padding: 20px !important;
+  padding-bottom: 5px !important;
+}
+._isolated .article.article > header > .avatar,
+._isolated .reply.article > header > .avatar,
+._isolated .reply-to.article > header > .avatar,
+._isolated .reply-to-more.article > header > .avatar {
+  margin-right: -5px !important;
+}
+._isolated .article.article .text,
+._isolated .reply.article .text,
+._isolated .reply-to.article .text,
+._isolated .reply-to-more.article .text {
+  font-size: 1.3em !important;
+}
+._isolated .article.article .gird-container::before,
+._isolated .reply.article .gird-container::before,
+._isolated .reply-to.article .gird-container::before,
+._isolated .reply-to-more.article .gird-container::before {
+  content: unset;
+}
+._isolated .article.article .gird-container > div,
+._isolated .reply.article .gird-container > div,
+._isolated .reply-to.article .gird-container > div,
+._isolated .reply-to-more.article .gird-container > div {
+  position: relative !important;
+  max-height: 80vh;
+}
+._isolated .article.article time,
+._isolated .reply.article time,
+._isolated .reply-to.article time,
+._isolated .reply-to-more.article time {
+  position: relative;
+}
+._isolated .article.reply-to,
+._isolated .reply.reply-to,
+._isolated .reply-to.reply-to,
+._isolated .reply-to-more.reply-to,
+._isolated .article.reply-to-more,
+._isolated .reply.reply-to-more,
+._isolated .reply-to.reply-to-more,
+._isolated .reply-to-more.reply-to-more {
+  padding: 14px 18px !important;
+  border-bottom: 1px solid var(--divider);
+}
+._isolated .article.children.children,
+._isolated .reply.children.children,
+._isolated .reply-to.children.children,
+._isolated .reply-to-more.children.children,
+._isolated .article.article + .reply.children,
+._isolated .reply.article + .reply.children,
+._isolated .reply-to.article + .reply.children,
+._isolated .reply-to-more.article + .reply.children {
+  padding-right: 0 !important;
+  padding-bottom: 0 !important;
+  background: none !important;
+}
+._isolated .article details,
+._isolated .reply details,
+._isolated .reply-to details,
+._isolated .reply-to-more details {
+  display: contents;
+}
+._isolated .article details summary,
+._isolated .reply details summary,
+._isolated .reply-to details summary,
+._isolated .reply-to-more details summary {
+  display: none;
+}
+:not(._isolated) > .article.reply-to::before,
+:not(._isolated) > .reply.reply-to::before,
+:not(._isolated) > .reply-to.reply-to::before,
+:not(._isolated) > .reply-to-more.reply-to::before {
+  content: "";
+  position: absolute;
+  right: 100%;
+  margin-right: -15px;
+  margin-top: 2px;
+  border-top-left-radius: 12px;
+  top: 50%;
+  height: 200%;
+  width: 41px;
+  border-top: 4px solid currentColor;
+  border-left: 4px solid currentColor;
+  opacity: 0.5;
+}
+:not(._isolated) > .article.reply-to,
+:not(._isolated) > .reply.reply-to,
+:not(._isolated) > .reply-to.reply-to,
+:not(._isolated) > .reply-to-more.reply-to,
+.widgets :not(._isolated) > .article.reply-to,
+.widgets :not(._isolated) > .reply.reply-to,
+.widgets :not(._isolated) > .reply-to.reply-to,
+.widgets :not(._isolated) > .reply-to-more.reply-to {
+  display: flex;
+  flex-grow: 1;
+  padding-bottom: 0 !important;
+  background: none !important;
+  margin-bottom: 5px !important;
+  position: relative !important;
+  z-index: 2 !important;
+  margin-left: 70px !important;
+  font-size: 0.8em !important;
+  opacity: 0.8 !important;
+}
+:not(._isolated) > .article.reply-to:hover,
+:not(._isolated) > .reply.reply-to:hover,
+:not(._isolated) > .reply-to.reply-to:hover,
+:not(._isolated) > .reply-to-more.reply-to:hover,
+.widgets :not(._isolated) > .article.reply-to:hover,
+.widgets :not(._isolated) > .reply.reply-to:hover,
+.widgets :not(._isolated) > .reply-to.reply-to:hover,
+.widgets :not(._isolated) > .reply-to-more.reply-to:hover {
+  opacity: 1 !important;
+}
+:not(._isolated) > .article.reply-to ~ .article,
+:not(._isolated) > .reply.reply-to ~ .article,
+:not(._isolated) > .reply-to.reply-to ~ .article,
+:not(._isolated) > .reply-to-more.reply-to ~ .article,
+.widgets :not(._isolated) > .article.reply-to ~ .article,
+.widgets :not(._isolated) > .reply.reply-to ~ .article,
+.widgets :not(._isolated) > .reply-to.reply-to ~ .article,
+.widgets :not(._isolated) > .reply-to-more.reply-to ~ .article {
+  margin-top: calc(-1em - 25px) !important;
+  padding-top: calc(1em + 25px) !important;
+}
+:not(._isolated) > .article.reply-to ~ .renote,
+:not(._isolated) > .reply.reply-to ~ .renote,
+:not(._isolated) > .reply-to.reply-to ~ .renote,
+:not(._isolated) > .reply-to-more.reply-to ~ .renote,
+.widgets :not(._isolated) > .article.reply-to ~ .renote,
+.widgets :not(._isolated) > .reply.reply-to ~ .renote,
+.widgets :not(._isolated) > .reply-to.reply-to ~ .renote,
+.widgets :not(._isolated) > .reply-to-more.reply-to ~ .renote,
+:not(._isolated) > .article.reply-to ~ .info,
+:not(._isolated) > .reply.reply-to ~ .info,
+:not(._isolated) > .reply-to.reply-to ~ .info,
+:not(._isolated) > .reply-to-more.reply-to ~ .info,
+.widgets :not(._isolated) > .article.reply-to ~ .info,
+.widgets :not(._isolated) > .reply.reply-to ~ .info,
+.widgets :not(._isolated) > .reply-to.reply-to ~ .info,
+.widgets :not(._isolated) > .reply-to-more.reply-to ~ .info {
+  margin-bottom: -0.7em !important;
+  order: -1 !important;
+}
+:not(._isolated) > .article.reply-to ~ .renote ~ .article,
+:not(._isolated) > .reply.reply-to ~ .renote ~ .article,
+:not(._isolated) > .reply-to.reply-to ~ .renote ~ .article,
+:not(._isolated) > .reply-to-more.reply-to ~ .renote ~ .article,
+.widgets :not(._isolated) > .article.reply-to ~ .renote ~ .article,
+.widgets :not(._isolated) > .reply.reply-to ~ .renote ~ .article,
+.widgets :not(._isolated) > .reply-to.reply-to ~ .renote ~ .article,
+.widgets :not(._isolated) > .reply-to-more.reply-to ~ .renote ~ .article {
+  margin-top: calc(-3em - 30px) !important;
+  padding-top: calc(3em + 30px) !important;
+}
+:not(._isolated) > .article.reply-to .main,
+:not(._isolated) > .reply.reply-to .main,
+:not(._isolated) > .reply-to.reply-to .main,
+:not(._isolated) > .reply-to-more.reply-to .main,
+.widgets :not(._isolated) > .article.reply-to .main,
+.widgets :not(._isolated) > .reply.reply-to .main,
+.widgets :not(._isolated) > .reply-to.reply-to .main,
+.widgets :not(._isolated) > .reply-to-more.reply-to .main {
+  flex-grow: 1;
+}
+:not(._isolated) > .article.reply-to .avatar,
+:not(._isolated) > .reply.reply-to .avatar,
+:not(._isolated) > .reply-to.reply-to .avatar,
+:not(._isolated) > .reply-to-more.reply-to .avatar,
+.widgets :not(._isolated) > .article.reply-to .avatar,
+.widgets :not(._isolated) > .reply.reply-to .avatar,
+.widgets :not(._isolated) > .reply-to.reply-to .avatar,
+.widgets :not(._isolated) > .reply-to-more.reply-to .avatar {
+  height: 1.2em !important;
+  width: 1.2em !important;
+}
+:not(._isolated) > .article.reply-to .name,
+:not(._isolated) > .reply.reply-to .name,
+:not(._isolated) > .reply-to.reply-to .name,
+:not(._isolated) > .reply-to-more.reply-to .name,
+.widgets :not(._isolated) > .article.reply-to .name,
+.widgets :not(._isolated) > .reply.reply-to .name,
+.widgets :not(._isolated) > .reply-to.reply-to .name,
+.widgets :not(._isolated) > .reply-to-more.reply-to .name {
+  max-width: 20%;
+  z-index: 4 !important;
+}
+:not(._isolated) > .article.reply-to .cw,
+:not(._isolated) > .reply.reply-to .cw,
+:not(._isolated) > .reply-to.reply-to .cw,
+:not(._isolated) > .reply-to-more.reply-to .cw,
+.widgets :not(._isolated) > .article.reply-to .cw,
+.widgets :not(._isolated) > .reply.reply-to .cw,
+.widgets :not(._isolated) > .reply-to.reply-to .cw,
+.widgets :not(._isolated) > .reply-to-more.reply-to .cw {
+  display: flex !important;
+}
+:not(._isolated) > .article.reply-to .body,
+:not(._isolated) > .reply.reply-to .body,
+:not(._isolated) > .reply-to.reply-to .body,
+:not(._isolated) > .reply-to-more.reply-to .body,
+.widgets :not(._isolated) > .article.reply-to .body,
+.widgets :not(._isolated) > .reply.reply-to .body,
+.widgets :not(._isolated) > .reply-to.reply-to .body,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body,
+:not(._isolated) > .article.reply-to header,
+:not(._isolated) > .reply.reply-to header,
+:not(._isolated) > .reply-to.reply-to header,
+:not(._isolated) > .reply-to-more.reply-to header,
+.widgets :not(._isolated) > .article.reply-to header,
+.widgets :not(._isolated) > .reply.reply-to header,
+.widgets :not(._isolated) > .reply-to.reply-to header,
+.widgets :not(._isolated) > .reply-to-more.reply-to header {
+  display: contents;
+}
+:not(._isolated) > .article.reply-to .body .content,
+:not(._isolated) > .reply.reply-to .body .content,
+:not(._isolated) > .reply-to.reply-to .body .content,
+:not(._isolated) > .reply-to-more.reply-to .body .content,
+.widgets :not(._isolated) > .article.reply-to .body .content,
+.widgets :not(._isolated) > .reply.reply-to .body .content,
+.widgets :not(._isolated) > .reply-to.reply-to .body .content,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body .content,
+:not(._isolated) > .article.reply-to header .content,
+:not(._isolated) > .reply.reply-to header .content,
+:not(._isolated) > .reply-to.reply-to header .content,
+:not(._isolated) > .reply-to-more.reply-to header .content,
+.widgets :not(._isolated) > .article.reply-to header .content,
+.widgets :not(._isolated) > .reply.reply-to header .content,
+.widgets :not(._isolated) > .reply-to.reply-to header .content,
+.widgets :not(._isolated) > .reply-to-more.reply-to header .content {
+  display: flex;
+  flex-grow: 1;
+}
+:not(._isolated) > .article.reply-to .body .username,
+:not(._isolated) > .reply.reply-to .body .username,
+:not(._isolated) > .reply-to.reply-to .body .username,
+:not(._isolated) > .reply-to-more.reply-to .body .username,
+.widgets :not(._isolated) > .article.reply-to .body .username,
+.widgets :not(._isolated) > .reply.reply-to .body .username,
+.widgets :not(._isolated) > .reply-to.reply-to .body .username,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body .username,
+:not(._isolated) > .article.reply-to header .username,
+:not(._isolated) > .reply.reply-to header .username,
+:not(._isolated) > .reply-to.reply-to header .username,
+:not(._isolated) > .reply-to-more.reply-to header .username,
+.widgets :not(._isolated) > .article.reply-to header .username,
+.widgets :not(._isolated) > .reply.reply-to header .username,
+.widgets :not(._isolated) > .reply-to.reply-to header .username,
+.widgets :not(._isolated) > .reply-to-more.reply-to header .username {
+  display: none;
+}
+:not(._isolated) > .article.reply-to .body .info,
+:not(._isolated) > .reply.reply-to .body .info,
+:not(._isolated) > .reply-to.reply-to .body .info,
+:not(._isolated) > .reply-to-more.reply-to .body .info,
+.widgets :not(._isolated) > .article.reply-to .body .info,
+.widgets :not(._isolated) > .reply.reply-to .body .info,
+.widgets :not(._isolated) > .reply-to.reply-to .body .info,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body .info,
+:not(._isolated) > .article.reply-to header .info,
+:not(._isolated) > .reply.reply-to header .info,
+:not(._isolated) > .reply-to.reply-to header .info,
+:not(._isolated) > .reply-to-more.reply-to header .info,
+.widgets :not(._isolated) > .article.reply-to header .info,
+.widgets :not(._isolated) > .reply.reply-to header .info,
+.widgets :not(._isolated) > .reply-to.reply-to header .info,
+.widgets :not(._isolated) > .reply-to-more.reply-to header .info {
+  margin-left: 1em;
+  order: 2;
+  z-index: 3;
+}
+:not(._isolated) > .article.reply-to .body .text,
+:not(._isolated) > .reply.reply-to .body .text,
+:not(._isolated) > .reply-to.reply-to .body .text,
+:not(._isolated) > .reply-to-more.reply-to .body .text,
+.widgets :not(._isolated) > .article.reply-to .body .text,
+.widgets :not(._isolated) > .reply.reply-to .body .text,
+.widgets :not(._isolated) > .reply-to.reply-to .body .text,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body .text,
+:not(._isolated) > .article.reply-to header .text,
+:not(._isolated) > .reply.reply-to header .text,
+:not(._isolated) > .reply-to.reply-to header .text,
+:not(._isolated) > .reply-to-more.reply-to header .text,
+.widgets :not(._isolated) > .article.reply-to header .text,
+.widgets :not(._isolated) > .reply.reply-to header .text,
+.widgets :not(._isolated) > .reply-to.reply-to header .text,
+.widgets :not(._isolated) > .reply-to-more.reply-to header .text {
+  display: flex;
+  width: 0;
+  white-space: nowrap;
+  flex-grow: 1 !important;
+}
+:not(._isolated) > .article.reply-to .body .reply,
+:not(._isolated) > .reply.reply-to .body .reply,
+:not(._isolated) > .reply-to.reply-to .body .reply,
+:not(._isolated) > .reply-to-more.reply-to .body .reply,
+.widgets :not(._isolated) > .article.reply-to .body .reply,
+.widgets :not(._isolated) > .reply.reply-to .body .reply,
+.widgets :not(._isolated) > .reply-to.reply-to .body .reply,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body .reply,
+:not(._isolated) > .article.reply-to header .reply,
+:not(._isolated) > .reply.reply-to header .reply,
+:not(._isolated) > .reply-to.reply-to header .reply,
+:not(._isolated) > .reply-to-more.reply-to header .reply,
+.widgets :not(._isolated) > .article.reply-to header .reply,
+.widgets :not(._isolated) > .reply.reply-to header .reply,
+.widgets :not(._isolated) > .reply-to.reply-to header .reply,
+.widgets :not(._isolated) > .reply-to-more.reply-to header .reply {
+  margin: 0 0.5em !important;
+  padding: 0 !important;
+}
+:not(._isolated) > .article.reply-to .body span,
+:not(._isolated) > .reply.reply-to .body span,
+:not(._isolated) > .reply-to.reply-to .body span,
+:not(._isolated) > .reply-to-more.reply-to .body span,
+.widgets :not(._isolated) > .article.reply-to .body span,
+.widgets :not(._isolated) > .reply.reply-to .body span,
+.widgets :not(._isolated) > .reply-to.reply-to .body span,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body span,
+:not(._isolated) > .article.reply-to header span,
+:not(._isolated) > .reply.reply-to header span,
+:not(._isolated) > .reply-to.reply-to header span,
+:not(._isolated) > .reply-to-more.reply-to header span,
+.widgets :not(._isolated) > .article.reply-to header span,
+.widgets :not(._isolated) > .reply.reply-to header span,
+.widgets :not(._isolated) > .reply-to.reply-to header span,
+.widgets :not(._isolated) > .reply-to-more.reply-to header span,
+:not(._isolated) > .article.reply-to .body summary,
+:not(._isolated) > .reply.reply-to .body summary,
+:not(._isolated) > .reply-to.reply-to .body summary,
+:not(._isolated) > .reply-to-more.reply-to .body summary,
+.widgets :not(._isolated) > .article.reply-to .body summary,
+.widgets :not(._isolated) > .reply.reply-to .body summary,
+.widgets :not(._isolated) > .reply-to.reply-to .body summary,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body summary,
+:not(._isolated) > .article.reply-to header summary,
+:not(._isolated) > .reply.reply-to header summary,
+:not(._isolated) > .reply-to.reply-to header summary,
+:not(._isolated) > .reply-to-more.reply-to header summary,
+.widgets :not(._isolated) > .article.reply-to header summary,
+.widgets :not(._isolated) > .reply.reply-to header summary,
+.widgets :not(._isolated) > .reply-to.reply-to header summary,
+.widgets :not(._isolated) > .reply-to-more.reply-to header summary {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  height: 1rem !important;
+  font-size: 1em !important;
+}
+:not(._isolated) > .article.reply-to .body span [href^="/@"],
+:not(._isolated) > .reply.reply-to .body span [href^="/@"],
+:not(._isolated) > .reply-to.reply-to .body span [href^="/@"],
+:not(._isolated) > .reply-to-more.reply-to .body span [href^="/@"],
+.widgets :not(._isolated) > .article.reply-to .body span [href^="/@"],
+.widgets :not(._isolated) > .reply.reply-to .body span [href^="/@"],
+.widgets :not(._isolated) > .reply-to.reply-to .body span [href^="/@"],
+.widgets :not(._isolated) > .reply-to-more.reply-to .body span [href^="/@"],
+:not(._isolated) > .article.reply-to header span [href^="/@"],
+:not(._isolated) > .reply.reply-to header span [href^="/@"],
+:not(._isolated) > .reply-to.reply-to header span [href^="/@"],
+:not(._isolated) > .reply-to-more.reply-to header span [href^="/@"],
+.widgets :not(._isolated) > .article.reply-to header span [href^="/@"],
+.widgets :not(._isolated) > .reply.reply-to header span [href^="/@"],
+.widgets :not(._isolated) > .reply-to.reply-to header span [href^="/@"],
+.widgets :not(._isolated) > .reply-to-more.reply-to header span [href^="/@"],
+:not(._isolated) > .article.reply-to .body summary [href^="/@"],
+:not(._isolated) > .reply.reply-to .body summary [href^="/@"],
+:not(._isolated) > .reply-to.reply-to .body summary [href^="/@"],
+:not(._isolated) > .reply-to-more.reply-to .body summary [href^="/@"],
+.widgets :not(._isolated) > .article.reply-to .body summary [href^="/@"],
+.widgets :not(._isolated) > .reply.reply-to .body summary [href^="/@"],
+.widgets :not(._isolated) > .reply-to.reply-to .body summary [href^="/@"],
+.widgets :not(._isolated) > .reply-to-more.reply-to .body summary [href^="/@"],
+:not(._isolated) > .article.reply-to header summary [href^="/@"],
+:not(._isolated) > .reply.reply-to header summary [href^="/@"],
+:not(._isolated) > .reply-to.reply-to header summary [href^="/@"],
+:not(._isolated) > .reply-to-more.reply-to header summary [href^="/@"],
+.widgets :not(._isolated) > .article.reply-to header summary [href^="/@"],
+.widgets :not(._isolated) > .reply.reply-to header summary [href^="/@"],
+.widgets :not(._isolated) > .reply-to.reply-to header summary [href^="/@"],
+.widgets :not(._isolated) > .reply-to-more.reply-to header summary [href^="/@"] {
+  margin: -1em 0 !important;
+}
+:not(._isolated) > .article.reply-to .body span br,
+:not(._isolated) > .reply.reply-to .body span br,
+:not(._isolated) > .reply-to.reply-to .body span br,
+:not(._isolated) > .reply-to-more.reply-to .body span br,
+.widgets :not(._isolated) > .article.reply-to .body span br,
+.widgets :not(._isolated) > .reply.reply-to .body span br,
+.widgets :not(._isolated) > .reply-to.reply-to .body span br,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body span br,
+:not(._isolated) > .article.reply-to header span br,
+:not(._isolated) > .reply.reply-to header span br,
+:not(._isolated) > .reply-to.reply-to header span br,
+:not(._isolated) > .reply-to-more.reply-to header span br,
+.widgets :not(._isolated) > .article.reply-to header span br,
+.widgets :not(._isolated) > .reply.reply-to header span br,
+.widgets :not(._isolated) > .reply-to.reply-to header span br,
+.widgets :not(._isolated) > .reply-to-more.reply-to header span br,
+:not(._isolated) > .article.reply-to .body summary br,
+:not(._isolated) > .reply.reply-to .body summary br,
+:not(._isolated) > .reply-to.reply-to .body summary br,
+:not(._isolated) > .reply-to-more.reply-to .body summary br,
+.widgets :not(._isolated) > .article.reply-to .body summary br,
+.widgets :not(._isolated) > .reply.reply-to .body summary br,
+.widgets :not(._isolated) > .reply-to.reply-to .body summary br,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body summary br,
+:not(._isolated) > .article.reply-to header summary br,
+:not(._isolated) > .reply.reply-to header summary br,
+:not(._isolated) > .reply-to.reply-to header summary br,
+:not(._isolated) > .reply-to-more.reply-to header summary br,
+.widgets :not(._isolated) > .article.reply-to header summary br,
+.widgets :not(._isolated) > .reply.reply-to header summary br,
+.widgets :not(._isolated) > .reply-to.reply-to header summary br,
+.widgets :not(._isolated) > .reply-to-more.reply-to header summary br {
+  display: none;
+}
+:not(._isolated) > .article.reply-to .body span br + a,
+:not(._isolated) > .reply.reply-to .body span br + a,
+:not(._isolated) > .reply-to.reply-to .body span br + a,
+:not(._isolated) > .reply-to-more.reply-to .body span br + a,
+.widgets :not(._isolated) > .article.reply-to .body span br + a,
+.widgets :not(._isolated) > .reply.reply-to .body span br + a,
+.widgets :not(._isolated) > .reply-to.reply-to .body span br + a,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body span br + a,
+:not(._isolated) > .article.reply-to header span br + a,
+:not(._isolated) > .reply.reply-to header span br + a,
+:not(._isolated) > .reply-to.reply-to header span br + a,
+:not(._isolated) > .reply-to-more.reply-to header span br + a,
+.widgets :not(._isolated) > .article.reply-to header span br + a,
+.widgets :not(._isolated) > .reply.reply-to header span br + a,
+.widgets :not(._isolated) > .reply-to.reply-to header span br + a,
+.widgets :not(._isolated) > .reply-to-more.reply-to header span br + a,
+:not(._isolated) > .article.reply-to .body summary br + a,
+:not(._isolated) > .reply.reply-to .body summary br + a,
+:not(._isolated) > .reply-to.reply-to .body summary br + a,
+:not(._isolated) > .reply-to-more.reply-to .body summary br + a,
+.widgets :not(._isolated) > .article.reply-to .body summary br + a,
+.widgets :not(._isolated) > .reply.reply-to .body summary br + a,
+.widgets :not(._isolated) > .reply-to.reply-to .body summary br + a,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body summary br + a,
+:not(._isolated) > .article.reply-to header summary br + a,
+:not(._isolated) > .reply.reply-to header summary br + a,
+:not(._isolated) > .reply-to.reply-to header summary br + a,
+:not(._isolated) > .reply-to-more.reply-to header summary br + a,
+.widgets :not(._isolated) > .article.reply-to header summary br + a,
+.widgets :not(._isolated) > .reply.reply-to header summary br + a,
+.widgets :not(._isolated) > .reply-to.reply-to header summary br + a,
+.widgets :not(._isolated) > .reply-to-more.reply-to header summary br + a {
+  margin-left: 0.2em;
+}
+:not(._isolated) > .article.reply-to .body span img,
+:not(._isolated) > .reply.reply-to .body span img,
+:not(._isolated) > .reply-to.reply-to .body span img,
+:not(._isolated) > .reply-to-more.reply-to .body span img,
+.widgets :not(._isolated) > .article.reply-to .body span img,
+.widgets :not(._isolated) > .reply.reply-to .body span img,
+.widgets :not(._isolated) > .reply-to.reply-to .body span img,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body span img,
+:not(._isolated) > .article.reply-to header span img,
+:not(._isolated) > .reply.reply-to header span img,
+:not(._isolated) > .reply-to.reply-to header span img,
+:not(._isolated) > .reply-to-more.reply-to header span img,
+.widgets :not(._isolated) > .article.reply-to header span img,
+.widgets :not(._isolated) > .reply.reply-to header span img,
+.widgets :not(._isolated) > .reply-to.reply-to header span img,
+.widgets :not(._isolated) > .reply-to-more.reply-to header span img,
+:not(._isolated) > .article.reply-to .body summary img,
+:not(._isolated) > .reply.reply-to .body summary img,
+:not(._isolated) > .reply-to.reply-to .body summary img,
+:not(._isolated) > .reply-to-more.reply-to .body summary img,
+.widgets :not(._isolated) > .article.reply-to .body summary img,
+.widgets :not(._isolated) > .reply.reply-to .body summary img,
+.widgets :not(._isolated) > .reply-to.reply-to .body summary img,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body summary img,
+:not(._isolated) > .article.reply-to header summary img,
+:not(._isolated) > .reply.reply-to header summary img,
+:not(._isolated) > .reply-to.reply-to header summary img,
+:not(._isolated) > .reply-to-more.reply-to header summary img,
+.widgets :not(._isolated) > .article.reply-to header summary img,
+.widgets :not(._isolated) > .reply.reply-to header summary img,
+.widgets :not(._isolated) > .reply-to.reply-to header summary img,
+.widgets :not(._isolated) > .reply-to-more.reply-to header summary img {
+  height: 1rem !important;
+  width: 1rem !important;
+}
+:not(._isolated) > .article.reply-to .body summary,
+:not(._isolated) > .reply.reply-to .body summary,
+:not(._isolated) > .reply-to.reply-to .body summary,
+:not(._isolated) > .reply-to-more.reply-to .body summary,
+.widgets :not(._isolated) > .article.reply-to .body summary,
+.widgets :not(._isolated) > .reply.reply-to .body summary,
+.widgets :not(._isolated) > .reply-to.reply-to .body summary,
+.widgets :not(._isolated) > .reply-to-more.reply-to .body summary,
+:not(._isolated) > .article.reply-to header summary,
+:not(._isolated) > .reply.reply-to header summary,
+:not(._isolated) > .reply-to.reply-to header summary,
+:not(._isolated) > .reply-to-more.reply-to header summary,
+.widgets :not(._isolated) > .article.reply-to header summary,
+.widgets :not(._isolated) > .reply.reply-to header summary,
+.widgets :not(._isolated) > .reply-to.reply-to header summary,
+.widgets :not(._isolated) > .reply-to-more.reply-to header summary {
+  margin-left: 10px;
+}
+.widget .article .avatar,
+.widget .reply .avatar,
+.widget .reply-to .avatar,
+.widget .reply-to-more .avatar {
+  width: 1.2rem !important;
+  height: 1.2rem !important;
+  position: relative !important;
+  top: 0 !important;
+}
+.widget .article > .main,
+.widget .reply > .main,
+.widget .reply-to > .main,
+.widget .reply-to-more > .main {
+  margin-left: -1.8rem;
+}
+.widget .article > .main .header,
+.widget .reply > .main .header,
+.widget .reply-to > .main .header,
+.widget .reply-to-more > .main .header {
+  margin-left: 1.6rem;
+}
+.widget .article.reply-to.reply-to,
+.widget .reply.reply-to.reply-to,
+.widget .reply-to.reply-to.reply-to,
+.widget .reply-to-more.reply-to.reply-to {
+  margin-left: 3.4rem !important;
+}
+.widget .article.reply-to.reply-to::before,
+.widget .reply.reply-to.reply-to::before,
+.widget .reply-to.reply-to.reply-to::before,
+.widget .reply-to-more.reply-to.reply-to::before {
+  margin-top: 4px;
+  border-width: 3px;
+  margin-right: 1rem !important;
+  width: 1rem;
+  height: 1.5em;
+}
\ No newline at end of file