[csswg] make self-link styling a bit more subtle.

Author: tabatkins

default.css

@@ -91,17 +91,26 @@ ul.indexlist li li { margin-left: 1em }
 ul.indexlist a { font-weight: bold; }
 
 /* .self-link is a link to the element */
-.heading, .issue { position: relative; }
+.heading, .issue, .note, .example, li, dt { position: relative; }
 a.self-link {
 	position: absolute;
 	top: 0;
-	left: -2em;
-	width: 1.2em;
+	left: -2.5em;
+	width: 2em;
+	height: 2em;
 	text-align: center;
 	border: none;
+	transition: opacity .2s;
+	opacity: .5;
+}
+a.self-link:hover {
+	opacity: 1;
+}
+.heading > a.self-link {
+	font-size: 83%;
 }
 li > a.self-link {
-	left: -3em;
+	left: -3.5em;
 }
 
 /* Examples */