From: MatthewOwens Date: Sun, 19 Jul 2020 20:37:18 +0000 (+0100) Subject: pinched nav style from hosakacorp X-Git-Url: https://git.owens.tech/rss.xml/rss.xml/git?a=commitdiff_plain;h=72a01b4ac14d10c1f7b56dcc97f84cc2c1930891;p=website.git pinched nav style from hosakacorp --- diff --git a/style.css b/style.css index b938d37..7f2b590 100644 --- a/style.css +++ b/style.css @@ -19,3 +19,44 @@ header { color: #000; text-align:center; } + +.nav{ + padding-left:0; + margin-bottom:0; + list-style:outside none none +} +.nav::after{ + display:table; + content:" "; + clear:both +} +.nav>li{ + position:relative; + display:block +} +.nav>li>a{ + position:relative; + display:block; + padding:10px 15px; + border-bottom:1px solid #333 +} +.nav>li>a:focus,.nav>li>a:hover{ + text-decoration:none; + background-color:#171717; + border-bottom:1px solid #cee318 +} +.nav-tabs{ + border-bottom:1px solid #333 +} +.nav-tabs>li{ + float:left; + margin-bottom:-1px +} +.nav-tabs>li>a{ + margin-right:2px; + line-height:1.42857 +} +.nav-tabs>li.active>a{ + cursor:default; + border-bottom:1px solid #cee318 +}