comparison static/css/styles.css @ 301:841b5e0ab726

Make navigation font a little bit smaller

The navigation font was optimized for the custom font, but was compeltly
unreadable if the javascript files cannot be load. To avoid this issue we make
them a little bit smaller so without the custom fonts the items still fit. If
the font is loaded it's a little bit smaller but I think it's okay.

300:a2be6892b348

#logo a { display: block; width: 184px; height: 61px; background: url(../images/mercurial-logo.png) no-repeat 0 0; text-indent: -9999px; }

/*
 * Nav
 */
#nav { position: absolute; top: 17px; right: 0; background: #999; height: 42px; margin: 0; width: 665px; font-size: 1.1428em; *font-size: 16px; line-height: 42px; font-family: Optimer, Helvetica, Arial, sans-serif; overflow: hidden; }
#nav li { float: left; margin: 0; padding: 0; list-style: none; }
#nav a { float: left; color: #fff; text-decoration: none; padding: 0 16px; *padding: 0 14px; }
#nav a:hover, #nav a:focus, #nav .active a { background: #00b5f1; }

/*

301:841b5e0ab726

#logo a { display: block; width: 184px; height: 61px; background: url(../images/mercurial-logo.png) no-repeat 0 0; text-indent: -9999px; }

/*
 * Nav
 */
#nav { position: absolute; top: 17px; right: 0; background: #999; height: 42px; margin: 0; width: 665px; font-size: 1em; *font-size: 16px; line-height: 42px; font-family: Optimer, Helvetica, Arial, sans-serif; overflow: hidden; }
#nav li { float: left; margin: 0; padding: 0; list-style: none; }
#nav a { float: left; color: #fff; text-decoration: none; padding: 0 16px; *padding: 0 14px; }
#nav a:hover, #nav a:focus, #nav .active a { background: #00b5f1; }

/*