Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Sep 17th, 2012  |  syntax: None  |  size: 1.20 KB  |  hits: 17  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. CSS
  2.  
  3. div#navbar {
  4.     background:#E0E0E0 url('../images/nav-bg.png') repeat-x scroll top left;
  5. }
  6. div#navbar ul {
  7.     list-style:none;
  8.     margin:0;
  9.     padding:0;
  10.     display:block;
  11. }
  12. div#navbar div.clear {
  13.     background:transparent url('../images/nav-left.png') no-repeat scroll top left;
  14. }
  15. div#navbar ul.clear {
  16.     height:47px;
  17.     background:transparent url('../images/nav-right.png') no-repeat scroll top right;
  18. }
  19. div#navbar ul li {
  20.     float:left;
  21.     display:block;
  22.     padding:13px 10px 12px;
  23. }
  24. div#navbar ul li a {
  25.     float:left;
  26.     color:#777;
  27.     text-decoration:none;
  28.     display:block;
  29.     font-size:12px;
  30.     margin:0 5px;
  31.     cursor:pointer;
  32. }
  33. div#navbar ul li a span {
  34.     padding:3px 4px 4px;
  35.     display:block;
  36.     float:left;
  37. }
  38. div#navbar ul li.sfHover a,
  39. div#navbar ul li a:hover {
  40.     color:#333;
  41. }
  42. div#navbar ul li.selected a,
  43. div#navbar ul li.selected a:hover {
  44.     border:none;
  45.     color:#fff;
  46.     background:#1E4B78 url('../images/nav-selected-right.png') no-repeat scroll top right;
  47. }
  48. div#navbar ul li.selected a span,
  49. div#navbar ul li.selected a:hover span {
  50.     background:transparent url('../images/nav-selected-left.png') no-repeat scroll top left;
  51. }