mastodon css

a

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        mastodon css
// @description a
// @match       https://mastodon.social/*
// @run-at      document-end
// @version 0.0.1.20251123104905
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==

(function () {
    const css = `
.translatedText {
//color: red !important;
}

article:has(a.status-card > div.status-card__image) {
display: none !important;
}

.media-gallery, .video-player {
aspect-ratio: unset !important;
}

  img, video {
    //max-width: 100px !important;
    max-height: 100px !important;
    object-fit: contain !important;
}

.zoomable-image img, .gifv video {
max-width: 100% !important;
    max-height: 80% !important;
}

.fullscreen video {
max-height: unset !important
}
  `;
    const style = document.createElement('style');
    style.textContent = css;
    document.head.appendChild(style);
})();