Mercurial > public > sg101
annotate static/css/tab-nav.css @ 429:d0f0800eef0c
Making the jquery tabbed version of the messages app the current version and removing the old. Also figured out how to dynamically update the base template's count of unread messages when messages are read.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Tue, 03 May 2011 02:56:58 +0000 |
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 } |