(bug 3112) Adding colors for active and visited external links.

This is in-core for internal links and red links, but there's no visual clue of active and visited links for external links.

Normal external: #36b;
/* Added: */
Active external: #b63;
Visited external: #636;

These two colors (orange and purple -ish) are in the same saturation/brightness as the blue for normal (inactive/unvisited) external links.
Since these visual clues were also lacking in external links to interwikis I've replaced that override with similar colors as well.

diff --git a/skins/monobook/main.css b/skins/monobook/main.css
index 8883892..949f373 100644 (file)
--- a/skins/monobook/main.css
+++ b/skins/monobook/main.css
@@ -552,15 +552,33 @@ table.rimage {
        background: url("document.png") center right no-repeat;
        padding-right: 12px;
 }
-
-/* disable interwiki styling */
+ 
+/* Interwiki Styling */
 #bodyContent a.extiw,
 #bodyContent a.extiw:active {
        color: #36b;
+       /* Don't show icons for interwiki links */
+       background: none;
+       padding: 0;
+}
+#bodyContent a.extiw:visited {
+       color: #636;
+}
+#bodyContent a.extiw:active {
+       color: #b63;
 }
+
+/* External links */
 #bodyContent a.external {
        color: #36b;
 }
+#bodyContent a.external:visited {
+       color: #636; /* bug 3112 */
+}
+#bodyContent a.external:active {
+       color: #b63;
+}
+
 /*
 ** Structural Elements
 */

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index b9883d0..8d5f7d8 100644 (file)
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -1108,16 +1108,34 @@ div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
        background: url("images/document-icon.png?2") center right no-repeat;
        padding-right: 13px;
 }
-/* Interwiki Styling  (Disabled) */
+
+/* Interwiki Styling */
 div#content a.extiw,
 div#content a.extiw:active {
        color: #36b;
+       /* Don't show icons for interwiki links */
        background: none;
        padding: 0;
 }
+div#content a.extiw:visited {
+       color: #636;
+}
+div#content a.extiw:active {
+       color: #b63;
+}
+
+/* External links */
 div#content a.external {
        color: #36b;
 }
+div#content a.external:visited {
+       color: #636; /* bug 3112 */
+}
+div#content a.external:active {
+       color: #b63;
+}
+
+
 div#content .printfooter {
        display: none;
 }