grysom

menu CSS

Apr 23rd, 2011
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.80 KB | None | 0 0
  1. /* Navigation Bar*/
  2. #navbar {
  3.     margin:0 auto;
  4.     margin-top:15px;
  5.     padding:0px 10px;
  6.     text-transform:uppercase;
  7.     background: url(images/navbar.png) no-repeat;
  8.     }
  9.    
  10. #navbar-wrapper {
  11.     width:960px;
  12.     background: url(images/navbar-wrapper.png);
  13. }
  14.  
  15. #search-wrapper {
  16.     width:200px;
  17.     float:right;
  18. }
  19.  
  20. #page-bar {
  21.     width:720px;
  22. }
  23.  
  24. #page-bar ul {
  25.     list-style: none;
  26.     border-right:1px solid #A50029;
  27.     }
  28.  
  29. #page-bar li {
  30.     float:left;
  31.     list-style:none;
  32.     cursor: pointer;
  33.     display:block;
  34.     border-right:1px solid #A50029;
  35.     }
  36.  
  37. #page-bar li:hover {
  38.     background: #FFD600;
  39.     color: #000;
  40.   }
  41.  
  42.  
  43. #page-bar a, #page-bar a:visited {
  44.     margin: 0px;
  45.     padding:10px 16px;
  46.     font-weight:bold;
  47.     color:#FFF;
  48.     display:block;
  49.     }
  50.  
  51. #page-bar a:hover {
  52.     text-decoration:none;
  53.     display:block;
  54.     color: #000;
  55.   }
Advertisement
Add Comment
Please, Sign In to add comment