Template:Dfn/css: Difference between revisions
css - from wikidata experiment, originally posted 2026-01-14T11:06Z |
test on this wiki - close to finished but not quite |
||
| Line 1: | Line 1: | ||
/* ==UserStyle== | |||
@name wikidata hue test | @name wikidata hue test 2 | ||
@namespace github.com/openstyles/stylus | @namespace github.com/openstyles/stylus | ||
@version 1.0.0 | @version 1.0.0 | ||
| Line 7: | Line 7: | ||
==/UserStyle== */ | ==/UserStyle== */ | ||
dfn.hue-term, dfn.hue-term .a, dfn.hue-term a, dfn.hue-term .figure, dfn.hue-term .figure.after { position: relative; } | .mw-body-content p dfn.hue-term ins, .mw-body-content p dfn.hue-term .wave-score { display: none; } | ||
dfn.hue-term { display: inline-block; font-style: normal; padding: 0.07em 0.2em | .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 { | dfn.hue-term:before { | ||
| Line 16: | Line 18: | ||
} | } | ||
dfn.hue-term .figure { | .mw-body-content p dfn.hue-term.manual .figure { | ||
display: inline-block; vertical-align: middle; bottom: 0.1em | display: inline-block; vertical-align: middle; bottom: 0.1em; | ||
width: 1em; height: 1em; margin: 0 0.20em 0 0; padding: 0 0; | width: 1em; height: 1em; margin: 0 0.20em 0 0; padding: 0 0; | ||
background: inherit; border: 1px solid var(--border-color-base,#a2a9b1); | 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%; } | ||
Revision as of 12:38, 2 February 2026
/* ==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%; }