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 }