Mercurial > public > sg101
annotate static/css/tab-nav.css @ 1067:1868467244d2
Main menu is now 12 columns across in flexbox grid.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Thu, 31 Mar 2016 20:32:46 -0500 |
parents | 88b2b9cb8c1f |
children |
rev | line source |
---|---|
bgneal@312 | 1 ul.tab-nav { |
bgneal@312 | 2 border-bottom: 1px solid black; |
bgneal@312 | 3 padding-left: 10px; |
bgneal@312 | 4 margin: 12px 0px 1em 0px; |
bgneal@312 | 5 } |
bgneal@312 | 6 |
bgneal@312 | 7 ul.tab-nav li { |
bgneal@312 | 8 display: inline; |
bgneal@312 | 9 overflow: hidden; |
bgneal@312 | 10 list-style-type: none; |
bgneal@312 | 11 } |
bgneal@312 | 12 |
bgneal@312 | 13 ul.tab-nav li a, ul.tab-nav li a.active { |
bgneal@312 | 14 color: black; |
bgneal@312 | 15 background-color: teal; |
bgneal@312 | 16 border: 1px solid #300; |
bgneal@312 | 17 padding: 2px 5px 2px 5px; |
bgneal@312 | 18 text-decoration: none; |
bgneal@312 | 19 } |
bgneal@312 | 20 |
bgneal@312 | 21 ul.tab-nav li a.active { |
bgneal@312 | 22 color: #000; |
bgneal@312 | 23 background-color: #eee; |
bgneal@312 | 24 border-bottom: 1px solid #eee; |
bgneal@312 | 25 } |
bgneal@312 | 26 |
bgneal@312 | 27 ul.tab-nav li a:hover { |
bgneal@312 | 28 color: #fff; |
bgneal@312 | 29 } |
bgneal@312 | 30 |
bgneal@312 | 31 ul.tab-nav li a.active:hover { |
bgneal@312 | 32 color: #000; |
bgneal@312 | 33 } |