Fix Bug 28979 — “remove some CSS for abbr and acronym tags”

    The <abbr> and <acronym> tags were whitelisted with bug 671, but
    there are some CSS rules for them since long, long times. They can
    be found in the first versions of chick, monobook and are carried
    on to vector skin.

    Often these tags are used in links, e.g. [[Normalnull|<abbr
    title="meter above see level">NN</abbr>]]. But in here the
    color:black; makes the text unrecognizable as a hyperlink
    (together with the senseful cursor:help; rule).

    When these rules where meant to override some crazy
    browserdependent default settings, they should be be changed to
    "inherit".

from Bergi

diff --git a/skins/chick/main.css b/skins/chick/main.css
index 4d84d1a..23c6902 100644 (file)
--- a/skins/chick/main.css
+++ b/skins/chick/main.css
@@ -146,12 +146,6 @@ select {
        color: black;
        vertical-align: top;
 }
-abbr, acronym, .explain {
-       border-bottom: 1px dotted black;
-       color: black;
-       background: none;
-       cursor: help;
-}
 q {
        font-family: Times, "Times New Roman", serif;
        font-style: italic;

diff --git a/skins/common/shared.css b/skins/common/shared.css
index 28e78ac..2bedd47 100644 (file)
--- a/skins/common/shared.css
+++ b/skins/common/shared.css
@@ -4,6 +4,12 @@
  * another, but don't ignore the poor pre-Monobook users either.
  */
 
+/* Default style for semantic tags */
+abbr, acronym, .explain {
+       border-bottom: 1px dotted black;
+       cursor: help;
+}
+
 /* Colored watchlist and recent changes numbers */
 .mw-plusminus-pos { color: #006400; } /* dark green */
 .mw-plusminus-neg { color: #8b0000; } /* dark red */

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index 2ba3de2..5174985 100644 (file)
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -765,16 +765,8 @@ p {
        margin: .4em 0 .5em 0;
        line-height: 1.5em;
 }
-       p img {
-               margin: 0;
-       }
-abbr,
-acronym,
-.explain {
-       border-bottom: 1px dotted black;
-       color: black;
-       background: none;
-       cursor: help;
+p img {
+       margin: 0;
 }
 q {
        font-family: Times, "Times New Roman", serif;