From 733bff90354ced2abaf77f0258f254bfc260da34 Mon Sep 17 00:00:00 2001 From: spf13 Date: Mon, 25 Aug 2014 15:52:43 -0400 Subject: [PATCH] Prettier link hover state --- docs/static/css/style.css | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/docs/static/css/style.css b/docs/static/css/style.css index f21761fec..4cc541753 100755 --- a/docs/static/css/style.css +++ b/docs/static/css/style.css @@ -2,6 +2,7 @@ /* ****************************** For the github btn ****************************** */ + .github-btn { font-size: 11px; } @@ -125,9 +126,27 @@ a, a:hover, a:focus { outline: 0; } -.panel-body a:hover { - text-decoration: underline; + +.panel-body a { + line-height: 1.1; + display: inline-block; } +.panel-body a:after { + display: block; + content: ""; + height: 2px; + width: 0%; + background-color: #ff4088; + -webkit-transition: width 0.3s ease; + -moz-transition: width 0.3s ease; + -ms-transition: width 0.3s ease; + transition: width 0.3s ease; +} + +.panel-body a:hover:after, .panel-body a:focus:after { + width: 100%; +} + input:focus, textarea:focus { outline: none; } *:focus {outline: none;} ::selection {