Template:Dfn/css

/* ==UserStyle==
@name           wikidata hue test 2
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

.mw-body-content p dfn.hue-term ins, .mw-body-content p dfn.hue-term .wave-score { display: none; }
.mw-body-content p mark.hue { background: transparent; border: none; display: inline-block; } /* mark tag is being used for semantics / activating hue rules, not for displaying highlighter itself */

p dfn.hue-term, p dfn.hue-term .a, p dfn.hue-term a, p dfn.hue-term .figure, p dfn.hue-term .figure.after { position: relative; }
.mw-body-content p dfn.hue-term { display: inline-block; font-style: normal; padding: 0.07em 0.2em; }

dfn.hue-term:before {
 content: " "; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0;
 background: rgba(255,255,255,0.7);
}

.mw-body-content p dfn.hue-term.manual .figure {
 display: inline-block; vertical-align: middle;  bottom: 0.1em;
 width: 1em; height: 1em; margin: 0 0.20em 0 0; padding: 0 0;
 background: inherit; border: 1px solid var(--border-color-base,#a2a9b1);
}

p dfn.hue-term .figure.after { background: transparent; border: none; display: inline; padding: 0 0 0 0.25em; }
p dfn.hue-term abbr.figure.after, p dfn.hue-term .figure.after ins { text-decoration: none; z-index: 4; }
p dfn.hue-term .figure.after small { opacity: 0.6; font-size: 75%; }