From 5fb61d92ed458545def74e8e50f3fdc3a614ba5a Mon Sep 17 00:00:00 2001 From: Charles Chin Date: Wed, 29 Nov 2023 01:41:01 +0800 Subject: [PATCH] style: toot img --- static/assets/toot/mastodon-timeline-custom.css | 2 +- static/assets/toot/mastodon-timeline-custom.min.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/static/assets/toot/mastodon-timeline-custom.css b/static/assets/toot/mastodon-timeline-custom.css index 91b9864acad..e0f8b80acfd 100644 --- a/static/assets/toot/mastodon-timeline-custom.css +++ b/static/assets/toot/mastodon-timeline-custom.css @@ -477,7 +477,7 @@ border-radius: 0.5rem; transition: transform .3s ease; cursor: zoom-in; - margin: 0; + margin: 0.5rem 0 0; padding: 0; box-shadow: 0 2px 6px rgba(0,0,0,0.3); } diff --git a/static/assets/toot/mastodon-timeline-custom.min.css b/static/assets/toot/mastodon-timeline-custom.min.css index ece8bca9bfd..e1cde5a02a9 100644 --- a/static/assets/toot/mastodon-timeline-custom.min.css +++ b/static/assets/toot/mastodon-timeline-custom.min.css @@ -1 +1 @@ -:root{--text-max-lines:none;}:root{--mt-bg-color:#fff;--mt-bg-hover-color:#d9e1e8;--mt-line-gray-color:#c0cdd9;--mt-content-text:#000;--mt-link-color:#2d96bd;--mt-error-text-color:#8b0000;--mt-header-color:rgb(83,100,113);--mt-timeline-bg-color:#f5f5f5;--mt-border-color:#fff;--mt-hover-border-color:#e5e7eb;--mt-code-color:#161209;--mt-code-bg-color:rgba(175,184,193,.2);--mt-pre-color:#161209;--mt-pre-bg-color:rgba(175,184,193,.2);--mt-avatar-border:rgba(255,133,62,.7);--mt-nick-color:#000;--mt-bar-color:#51596f;--mt-bar-bg-color:rgba(96,105,132,.15);}:root [theme="dark"]{--mt-bg-color:#292a2d;--mt-bg-hover-color:#313543;--mt-line-gray-color:#59c5ec;--mt-content-text:#a9a9b3;--mt-link-color:#539bf5;--mt-error-text-color:#fe6c6c;--mt-header-color:rgb(139,152,165);--mt-timeline-bg-color:#22272e;--mt-border-color:#22272e;--mt-hover-border-color:#333;--mt-code-color:#adbac7;--mt-code-bg-color:rgba(110,118,129,.4);--mt-pre-color:#adbac7;--mt-pre-bg-color:rgba(110,118,129,.4);--mt-avatar-border:rgba(255,133,62,.5);--mt-nick-color:#a9a9b3;}:root [theme="black"]{--mt-bg-color:#000;--mt-bg-hover-color:#313543;--mt-line-gray-color:#59c5ec;--mt-content-text:#a9a9b3;--mt-link-color:#539bf5;--mt-error-text-color:#fe6c6c;--mt-header-color:rgb(139,152,165);--mt-timeline-bg-color:#22272e;--mt-border-color:#22272e;--mt-hover-border-color:#333;--mt-code-color:#adbac7;--mt-code-bg-color:rgba(110,118,129,.4);--mt-pre-color:#adbac7;--mt-pre-bg-color:rgba(110,118,129,.4);--mt-avatar-border:rgba(255,133,62,.7);--mt-nick-color:#a9a9b3;}.reactions{--start-smile-border-color:#d0d7de;--start-smile-border-color-hover:#1f232826;--start-smile-bg-color:#f6f8fa;--start-smile-svg-fill-color:#656d76;--reaction-got-not-reacted-bg-color:#f6f8fa;--reaction-got-not-reacted-bg-color-hover:#eaeef2;--reaction-got-not-reacted-border-color:rgb(83,100,113);--reaction-got-not-reacted-text-color:#656d76;--reaction-got-reacted-bg-color:#ddf4ff;--reaction-got-reacted-bg-color-hover:#b6e3ff;--reaction-got-reacted-border-color:#0969da;--reaction-got-reacted-text-color:#0969da;--reaction-available-popup-bg-color:#fff;--reaction-available-popup-border-color:#d0d7de;--reaction-available-popup-box-shadow:#8c959f33 0 8px 24px 0;--reaction-available-emoji-reacted-bg-color:#ddf4ff;--reaction-available-emoji-bg-color-hover:#f3f4f6;--reaction-available-emoji-z-index:100;--reaction-available-mask-z-index:80;}[theme="dark"] .reactions{--start-smile-border-color:#21262d;--start-smile-border-color-hover:#8b949e;--start-smile-bg-color:#30363d;--start-smile-svg-fill-color:#7d8590;--reaction-got-not-reacted-bg-color:#00000000;--reaction-got-not-reacted-bg-color-hover:#21262d;--reaction-got-not-reacted-border-color:#30363d;--reaction-got-not-reacted-text-color:#7d8590;--reaction-got-reacted-bg-color:#388bfd1a;--reaction-got-reacted-bg-color-hover:#0c2d6b;--reaction-got-reacted-border-color:#1f6feb;--reaction-got-reacted-text-color:#2f81f7;--reaction-available-popup-bg-color:#161b22;--reaction-available-popup-border-color:#30363d;--reaction-available-popup-box-shadow:#010409 0 8px 24px 0;--reaction-available-emoji-reacted-bg-color:#388bfd1a;--reaction-available-emoji-bg-color-hover:#30363d;--reaction-available-emoji-z-index:100;--reaction-available-mask-z-index:80;}[theme="black"] .reactions{--start-smile-border-color:#21262d;--start-smile-border-color-hover:#8b949e;--start-smile-bg-color:#30363d;--start-smile-svg-fill-color:#7d8590;--reaction-got-not-reacted-bg-color:#00000000;--reaction-got-not-reacted-bg-color-hover:#21262d;--reaction-got-not-reacted-border-color:#30363d;--reaction-got-not-reacted-text-color:#7d8590;--reaction-got-reacted-bg-color:#388bfd1a;--reaction-got-reacted-bg-color-hover:#0c2d6b;--reaction-got-reacted-border-color:#1f6feb;--reaction-got-reacted-text-color:#2f81f7;--reaction-available-popup-bg-color:#161b22;--reaction-available-popup-border-color:#30363d;--reaction-available-popup-box-shadow:#010409 0 8px 24px 0;--reaction-available-emoji-reacted-bg-color:#388bfd1a;--reaction-available-emoji-bg-color-hover:#30363d;--reaction-available-emoji-z-index:100;--reaction-available-mask-z-index:80;}.mt-timeline{background:var(--mt-bg-color);scrollbar-color:var(--mt-bg-hover-color) rgba(0,0,0,.1);}.mt-timeline a:link,.mt-timeline a:active,.mt-timeline a{color:var(--mt-link-color);}.mt-timeline::-webkit-scrollbar-thumb{border:0 var(--mt-content-text);background:var(--mt-bg-hover-color);}.mt-timeline::-webkit-scrollbar-track{border:0 var(--mt-content-text);background:rgba(0,0,0,.1);}.mt-body{padding:1rem 0;}.mt-toot{background:var(--mt-timeline-bg-color);margin:0;margin-bottom:2rem;padding:0 1rem;border-bottom:none;border-radius:.5rem;border-width:1px;border-color:var(--mt-border-color);overflow:hidden;}.mt-toot::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2.5rem;background-color:var(--mt-code-bg-color);z-index:1;}.mt-toot:hover,.mt-toot:focus{cursor:unset;background-color:var(--mt-timeline-bg-color);}.mt-toot:hover{border-color:var(--mt-hover-border-color);transition:all .4s ease-in-out;}.mt-header{display:flex;margin-top:1rem;line-height:1.5;align-items:center;}.mt-header a:link,.mt-header a:active,.mt-header a{text-decoration:none!important;}.mt-avatar{background-color:var(--mt-bg-color);position:relative;top:0;left:0;width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border:.125rem solid var(--mt-avatar-border);border-radius:.4rem;overflow:hidden;}.mt-user{display:flex;margin-bottom:0;}.mt-user a:link,.mt-user a:active,.mt-user a{display:flex;flex-direction:column;margin-left:.5rem;}.mt-nick{display:inline-flex;align-items:center;gap:.25rem;color:var(--mt-nick-color);}.mt-id{font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei UI,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875em;overflow-wrap:break-word;min-width:0;box-sizing:border-box;color:var(--mt-link-color);display:inline;white-space:pre-wrap;word-wrap:break-word;flex-shrink:1;font-weight:400;}.mt-user>a{color:var(--content-text)!important;}.toot-text{color:var(--mt-content-text);line-height:2;margin:1rem 0;}.toot-text.truncate{-webkit-line-clamp:var(--mt-text-max-lines);}.toot-text blockquote{border-left:4px solid var(--mt-line-gray-color);}.toot-text a:link,.toot-text a:active,.toot-text a{color:var(--mt-link-color)!important;}.toot-text code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important;padding:.2em .4em!important;margin:0!important;font-size:85%!important;white-space:break-spaces!important;border-radius:6px!important;color:var(--mt-code-color)!important;background:var(--mt-code-bg-color)!important;line-height:1.5!important;}.toot-text pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important;word-wrap:normal!important;word-break:normal!important;padding:16px!important;margin:0!important;overflow:auto!important;line-height:1.45!important;color:var(--mt-pre-color)!important;background:var(--mt-pre-bg-color)!important;border-radius:6px!important;}.toot-text pre code{background:none!important;padding:.2em .4em 0!important;}.toot-text p,.toot-text ul li p{margin:0!important;padding:0!important;}.mt-error{position:relative;color:var(--mt-error-text-color);}.toot-poll{color:var(--mt-content-text);}.spoiler-link{background-color:var(--mt-line-gray-color);color:var(--mt-content-text);}.toot-footer{display:flex;align-items:center;position:relative;margin:1.5rem 0 .25rem;z-index:2;}.toot-footer svg{width:1rem;height:1rem;}.toot-footer .toot-meta{display:flex;align-items:center;justify-content:space-between;gap:.25rem;}.toot-date{font-size:.9rem;}.toot-visibility{color:var(--mt-header-color)!important;display:flex;align-items:center;}.toot-visibility svg{width:.875rem!important;height:.875rem!important;}.toot-visibility::before,.toot-app::before{content:"·";margin-right:.25rem;}.toot-app{display:flex;align-items:center;}.toot-app a{font-size:.875rem!important;color:var(--mt-header-color)!important;}.toot-footer .mt-bar{display:flex;align-items:center;justify-content:space-between;flex:1;opacity:.85;}.toot-footer .mt-bar svg{fill:var(--start-smile-svg-fill-color,var(--start-smile-svg-fill-color-default));}.mt-timeline .toot-reply,.mt-timeline .toot-favourite,.mt-timeline .toot-retoot,.mt-timeline .toot-bookmarked,.mt-timeline .toot-more{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:.875rem;color:currentColor;}.mt-timeline .toot-date a,.mt-timeline .toot-reply a,.mt-timeline .toot-favourite a,.mt-timeline .toot-retoot a,.mt-timeline .toot-bookmarked a,.mt-timeline .toot-more a{color:var(--mt-header-color)!important;text-decoration:none;white-space:nowrap;padding:.25rem;}.mt-timeline .toot-reply a:active,.mt-timeline .toot-favourite a:active,.mt-timeline .toot-retoot a:active,.mt-timeline .toot-bookmarked a:active,.mt-timeline .toot-more a:active,.mt-timeline .toot-reply a:focus,.mt-timeline .toot-favourite a:focus,.mt-timeline .toot-retoot a:focus,.mt-timeline .toot-bookmarked a:focus,.mt-timeline .toot-more a:focus,.mt-timeline .toot-reply a:hover,.mt-timeline .toot-favourite a:hover,.mt-timeline .toot-retoot a:hover,.mt-timeline .toot-bookmarked a:hover,.mt-timeline .toot-more a:hover{background-color:var(--mt-bar-bg-color);color:var(--mt-bar-color);}.emaction{display:flex;align-items:center;margin-left:2rem;}.reactions{display:flex;height:inherit;}.img-ratio16_9{position:relative;padding-top:56.25%;width:100%;}.img-ratio16_9>img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}@media screen and (max-width:480px){.toot-app{display:none}.toot-footer{margin-right:0}}.toot-images{display:grid;gap:10px;}.toot-images img{width:150px;height:150px;object-fit:cover;border-radius:.5rem;transition:transform .3s ease;cursor:zoom-in;margin:0;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.3);}.grid-1{grid-template-columns:150px;}.grid-3,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(3,150px);}.grid-2,.grid-4{grid-template-columns:repeat(2,150px);} \ No newline at end of file +:root{--text-max-lines:none;}:root{--mt-bg-color:#fff;--mt-bg-hover-color:#d9e1e8;--mt-line-gray-color:#c0cdd9;--mt-content-text:#000;--mt-link-color:#2d96bd;--mt-error-text-color:#8b0000;--mt-header-color:rgb(83,100,113);--mt-timeline-bg-color:#f5f5f5;--mt-border-color:#fff;--mt-hover-border-color:#e5e7eb;--mt-code-color:#161209;--mt-code-bg-color:rgba(175,184,193,.2);--mt-pre-color:#161209;--mt-pre-bg-color:rgba(175,184,193,.2);--mt-avatar-border:rgba(255,133,62,.7);--mt-nick-color:#000;--mt-bar-color:#51596f;--mt-bar-bg-color:rgba(96,105,132,.15);}:root [theme="dark"]{--mt-bg-color:#292a2d;--mt-bg-hover-color:#313543;--mt-line-gray-color:#59c5ec;--mt-content-text:#a9a9b3;--mt-link-color:#539bf5;--mt-error-text-color:#fe6c6c;--mt-header-color:rgb(139,152,165);--mt-timeline-bg-color:#22272e;--mt-border-color:#22272e;--mt-hover-border-color:#333;--mt-code-color:#adbac7;--mt-code-bg-color:rgba(110,118,129,.4);--mt-pre-color:#adbac7;--mt-pre-bg-color:rgba(110,118,129,.4);--mt-avatar-border:rgba(255,133,62,.5);--mt-nick-color:#a9a9b3;}:root [theme="black"]{--mt-bg-color:#000;--mt-bg-hover-color:#313543;--mt-line-gray-color:#59c5ec;--mt-content-text:#a9a9b3;--mt-link-color:#539bf5;--mt-error-text-color:#fe6c6c;--mt-header-color:rgb(139,152,165);--mt-timeline-bg-color:#22272e;--mt-border-color:#22272e;--mt-hover-border-color:#333;--mt-code-color:#adbac7;--mt-code-bg-color:rgba(110,118,129,.4);--mt-pre-color:#adbac7;--mt-pre-bg-color:rgba(110,118,129,.4);--mt-avatar-border:rgba(255,133,62,.7);--mt-nick-color:#a9a9b3;}.reactions{--start-smile-border-color:#d0d7de;--start-smile-border-color-hover:#1f232826;--start-smile-bg-color:#f6f8fa;--start-smile-svg-fill-color:#656d76;--reaction-got-not-reacted-bg-color:#f6f8fa;--reaction-got-not-reacted-bg-color-hover:#eaeef2;--reaction-got-not-reacted-border-color:rgb(83,100,113);--reaction-got-not-reacted-text-color:#656d76;--reaction-got-reacted-bg-color:#ddf4ff;--reaction-got-reacted-bg-color-hover:#b6e3ff;--reaction-got-reacted-border-color:#0969da;--reaction-got-reacted-text-color:#0969da;--reaction-available-popup-bg-color:#fff;--reaction-available-popup-border-color:#d0d7de;--reaction-available-popup-box-shadow:#8c959f33 0 8px 24px 0;--reaction-available-emoji-reacted-bg-color:#ddf4ff;--reaction-available-emoji-bg-color-hover:#f3f4f6;--reaction-available-emoji-z-index:100;--reaction-available-mask-z-index:80;}[theme="dark"] .reactions{--start-smile-border-color:#21262d;--start-smile-border-color-hover:#8b949e;--start-smile-bg-color:#30363d;--start-smile-svg-fill-color:#7d8590;--reaction-got-not-reacted-bg-color:#00000000;--reaction-got-not-reacted-bg-color-hover:#21262d;--reaction-got-not-reacted-border-color:#30363d;--reaction-got-not-reacted-text-color:#7d8590;--reaction-got-reacted-bg-color:#388bfd1a;--reaction-got-reacted-bg-color-hover:#0c2d6b;--reaction-got-reacted-border-color:#1f6feb;--reaction-got-reacted-text-color:#2f81f7;--reaction-available-popup-bg-color:#161b22;--reaction-available-popup-border-color:#30363d;--reaction-available-popup-box-shadow:#010409 0 8px 24px 0;--reaction-available-emoji-reacted-bg-color:#388bfd1a;--reaction-available-emoji-bg-color-hover:#30363d;--reaction-available-emoji-z-index:100;--reaction-available-mask-z-index:80;}[theme="black"] .reactions{--start-smile-border-color:#21262d;--start-smile-border-color-hover:#8b949e;--start-smile-bg-color:#30363d;--start-smile-svg-fill-color:#7d8590;--reaction-got-not-reacted-bg-color:#00000000;--reaction-got-not-reacted-bg-color-hover:#21262d;--reaction-got-not-reacted-border-color:#30363d;--reaction-got-not-reacted-text-color:#7d8590;--reaction-got-reacted-bg-color:#388bfd1a;--reaction-got-reacted-bg-color-hover:#0c2d6b;--reaction-got-reacted-border-color:#1f6feb;--reaction-got-reacted-text-color:#2f81f7;--reaction-available-popup-bg-color:#161b22;--reaction-available-popup-border-color:#30363d;--reaction-available-popup-box-shadow:#010409 0 8px 24px 0;--reaction-available-emoji-reacted-bg-color:#388bfd1a;--reaction-available-emoji-bg-color-hover:#30363d;--reaction-available-emoji-z-index:100;--reaction-available-mask-z-index:80;}.mt-timeline{background:var(--mt-bg-color);scrollbar-color:var(--mt-bg-hover-color) rgba(0,0,0,.1);}.mt-timeline a:link,.mt-timeline a:active,.mt-timeline a{color:var(--mt-link-color);}.mt-timeline::-webkit-scrollbar-thumb{border:0 var(--mt-content-text);background:var(--mt-bg-hover-color);}.mt-timeline::-webkit-scrollbar-track{border:0 var(--mt-content-text);background:rgba(0,0,0,.1);}.mt-body{padding:1rem 0;}.mt-toot{background:var(--mt-timeline-bg-color);margin:0;margin-bottom:2rem;padding:0 1rem;border-bottom:none;border-radius:.5rem;border-width:1px;border-color:var(--mt-border-color);overflow:hidden;}.mt-toot::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2.5rem;background-color:var(--mt-code-bg-color);z-index:1;}.mt-toot:hover,.mt-toot:focus{cursor:unset;background-color:var(--mt-timeline-bg-color);}.mt-toot:hover{border-color:var(--mt-hover-border-color);transition:all .4s ease-in-out;}.mt-header{display:flex;margin-top:1rem;line-height:1.5;align-items:center;}.mt-header a:link,.mt-header a:active,.mt-header a{text-decoration:none!important;}.mt-avatar{background-color:var(--mt-bg-color);position:relative;top:0;left:0;width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border:.125rem solid var(--mt-avatar-border);border-radius:.4rem;overflow:hidden;}.mt-user{display:flex;margin-bottom:0;}.mt-user a:link,.mt-user a:active,.mt-user a{display:flex;flex-direction:column;margin-left:.5rem;}.mt-nick{display:inline-flex;align-items:center;gap:.25rem;color:var(--mt-nick-color);}.mt-id{font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei UI,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875em;overflow-wrap:break-word;min-width:0;box-sizing:border-box;color:var(--mt-link-color);display:inline;white-space:pre-wrap;word-wrap:break-word;flex-shrink:1;font-weight:400;}.mt-user>a{color:var(--content-text)!important;}.toot-text{color:var(--mt-content-text);line-height:2;margin:1rem 0;}.toot-text.truncate{-webkit-line-clamp:var(--mt-text-max-lines);}.toot-text blockquote{border-left:4px solid var(--mt-line-gray-color);}.toot-text a:link,.toot-text a:active,.toot-text a{color:var(--mt-link-color)!important;}.toot-text code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important;padding:.2em .4em!important;margin:0!important;font-size:85%!important;white-space:break-spaces!important;border-radius:6px!important;color:var(--mt-code-color)!important;background:var(--mt-code-bg-color)!important;line-height:1.5!important;}.toot-text pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important;word-wrap:normal!important;word-break:normal!important;padding:16px!important;margin:0!important;overflow:auto!important;line-height:1.45!important;color:var(--mt-pre-color)!important;background:var(--mt-pre-bg-color)!important;border-radius:6px!important;}.toot-text pre code{background:none!important;padding:.2em .4em 0!important;}.toot-text p,.toot-text ul li p{margin:0!important;padding:0!important;}.mt-error{position:relative;color:var(--mt-error-text-color);}.toot-poll{color:var(--mt-content-text);}.spoiler-link{background-color:var(--mt-line-gray-color);color:var(--mt-content-text);}.toot-footer{display:flex;align-items:center;position:relative;margin:1.5rem 0 .25rem;z-index:2;}.toot-footer svg{width:1rem;height:1rem;}.toot-footer .toot-meta{display:flex;align-items:center;justify-content:space-between;gap:.25rem;}.toot-date{font-size:.9rem;}.toot-visibility{color:var(--mt-header-color)!important;display:flex;align-items:center;}.toot-visibility svg{width:.875rem!important;height:.875rem!important;}.toot-visibility::before,.toot-app::before{content:"·";margin-right:.25rem;}.toot-app{display:flex;align-items:center;}.toot-app a{font-size:.875rem!important;color:var(--mt-header-color)!important;}.toot-footer .mt-bar{display:flex;align-items:center;justify-content:space-between;flex:1;opacity:.85;}.toot-footer .mt-bar svg{fill:var(--start-smile-svg-fill-color,var(--start-smile-svg-fill-color-default));}.mt-timeline .toot-reply,.mt-timeline .toot-favourite,.mt-timeline .toot-retoot,.mt-timeline .toot-bookmarked,.mt-timeline .toot-more{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:.875rem;color:currentColor;}.mt-timeline .toot-date a,.mt-timeline .toot-reply a,.mt-timeline .toot-favourite a,.mt-timeline .toot-retoot a,.mt-timeline .toot-bookmarked a,.mt-timeline .toot-more a{color:var(--mt-header-color)!important;text-decoration:none;white-space:nowrap;padding:.25rem;}.mt-timeline .toot-reply a:active,.mt-timeline .toot-favourite a:active,.mt-timeline .toot-retoot a:active,.mt-timeline .toot-bookmarked a:active,.mt-timeline .toot-more a:active,.mt-timeline .toot-reply a:focus,.mt-timeline .toot-favourite a:focus,.mt-timeline .toot-retoot a:focus,.mt-timeline .toot-bookmarked a:focus,.mt-timeline .toot-more a:focus,.mt-timeline .toot-reply a:hover,.mt-timeline .toot-favourite a:hover,.mt-timeline .toot-retoot a:hover,.mt-timeline .toot-bookmarked a:hover,.mt-timeline .toot-more a:hover{background-color:var(--mt-bar-bg-color);color:var(--mt-bar-color);}.emaction{display:flex;align-items:center;margin-left:2rem;}.reactions{display:flex;height:inherit;}.img-ratio16_9{position:relative;padding-top:56.25%;width:100%;}.img-ratio16_9>img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}@media screen and (max-width:480px){.toot-app{display:none}.toot-footer{margin-right:0}}.toot-images{display:grid;gap:10px;}.toot-images img{width:150px;height:150px;object-fit:cover;border-radius:.5rem;transition:transform .3s ease;cursor:zoom-in;margin:.5rem 0 0;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.3);}.grid-1{grid-template-columns:150px;}.grid-3,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(3,150px);}.grid-2,.grid-4{grid-template-columns:repeat(2,150px);} \ No newline at end of file