/* ==UserStyle==
@name         Twitter - Bring the Reply Counter Back (OBSOLETE)
@description  Shows an accurate count of replies, retweets, and likes for the currently selected tweet.
@namespace    lednerg
@version      20.7.32
@author       lednerg
@homepageURL  https://greasyfork.org/scripts/407471-twitter-bring-the-reply-counter-back
@license      CC-BY-NC-SA-4.0
@preprocessor stylus
@var    select      fontColor       "What is your Twitter color scheme?"     {
"Default*":   "default",
"Dim":        "dim",
"Lights out": "lightsOut"
}
@var    checkbox    customCheckbox  "Use custom font color instead"         0
@var    color       customColor	    "Custom font color"                     #1da1f2
@var    range       textWidth       "Width (adjust if text is overlapping)" [40, 20, 60, 2, '%']
==/UserStyle== */
@-moz-document regexp("https?:\\/\\/twitter\\.com\\/.+\\/status\\/[0-9]*") {
.css-1dbjc4n.r-1oszu61.r-1kfrmmb.r-1efd50x.r-5kkj8d.r-18u37iz.r-ahm1il.r-a2tzq0::after {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif !important;
text-transform: capitalize !important; /* because Twitter capitalizes Retweet but nothing else */
max-width: textWidth !important; /* percentage of the entire Tweet width */
position: absolute !important; /* allows the text to be repositioned independently */
top: -54% !important; /* for vertically aligning the text */
right: 1% !important; /* adds a slight margin on the right */
text-align: right !important; /* needed in case there's a wrap-around */
transform: translateY(-50%) !important; /* for vertically aligning the text */
-ms-transform: translateY(-50%) !important; /* needed for... ie?  */
content: "(" attr(aria-label) ")"; /* the secret sauce */
}
/*  The rest of this is for letting you change the color of the text from within Stylus
Go to a Tweet and click the gear icon next to this stylesheet's name in the Stylus menu */
if not customCheckbox {
if fontColor == "default" {
.css-1dbjc4n.r-1oszu61.r-1kfrmmb.r-1efd50x.r-5kkj8d.r-18u37iz.r-ahm1il.r-a2tzq0::after {
color: #657786 !important;
}
}
if fontColor == "dim" {
.css-1dbjc4n.r-1oszu61.r-1kfrmmb.r-1efd50x.r-5kkj8d.r-18u37iz.r-ahm1il.r-a2tzq0::after {
color: #8899a6 !important;
}
}
if fontColor == "lightsOut" {
.css-1dbjc4n.r-1oszu61.r-1kfrmmb.r-1efd50x.r-5kkj8d.r-18u37iz.r-ahm1il.r-a2tzq0::after {
color: #6e767d !important;
}
}
}
if customCheckbox {
.css-1dbjc4n.r-1oszu61.r-1kfrmmb.r-1efd50x.r-5kkj8d.r-18u37iz.r-ahm1il.r-a2tzq0::after {
color: customColor !important;
}
}
}