New Tweak: Stacked badges

[marcustyphoon]

Q: why A: it was a more fun use of half an hour than trying to instrument an intentionally-delayed domcontentloaded event okay

Description

Adds a tweak that stacks the "important internet checkmarks" unless you hover over them.

~~Slightly out of date~~ hover animation demo:

Testing steps

• Confirm that badges are stacked, can be hovered, animate correctly, and still have popups when hovered.
• Confirm that stacked badges appear correctly in the regular and community header.

[marcustyphoon]

Note that this is now broken by the (very nice! good job!) tooManyCheckmarks css used to achieve a lesser but somewhat similar effect by redpop if someone has a ton.

• [ ] ~~override this~~ integrate with this

.EIL5u .tDT3c {
    top: 2px;
    left: calc(2% + 95%*var(--checkmarks-index)/var(--checkmarks-total));
    position: absolute;
}

Edit: Well, it makes this worse with just enough checkmarks to trigger the redpop special case CSS, but makes it better with so many that this would overflow if not modified. so, eh.

[marcustyphoon]

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior

Hey, look, a new CSS thingy. Firefox nightly only at the moment, but probably coming soon. Useful for that old "scroll to bottom button needs to change visibility after a delay to match the scroll to top button" situation, possibly? Can't remember how or if we solved that.