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

Untitled

By: a guest on May 9th, 2012  |  syntax: None  |  size: 1.52 KB  |  hits: 21  |  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. How to keep list item in active state whilst hovering on dropdown?
  2. /*Main nav*/
  3. .main_nav_container{
  4.     margin-top:10px;
  5.     margin-bottom:10px;
  6.     display:block;
  7.     float:right;
  8. }
  9. ul.main_nav{
  10.     margin:0;
  11.     padding:0;
  12. }
  13. ul.main_nav li{
  14.     display:inline-block;
  15.     margin:0;
  16.     padding:0;
  17. }
  18. ul.main_nav li a{
  19.     font-size:13px;
  20.     display:block;
  21.     font-weight:bold;
  22.     position:relative;
  23.     height:25px;
  24.     line-height:25px;
  25.     padding:0 13px;
  26.     text-decoration:none;
  27.     color:#1122cc;
  28.     border:1px solid transparent;
  29. }
  30. ul.main_nav li a:hover{
  31.     text-decoration:underline !important;
  32.     border-top:solid 1px #ccc;
  33.     border-left:solid 1px #ccc;
  34.     border-right:solid 1px #ccc;
  35. }
  36. ul.main_nav li ul{
  37.     display:none;
  38.     position:absolute;
  39.     background: #fff;
  40.     margin:0;
  41.     padding:0;
  42.     border:solid 1px #ccc;
  43.     -moz-border-radius: 4px;
  44.     -webkit-border-radius: 4px;
  45.     -khtml-border-radius: 4px;
  46.     border-radius: 4px;
  47. }
  48. ul.main_nav li ul:hover #hover{
  49.     border:#ccc 1px solid;
  50. }
  51. ul.main_nav li ul li{
  52.     display:block;
  53.     margin:0;
  54.     padding:0;
  55.     text-align:left;
  56. }
  57. ul.main_nav li ul li a{
  58.     font-weight:normal;
  59. }
  60. ul.main_nav li:hover ul{
  61.     display:inline;
  62. }
  63.        
  64. ul.main_nav li a:hover{
  65.     text-decoration:underline !important;
  66.     border-top:solid 1px #ccc;
  67.     border-left:solid 1px #ccc;
  68.     border-right:solid 1px #ccc;
  69. }
  70.        
  71. ul.main_nav li:hover{
  72.     text-decoration:underline !important;
  73.     border-top:solid 1px #ccc;
  74.     border-left:solid 1px #ccc;
  75.     border-right:solid 1px #ccc;
  76. }
create a new version of this paste RAW Paste Data