From: Matthew Blissett Date: Thu, 20 Dec 2012 18:16:38 GMT Subject: [PATCH] Highlight the link target line in Gitweb using CSS Message-ID: <1356027399-5356-1-git-send-email-matt@blissett.me.uk> This is useful when a Gitweb link with a target (like #l100) refers to a line in the last screenful of text. Highlight the background in yellow, and display a ⚓ character on the left. Show the same highlight when hovering the mouse over a line number. Signed-off-by: Matthew Blissett --- The background-colour change is the 'main' (tiny) change. Consider the ::before part a suggestion. I think it helps show the target line, but it does overlap the first character of any line >999. I've tested this on the browsers I have access to, which excludes Internet Explorer. Since it's cosmetic it shouldn't matter if it doesn't work. Wikipedia use similar CSS for their citation links: gitweb/static/gitweb.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/gitweb/static/gitweb.css b/gitweb/static/gitweb.css index cb86d2d..9f54311 100644 --- a/gitweb/static/gitweb.css +++ b/gitweb/static/gitweb.css @@ -546,6 +546,16 @@ a.linenr { text-decoration: none } +a.linenr:hover, a.linenr:target { + color: #444444; + background-color: #ff4; +} + +a.linenr:hover::before, a.linenr:target::before { + content: '⚓'; + position: absolute; +} + a.rss_logo { float: right; padding: 3px 0px; -- 1.7.10.4