CSS: make permanent links more visible v_0
authorFrantišek Kučera <franta-hg@frantovo.cz>
Fri, 08 Nov 2019 19:56:51 +0100
branchv_0
changeset 63 20eed1382726
parent 62 f7e5d47d15ad
child 64 f3424052a31a
CSS: make permanent links more visible
templates/ssm.xhtml.xsl
templates/style.css
--- a/templates/ssm.xhtml.xsl	Thu Nov 07 14:17:27 2019 +0100
+++ b/templates/ssm.xhtml.xsl	Fri Nov 08 19:56:51 2019 +0100
@@ -100,7 +100,7 @@
 			<h2>
 				<xsl:value-of select="m:name"/>
 				<xsl:text> </xsl:text>
-				<a href="#{m:id}" class="anchor">#</a>
+				<a href="#{m:id}" class="anchor">🔗</a>
 			</h2>
 			<ul>
 				<xsl:apply-templates select="m:item"/>
@@ -113,7 +113,7 @@
 		<li id="{m:id}" class="{m:type}">
 			<xsl:apply-templates select="m:text"/>
 			<xsl:text> </xsl:text>
-			<a href="#{m:id}" class="anchor">#</a>
+			<a href="#{m:id}" class="anchor">🔗</a>
 			<xsl:if test="m:item">
 				<ul>
 					<xsl:apply-templates select="m:item"/>
--- a/templates/style.css	Thu Nov 07 14:17:27 2019 +0100
+++ b/templates/style.css	Fri Nov 08 19:56:51 2019 +0100
@@ -27,7 +27,19 @@
 }
 
 a.anchor {
-	color: #eee;
+	color: transparent;
+	text-shadow: 0 0 0 #eee;
+	text-decoration: none;
+	font-family: sans-serif;
+	font-weight: normal;
+	font-size: medium;
+	width: 0px;
+	height: 0px;
+	display: inline-block;
+}
+
+h2:hover > a.anchor, li:hover > a.anchor {
+	text-shadow: 0 0 0 #999;
 	text-decoration: none;
 }