mediawiki.legacy: Use CSS3 underlining for <abbr>

Where supported, set text-decoration-style instead of border-bottom-style
to avoid double-underlining due to Firefox’s user agent style sheet.

Bug: T107560
Change-Id: I6fb2d2b8016c1f3164999e25cbc058ccd9a2f121

diff --git a/resources/src/mediawiki.legacy/shared.css b/resources/src/mediawiki.legacy/shared.css
index 27c3841..2bf8c25 100644 (file)
--- a/resources/src/mediawiki.legacy/shared.css
+++ b/resources/src/mediawiki.legacy/shared.css
@@ -78,6 +78,14 @@ abbr[title],
        cursor: help;
 }
 
+@supports (text-decoration: underline dotted) {
+       abbr[title],
+       .explain[title] {
+               border-bottom: initial;
+               text-decoration: underline dotted;
+       }
+}
+
 /* Colored watchlist and recent changes numbers */
 .mw-plusminus-pos {
        color: #006400; /* dark green */