Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2014
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.62 KB | None | 0 0
  1. .menuimg:hover + #navcontainer
  2. {
  3. display: block; height: auto;
  4. }#navcontainer:hover
  5. {
  6. display: block; height: auto;
  7. }
  8.  
  9. .children
  10. {
  11. display: none;
  12. }
  13. #navcontainer
  14. {
  15. position: relative; z-index: 1; display: block;
  16. float: none; width: 100%;height: 20px; list-style: none; text-align: center;
  17. }.menu
  18. {
  19. display: inline-block; float: left;
  20.  
  21. width: auto; text-align: left;
  22. }#navcontainer ul
  23. {
  24. overflow: hidden;
  25.  
  26. margin: 0; padding: 0; list-style-type: none; text-align: left;
  27. }#navcontainer ul li
  28. {
  29. display: block; float: left; margin-left: 0;padding: 0 6px;
  30. }#navcontainer ul li a
  31. {
  32. display: block; width: 100%; padding: .2em 1em; text-decoration: none; color: #694a31; border-top: 1px solid transparent; border-right: 1px solid transparent;border-left: 1px solid transparent; background-color: transparent;
  33. }#navcontainer ul li ul li
  34. {
  35. display: block; float: none; width: auto; margin-left: 0;border-top: 1px solid #e3d7be; background: #edebd7;;
  36. }#navcontainer ul li ul li a
  37. {
  38. opacity: 1 !important;color: #724e32; border-top: 0 !important; border-right: 0 !important;border-left: 0 !important; -webkit-border-radius: 0 0 0 0 !important; -moz-border-radius: 0 0 0 0 !important; border-radius: 0 0 0 0 !important;
  39. background: transparent !important; background-color: transparent !important;;;;;;;
  40. }#navcontainer li:hover ul,
  41. #navcontainer li:active ul
  42. {
  43. display: block;
  44. }#navcontainer ul li:hover a
  45. {
  46. opacity: .5;
  47. color: #724e32; border-top: 1px solid #694b0a; border-right: 1px solid #694b0a; border-left: 1px solid #694b0a; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #edebd7;
  48. }#navcontainer ul li a:hover
  49. {
  50. color: #fff; background-color: #d3c096;
  51. }#navcontainer li:hover ul.children,
  52. #navcontainer li:active ul.children
  53. {
  54. position: absolute; z-index: 300;
  55. top: auto; overflow: visible; width: auto; height: auto; padding: 5px; white-space: nowrap; color: #724e32; border-right: 1px solid #694b0a; border-bottom: 1px solid #694b0a; border-left: 1px solid #694b0a; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: #edebd7;
  56. }#navcontainer ul li ul li:hover
  57. {
  58. margin-left: 0;
  59.  
  60. color: #fff; background-color: #d3c096;
  61. }#navcontainer ul li ul li a:hover
  62. {
  63. margin-left: 0;
  64.  
  65. color: #fff; background-color: #d3c096;
  66. }#navcontainer ul li ul li:hover a
  67. {
  68. color: #fff; background-color: transparent;
  69. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement