Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

CSS Code

By: a guest on Jan 21st, 2013  |  syntax: CSS  |  size: 1.71 KB  |  hits: 100  |  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. /* Navigation */
  2. #nav {
  3.         font-family: "Courgette", cursive;
  4.         font-size: 18px;
  5.         height: 152px;
  6.         margin: 0 auto;
  7.         position: relative;
  8.         text-shadow: 1px 1px 1px #5d001c;
  9.         width: 950px;
  10.         z-index: 1;
  11. }
  12.  
  13. #nav ul {
  14.         margin: 0 0 0 200px;
  15. }
  16.  
  17. #nav ul li ul li:first-child {
  18.     border-top: 1px solid #ccb38d;
  19. }
  20.  
  21. #nav li a, #nav li {
  22.         float: left;
  23. }
  24.  
  25. #nav li {
  26.         margin: 0 5px 0 0;
  27.         position: relative;
  28. }
  29.  
  30. #nav li a {
  31.         color: #f1e7d4;
  32.         padding: 15px;
  33.         text-decoration: none;
  34. }
  35.  
  36. #nav ul li:hover a,
  37. #nav ul li.hover a,
  38. li.current_page_item a,
  39. li.current_page_item a:hover {
  40.         background: #ccb38d;
  41.         color: #8a022a !important;
  42.         text-shadow: 1px 1px 1px #fff;
  43. }
  44.  
  45.  
  46. #nav ul ul li a,
  47. li.current_page_item ul li a {
  48.         background: #fff !important;
  49.         border: 1px solid #ccb38d;
  50.         border-top: 0;
  51.         color: #8a022a;
  52.         cursor: pointer;
  53. }
  54.  
  55. #nav ul ul li a:hover,
  56. li.current_page_item ul li a:hover {
  57.         background: #f1e7d4 !important;
  58.         color: #8a022a !important;
  59. }
  60.  
  61. #nav ul ul li a:hover {
  62.         text-shadow: none !important;
  63. }
  64.  
  65. #nav li a:hover {
  66.         background: #ccb38d;
  67. }
  68.  
  69. #nav ul ul li a {
  70.         font-family: arial, tahoma, verdana;
  71.         font-size: 14px;
  72.         text-shadow: none;
  73. }
  74.  
  75. /* Sub Navigation */
  76. #nav li ul {
  77.         display: none;
  78.         left: 0;
  79.         margin: 0;
  80.         padding: 0;
  81.         position: absolute;
  82.         top: 100%;
  83. }
  84.  
  85. #nav li:hover > ul {
  86.         display: block;
  87. }
  88.  
  89. #nav li ul li,
  90. #nav li ul li a {
  91.         float: none;
  92. }
  93.  
  94. #nav li ul li {
  95.         _display: inline; /* for IE6 */
  96. }
  97.  
  98. #nav li ul li a {
  99.         display: block;
  100.         width: 150px;
  101. }
  102.  
  103. /* Sub Sub Navigation */
  104. #nav li ul li ul {
  105.         display: none;
  106. }
  107.  
  108. #nav li ul li:hover ul {
  109.         left: 181px;
  110.         top: -1px;
  111. }
  112.  
  113. #nav li ul li:hover ul li {
  114.         left: 0 !important;
  115.         top: 0 !important;
  116. }