Fixes/Enhancements for the 'party
当前为
// ==UserScript==
// @name Sharty Fixes 2025
// @namespace soyjak.party
// @match https://soyjak.party/*
// @match https://soyjak.st/*
// @version 1.1
// @author Xyl (Currently Maintained by Swedewin)
// @license MIT
// @description Fixes/Enhancements for the 'party
// ==/UserScript==
const version = "v1";
console.log(`Sharty fixes ${version}`);
const namespace = "ShartyFixes.";
function setValue(key, value) {
if (key == "hiddenthreads" || key == "hiddenimages") {
if (typeof GM_setValue == "function") {
GM_setValue(key, value);
}
localStorage.setItem(key, value);
} else {
if (typeof GM_setValue == "function") {
GM_setValue(namespace + key, value);
} else {
localStorage.setItem(namespace + key, value);
}
}
}
function getValue(key) {
if (key == "hiddenthreads" || key == "hiddenimages") {
if (typeof GM_getValue == "function" && GM_getValue(key)) {
localStorage.setItem(key, GM_getValue(key).toString());
}
return localStorage.getItem(key);
}
if (typeof GM_getValue == "function") {
return GM_getValue(namespace + key);
} else {
return localStorage.getItem(namespace + key);
}
}
function isEnabled(key) {
let value = getValue(key);
if (value == null) {
value = optionsEntries[key][2];
setValue(key, value);
}
return value.toString() == "true";
}
function getNumber(key) {
let value = parseInt(getValue(key));
if (Number.isNaN(value)) {
value = 0;
}
return value;
}
function getJson(key) {
let value = getValue(key);
if (value == null) {
value = "{}";
}
return JSON.parse(value);
}
function addToJson(key, jsonKey, value) {
let json = getJson(key);
let parent = json;
jsonKey.split(".").forEach((e, index, array) => {
if (index < array.length - 1) {
if (!parent.hasOwnProperty(e)) {
parent[e] = {};
}
parent = parent[e];
} else {
parent[e] = value;
}
});
setValue(key, JSON.stringify(json));
return json;
}
function removeFromJson(key, jsonKey) {
let json = getJson(key);
let parent = json;
jsonKey.split(".").forEach((e, index, array) => {
if (index < array.length - 1) {
parent = parent[e];
} else {
delete parent[e];
}
});
setValue(key, JSON.stringify(json));
return json;
}
function customAlert(a) {
document.body.insertAdjacentHTML("beforeend", `
<div id="alert_handler">
<div id="alert_background" onclick="this.parentNode.remove()"></div>
<div id="alert_div">
<a id='alert_close' href="javascript:void(0)" onclick="this.parentNode.parentNode.remove()"><i class='fa fa-times'></i></a>
<div id="alert_message">${a}</div>
<button class="button alert_button" onclick="this.parentNode.parentNode.remove()">OK</button>
</div>
</div>`);
}
const optionsEntries = {
"show-quote-button": ["checkbox", "Show quick quote button", false],
"mass-reply-quote": ["checkbox", "Enable mass reply and mass quote buttons", true],
"anonymise": ["checkbox", "Anonymise name and tripfags", false],
"hide-blotter": ["checkbox", "Always hide blotter", false],
"truncate-long-posts": ["checkbox", "Truncate line spam", true],
"disable-submit-on-cooldown": ["checkbox", "Disable submit button on cooldown", false],
"force-exact-time": ["checkbox", "Show exact time", false],
"hide-sage-images": ["checkbox", "Hide sage images by default (help mitigate gross spam)", false],
"catalog-navigation": ["checkbox", "Board list links to catalogs when on catalog", true]
}
let options = Options.add_tab("sharty-fixes", "gear", "Sharty Fixes").content[0];
let optionsHTML = `<span style="display: block; text-align: center">${version}</span>`;
optionsHTML += `<a style="display: block; text-align: center" href="https://booru.soyjak.st/post/list/variant%3Aimpish_soyak_ears/">#Impishgang</a><br>`;
for ([optKey, optValue] of Object.entries(optionsEntries)) {
optionsHTML += `<input type="${optValue[0]}" id="${optKey}" name="${optKey}"><label for="${optKey}">${optValue[1]}</label><br>`;
}
options.insertAdjacentHTML("beforeend", optionsHTML);
options.querySelectorAll("input[type=checkbox]").forEach(e => {
e.checked = isEnabled(e.id);
e.addEventListener("change", e => {
setValue(e.target.id, e.target.checked);
});
});
// redirect (for some reason breaks hidden threads if removed)
if (location.origin.match(/(http:|\/www)/g)) {
location.replace(`https://soyjak.party${location.pathname}${location.hash}`);
}
const board = window.location.pathname.split("/")[1];
// post fixes
const weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
// Update observer for active thread
if (document.body.classList.contains("active-thread")) {
const updateObserver = new MutationObserver(list => {
const evt = new CustomEvent("post_update", { detail: list });
document.dispatchEvent(evt);
});
updateObserver.observe(document.querySelector(".thread"), { childList: true });
}
let intervals = {};
// Fix individual post
function fixPost(post) {
let timeElement = post.querySelector("[datetime]");
let time = new Date(Date.parse(timeElement.getAttribute("datetime")));
let postNumber = post.getElementsByClassName("post_no")[1];
let postText = postNumber.textContent;
// Hide images for sage posts
if (email = post.querySelector("a.email")) {
if (isEnabled("hide-sage-images") && !post.classList.contains("image-hide-processed") && email.href.match(/mailto:sage$/i)) {
let localStorageBackup = localStorage.getItem("hiddenimages");
let interval = setInterval(() => {
if (document.querySelector(`[id*="${postText}"] .hide-image-link`)) {
post.classList.add("image-hide-processed");
clearInterval(interval);
document.querySelector(`[id*="${postText}"] .files`)
.querySelectorAll(".hide-image-link:not([style*='none'])")
.forEach(e => e.click());
localStorage.setItem("hiddenimages", localStorageBackup);
}
}, 50);
}
}
// Check if post is own post
let isOwnPost = false;
try {
isOwnPost = JSON.parse(localStorage.getItem("own_posts"))[board].includes(post.querySelector(".post_no[onclick*=cite]").innerText);
} catch { }
if (isOwnPost && getNumber("lastTime") < time.getTime()) {
setValue("lastTime", time.getTime());
}
// Format time
timeElement.outerHTML = `<span datetime=${timeElement.getAttribute("datetime")}>${timeElement.innerText}</span>`;
post.querySelector(".intro").insertAdjacentHTML("beforeend", `<span class="quote-buttons"></span>`);
// Add quote buttons if enabled
if (isEnabled("show-quote-button")) {
post.querySelector(".quote-buttons").insertAdjacentHTML("beforeend", `<a href="javascript:void(0);" class="quick-quote">[>]</a>`);
post.querySelector(".quote-buttons").insertAdjacentHTML("beforeend", `<a href="javascript:void(0);" class="quick-orange">[<]</a>`);
}
// Mass reply/quote options for OP posts
if (isEnabled("mass-reply-quote") && post.classList.contains("op") && post.closest(".active-thread")) {
document.querySelector(".quote-buttons").insertAdjacentHTML("beforeend", `<a href="javascript:void(0);" id="mass-reply">[Mass Reply]</a><a href="javascript:void(0);" id="mass-quote">[Mass Quote]</a><a href="javascript:void(0);" id="mass-orange">[Mass Orange]</a>`);
}
// Handle post text formatting
let body = post.querySelector(".body");
body.childNodes.forEach(e => {
if (e.nodeType === 3) {
let span = document.createElement("span");
span.innerText = e.textContent;
e.parentNode.replaceChild(span, e);
}
});
// Format post number and add click event for citations
if (document.body.classList.contains("active-thread")) {
postNumber.href = `#q${postNumber.textContent}`;
postNumber.setAttribute("onclick", `$(window).trigger('cite', [${postNumber.textContent}, null]);`);
postNumber.addEventListener("click", () => {
let selection = window.getSelection().toString();
document.querySelectorAll("textarea[name=body]").forEach(e => {
e.value += `>>${postNumber.textContent}\n${selection !== "" ? selection.replace(/(\r\n|\r|\n|^)/g, "$1>") : ""}`;
});
});
}
// Anonymize post if enabled
if (isEnabled("anonymise")) {
post.querySelector(".name").textContent = "Chud";
if (trip = post.querySelector(".trip")) {
trip.remove();
}
}
// DO NOT REMOVE THIS, IT WILL BREAK THE SCRIPT.
undoFilter(post);
}
// Add expandos for truncating long posts
function addExpandos() {
if (isEnabled("truncate-long-posts")) {
document.querySelectorAll(".post").forEach(e => {
let body = e.querySelector(".body");
e.classList.add("sf-cutoff");
if (body.scrollHeight > body.offsetHeight) {
if (!e.querySelector(".sf-expander")) {
body.insertAdjacentHTML("afterend", `<br><a href="javascript:void(0)" class="sf-expander"></a>`);
}
if (e.getAttribute("manual-cutoff") === "false" || (window.location.hash.includes(e.id.split("_")[1]) && !e.getAttribute("manual-cutoff"))) {
e.classList.remove("sf-cutoff");
}
} else if (body.scrollHeight === body.offsetHeight) {
if (expander = e.querySelector(".sf-expander")) {
expander.remove();
}
e.classList.remove("sf-cutoff");
}
});
}
}
window.addEventListener("resize", () => addExpandos());
// Fix post times (relative and exact)
function fixTime() {
document.querySelectorAll(".post").forEach(e => {
let timeElement = e.querySelector("[datetime]");
let time = new Date(Date.parse(timeElement.getAttribute("datetime")));
let exactTime = `${("0" + (time.getMonth() + 1)).slice(-2)}/${("0" + time.getDate()).slice(-2)}/${time.getYear().toString().slice(-2)} (${weekdays[time.getDay()]}) ${("0" + time.getHours()).slice(-2)}:${("0" + time.getMinutes()).slice(-2)}:${("0" + time.getSeconds()).slice(-2)}`;
let relativeTime;
let difference = (Date.now() - time.getTime()) / 1000;
if (difference < 10) relativeTime = "Just now";
else if (difference < 60) relativeTime = `${Math.floor(difference)} seconds ago`;
else if (difference < 120) relativeTime = `1 minute ago`;
else if (difference < 3600) relativeTime = `${Math.floor(difference / 60)} minutes ago`;
else if (difference < 7200) relativeTime = `1 hour ago`;
else if (difference < 86400) relativeTime = `${Math.floor(difference / 3600)} hours ago`;
else if (difference < 172800) relativeTime = `1 day ago`;
else if (difference < 2678400) relativeTime = `${Math.floor(difference / 86400)} days ago`;
else if (difference < 5356800) relativeTime = `1 month ago`;
else if (difference < 31536000) relativeTime = `${Math.floor(difference / 2678400)} months ago`;
else if (difference < 63072000) relativeTime = `1 year ago`;
else relativeTime = `${Math.floor(difference / 31536000)} years ago`;
if (isEnabled("force-exact-time")) {
timeElement.innerText = exactTime;
timeElement.setAttribute("title", relativeTime);
} else {
timeElement.innerText = relativeTime;
timeElement.setAttribute("title", exactTime);
}
});
}
// Initialize post fixes
function initFixes() {
// Add formatting help to comment section
document.querySelectorAll("form[name=post] th").forEach(e => {
if (e.innerText === "Comment") {
e.insertAdjacentHTML("beforeend", `<sup title="Formatting help" class="sf-formatting-help">?</sup><br><div class="comment-quotes"><a href="javascript:void(0);" class="comment-quote">[>]</a><a href="javascript:void(0);" class="comment-orange">[<]</a></div>`);
}
});
// Add file selection URL input if GM_xmlhttpRequest is available (i don't think this is needed anymore, removing or keeping it doesn't break anything though.)
if (typeof GM_xmlhttpRequest === "function") {
let fileSelectionInterval = setInterval(() => {
if (select = document.querySelector("#upload_selection")) {
select.childNodes[0].insertAdjacentHTML('afterend', ` / <a href="javascript:void(0)" id="sf-file-url"></a>`);
clearInterval(fileSelectionInterval);
}
}, 100);
}
// Handle dynamic updates
document.addEventListener("dyn_update", e => {
e.detail.forEach(e => fixPost(e));
fixTime();
addExpandos();
});
// Handle post updates
document.addEventListener("post_update", e => {
e.detail.forEach(node => {
if (node.addedNodes[0].nodeName === "DIV") {
fixPost(node.addedNodes[0]);
}
});
fixTime();
addExpandos();
});
// Apply fixes to existing posts
[...document.getElementsByClassName("post")].forEach(e => {
fixPost(e);
});
fixTime();
addExpandos();
}
// DONT REMOVE THIS PART, IT WILL BREAK THE SCRIPT
// undo filter
function undoFilter(post) {
// if (isEnabled("restore-filtered")) {
// post.querySelectorAll(".body, .body *, .replies, .replies *").forEach(e => {
// e.childNodes.forEach(e => {
// if (e.nodeName == "#text") {
// e.nodeValue = e.nodeValue.replaceAll("im trans btw", "kuz");
// }
// });
// });
// }
}
// Catalog Fixes: Adjust thread timestamps & undo filters
document.querySelectorAll("#Grid > div").forEach(e => {
let threadTime = new Date(parseInt(e.getAttribute("data-time")) * 1000);
e.getElementsByClassName("thread-image")[0].setAttribute("title", `${months[threadTime.getMonth()]} ${("0" + threadTime.getDate()).slice(-2)}` +
` ${("0" + threadTime.getHours()).slice(-2)}:${("0" + threadTime.getMinutes()).slice(-2)}`);
undoFilter(e);
});
// Keyboard Shortcuts
window.addEventListener("keydown", e => {
if (e.key == "Enter" && (e.ctrlKey || e.metaKey)) {
if (form = e.target.closest("form[name=post]")) {
form.querySelector("input[type=submit]").click();
}
}
});
// Autofocus Textarea on Certain Pages
if ((textarea = document.querySelector("textarea[name=body]")) && document.documentElement.classList.contains("desktop-style") && window.location.hash[1] != "q") {
textarea.focus({
preventScroll: true
});
}
// Password Box Toggle (Show/Hide Password)
if (passwordBox = document.querySelector("form[name=post] input[name=password]")) {
passwordBox.setAttribute("type", "password");
passwordBox.insertAdjacentHTML("afterend", `<input type="button" name="toggle-password" value="Show">`);
}
// Form Submit Cooldown
document.querySelectorAll("form[name=post] input[type=submit]").forEach(e => {
e.setAttribute("og-value", e.getAttribute("value"));
});
setInterval(() => {
let lastTime = getNumber("lastTime");
let difference = 11 - Math.ceil((Date.now() - lastTime) / 1000);
let buttons = document.querySelectorAll("form[name=post] input[type=submit]");
if ([...buttons].find(e => e.value.includes("Post"))) {
return;
} else if (difference > 0) {
let disableButton = isEnabled("disable-submit-on-cooldown");
buttons.forEach(e => {
e.value = `${e.getAttribute("og-value")} (${difference})`;
if (disableButton) {
e.setAttribute("disabled", "disabled");
}
});
} else {
buttons.forEach(e => {
e.value = e.getAttribute("og-value");
e.removeAttribute("disabled");
});
}
}, 100);
// Thread Hiding Logic
function areHiddenThreads() {
let threadGrid = document.getElementById("Grid");
if (document.querySelector(".catty-thread.hidden")) {
if (!document.getElementById("toggle-hidden")) {
document.querySelector(".desktop-style #image_size, .mobile-style header").insertAdjacentHTML("afterend", `<span id="toggle-hidden"></span>`);
}
} else if (toggleButton = document.getElementById("toggle-hidden")) {
toggleButton.remove();
document.body.classList.remove("showing-hidden");
}
}
// Catalog Navigation and Search Form
if (document.body.classList.contains("active-catalog")) {
if (isEnabled("catalog-navigation")) {
document.querySelectorAll(".boardlist a[href*='index.html']").forEach(e => e.href = e.href.replace("index.html", "catalog.html"));
}
document.querySelector("#image_size").insertAdjacentHTML("afterend", `
<form style="display: inline-block; margin-bottom: 0px; float: right; margin-top: -13px;" action="/search.php">
<p>
<input type="text" name="search" placeholder="${board} search">
<input type="hidden" name="board" value="${board}">
<input type="submit" value="Search">
</p>
</form>
`);
let hiddenThreads = getJson("hiddenthreads");
let hasThreads = hiddenThreads.hasOwnProperty(board);
document.querySelectorAll(".mix").forEach(e => {
e.classList.replace("mix", "catty-thread");
if (hasThreads && hiddenThreads[board].hasOwnProperty(e.getAttribute("data-id"))) {
e.classList.add("hidden");
delete hiddenThreads[board][e.getAttribute("data-id")];
}
if (e.getAttribute("data-sticky") == "true") {
e.parentNode.prepend(e);
}
});
if (hasThreads) {
Object.keys(hiddenThreads[board]).forEach(e => {
removeFromJson("hiddenthreads", `${board}.${e}`);
});
}
areHiddenThreads();
}
// Event Listeners for Clicks and Inputs
document.addEventListener("click", e => {
let t = e.target;
// Submit button in post form
if (t.matches("form[name=post] input[type=submit]")) {
t.value = t.getAttribute("og-value");
// Bypass filter and modify text
if (isEnabled("bypass-filter")) {
let textbox = t.closest("tbody").querySelector("textarea[name=body]");
textbox.value = textbox.value.replaceAll(/(discord)/ig, str => {
let arr = [];
while (!arr.includes("")) {
arr = [];
[...str].forEach((c, i) => {
if (Math.random() < 0.5 && i != 0) {
arr.push("");
}
arr.push(c);
if (Math.random() > 0.5 && i != str.length - 1) {
arr.push("");
}
});
}
return arr.join("");
});
}
}
// Toggle password visibility
else if (t.matches("input[name=toggle-password]")) {
if (passwordBox.getAttribute("type") == "password") {
passwordBox.setAttribute("type", "text");
t.value = "Hide";
} else {
passwordBox.setAttribute("type", "password");
t.value = "Show";
}
}
// Mass reply functionality
else if (t.id == "mass-reply") {
let massReply = "";
document.querySelectorAll("[href*='#q']").forEach(e => {
massReply += `>>${e.textContent}\n`;
});
document.querySelectorAll("textarea[name=body]").forEach(e => {
e.value += massReply;
e.focus();
});
}
// Mass quote or mass orange functionality
else if (t.id == "mass-quote" || t.id == "mass-orange") {
document.body.classList.add("hide-quote-buttons");
let selection = window.getSelection();
let range = document.createRange();
range.selectNodeContents(document.body);
selection.removeAllRanges();
selection.addRange(range);
let massQuote = window.getSelection().toString().replace(/(\r\n|\r|\n|^)/g, t.id == "mass-quote" ? "$1>" : "$1<") + "\n";
selection.removeAllRanges();
document.body.classList.remove("hide-quote-buttons");
document.querySelectorAll("textarea[name=body]").forEach(e => {
e.value += massQuote;
e.focus();
});
}
// Quick quote or quick orange functionality
else if (t.classList.contains("quick-quote") || t.classList.contains("quick-orange")) {
let quote = t.closest(".post").querySelector(".body").innerText.replace(/(\r\n|\r|\n|^)/g, t.classList.contains("quick-quote") ? "$1>" : "$1<") + "\n";
document.querySelectorAll("textarea[name=body]").forEach(e => {
e.value += quote;
e.focus();
});
}
// Comment quote or comment orange functionality
else if (t.classList.contains("comment-quote") || t.classList.contains("comment-orange")) {
document.querySelectorAll("textarea[name=body]").forEach(e => {
e.value = e.value.replace(/(\r\n|\r|\n|^)/g, t.classList.contains("comment-quote") ? "$1>" : "$1<");
e.focus();
});
}
// Toggle visibility of threads
else if ((e.shiftKey || (e.detail == 3 && (document.documentElement.matches(".mobile-style") || isEnabled("desktop-triple-click")))) &&
t.matches(".active-catalog .catty-thread *, .active-catalog .catty-thread")) {
e.preventDefault();
let thread = t.closest(".catty-thread");
thread.classList.toggle("hidden");
if (thread.classList.contains("hidden")) {
addToJson("hiddenthreads", `${board}.${thread.getAttribute("data-id")}`, Math.floor(Date.now() / 1000));
} else {
removeFromJson("hiddenthreads", `${board}.${thread.getAttribute("data-id")}`);
}
areHiddenThreads();
}
// Toggle hidden threads visibility
else if (t.id == "toggle-hidden") {
document.body.classList.toggle("showing-hidden");
}
// Hide/unhide thread link functionality
else if (t.classList.contains("hide-thread-link") || t.classList.contains("unhide-thread-link")) {
setValue("hiddenthreads", localStorage.getItem("hiddenthreads"));
}
// Hide blotter functionality
else if (t.classList.contains("hide-blotter")) {
setValue("hidden-blotter", document.querySelector(".blotter").innerText);
document.body.classList.add("hidden-blotter");
}
// SF-expander button functionality (manual cutoff)
else if (t.classList.contains("sf-expander")) {
t.closest(".post").setAttribute("manual-cutoff", t.closest(".post").classList.toggle("sf-cutoff"));
}
// Formatting help popup
else if (t.classList.contains("sf-formatting-help")) {
let help = `
<span class="spoiler">**Spoiler**</span><br>
<em>''Italics''</em><br>
<b>'''Bold'''</b><br>
<u>__Underline__</u><br>
<s>~~Strikethrough~~</s><br>
<big>+=Bigtext=+</big><br>
<span class="rotate">##Spintext##</span><br>
<span class="quote">>Greentext</span><br>
<span class="quote2"><Orangetext</span><br>
<span class="heading">==Redtext==</span><br>
<span class="heading2">--Bluetext--</span><br>
<font color="FD3D98"><b>-~-Pinktext-~-</b></font><br>
<span class="glow">%%Glowtext%%</span><br>
<span style="text-shadow:0px 0px 40px #36d7f7, 0px 0px 2px #36d7f7">;;Blueglowtext;;</span><br>
<span style="text-shadow:0px 0px 40px #fffb00, 0px 0px 2px #fffb00">::Yellowglowtext::</span><br>
<span style="background: linear-gradient(to left, red, orange , yellow, green, cyan, blue, violet);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">~-~Rainbowtext~-~</span><br>
`;
customAlert(help);
}
});
// Search Input Filter for Catalog Threads
document.addEventListener("input", e => {
let t = e.target;
if (t.matches("input[name=search]") && document.querySelector(".sf-catty, .active-catalog")) {
document.querySelectorAll(".catty-thread").forEach(e => {
if (e.innerText.toLowerCase().includes(t.value.toLowerCase())) {
e.classList.remove("sf-filtered");
} else {
e.classList.add("sf-filtered");
}
});
}
});
// Blotter Hide/Show Button
if (blotter = document.querySelector(".blotter")) {
blotter.insertAdjacentHTML("beforebegin", `<a class="hide-blotter" href="javascript:void(0)">[–]</a>`);
if (blotter.innerText == getValue("hidden-blotter") || isEnabled("hide-blotter")) {
document.body.classList.add("hidden-blotter");
}
}
document.head.insertAdjacentHTML("beforeend", `
<style>
/* Hide elements in specific conditions */
.hide-blotter {
float: left;
}
.hidden-blotter .blotter,
.hidden-blotter .blotter + hr,
.hidden-blotter .hide-blotter,
.catty-thread.hidden,
.showing-hidden .catty-thread,
.mobile-style .g-recaptcha-bubble-arrow,
.catty-thread.sf-filtered,
.showing-hidden .catty-thread.hidden.sf-filtered,
.hide-quote-buttons .quote-buttons {
display: none !important;
}
/* Styling for expander button in replies */
.reply .sf-expander {
margin-left: 1.8em;
padding-right: 3em;
padding-bottom: 0.3em;
}
.sf-expander::after {
content: "[Hide Full Text]";
}
.sf-cutoff .sf-expander::after {
content: "[Show Full Text]";
}
/* File URL input styling */
#sf-file-url::after {
content: "URL";
}
#sf-file-url.sf-loading::after {
content: "Loading...";
}
/* Hover styling for sharty */
#sharty-hover {
pointer-events: none;
position: fixed;
z-index: 500;
}
/* Display adjustments for threads */
.catty-thread,
.showing-hidden .catty-thread.hidden {
display: inline-block !important;
}
/* Toggle hidden threads button styling */
#toggle-hidden {
text-decoration: underline;
color: #34345C;
cursor: pointer;
user-select: none;
}
#toggle-hidden::before {
content: "[Show Hidden]";
}
.showing-hidden #toggle-hidden::before {
content: "[Hide Hidden]";
}
#image_size + #toggle-hidden {
display: inline-block;
padding-left: 5px;
}
header + #toggle-hidden {
display: block;
margin: 1em auto;
width: fit-content;
}
/* Recaptcha bubble styling on mobile */
.mobile-style .g-recaptcha-bubble-arrow + div {
position: fixed !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
/* Password input field adjustments */
input[name=toggle-password] {
margin-left: 2px;
}
/* Formatting help link styling */
.sf-formatting-help {
text-decoration: underline;
cursor: pointer;
}
/* Comment quote button styling */
.comment-quotes {
text-align: center;
}
/* Truncate long posts styling (conditionally enabled) */
${isEnabled("truncate-long-posts") ? `
.sf-cutoff:not(.post-hover) .body {
overflow: hidden;
word-break: break-all;
display: -webkit-box;
min-width: min-content;
-webkit-line-clamp: 20;
-webkit-box-orient: vertical;
}
.sf-cutoff.post-hover .sf-expander {
display: none !important;
}
div.post.reply.sf-cutoff div.body {
margin-bottom: 0.3em;
padding-bottom: unset;
}
` : ""}
</style>
`);
// Initialize additional fixes
initFixes();