Make underline styling depend on support, use borders as fallback.

--HG--
extra : rebase_source : bac97001af1504cae6637d26e24458f611e1f045

Author: fantasai

default.css

@@ -306,17 +306,26 @@
 
 /** General Hyperlinks ********************************************************/
 
-	a:link, a:visited { /* We hyperlink a lot, so make it less intrusive */
+	/* We hyperlink a lot, so make it less intrusive */
+	a:link, a:visited {
 		color: inherit;
-		text-decoration: underline;
-		text-decoration-color: silver;
+		text-decoration: none;
+		border-bottom: 1px solid silver;
 	}
-	a:visited {
-		text-decoration-style: dotted;
+	@supports (text-decoration-color: silver) {
+		a:link, a:visited {
+			text-decoration: underline;
+			text-decoration-color: silver;
+		}
+		a:visited {
+			text-decoration-style: dotted;
+		}
 	}
+
 	a.logo:link, a.logo:visited { /* backout above styling for W3C logo */
 		padding: 0;
-		border-style: none;
+		border: none;
+		text-decoration: none;
 	}
 
 /** Self-Links ****************************************************************/
@@ -770,6 +779,12 @@
 	ul.toc, ul.toc ul, ul.toc li { padding: 0; line-height: 1.3; }
 	ul.toc a { text-decoration: none; border-bottom-style: none; }
 	ul.toc a:hover, ul.toc a:focus  { border-bottom-style: solid; }
+	@supports (text-decoration-style: solid) {
+		ul.toc a:hover, ul.toc a:focus  {
+			border-bottom-style: none;
+			text-decoration-style: solid;
+		}
+	}
 	/*
 	ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline}
 	ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline}