Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2014
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.15 KB | None | 0 0
  1. .timnav li .dropdown {
  2. width: auto;
  3. min-width: 0px;
  4. max-width: 230px;
  5. height: 0;
  6. position: absolute;
  7. overflow: hidden;
  8. z-index: 999;
  9. background:rgba(255, 255, 255, 0.8);
  10. }
  11.  
  12. .timnav li:hover .dropdown {
  13. min-height: 60px;
  14. max-height: 500px;
  15. height: auto;
  16. width: 100%;
  17. padding: 0;
  18. -webkit-transition: delay .5s ease-in-out;
  19. -moz-transition: delay .5s ease-in-out;
  20. -o-transition: delay .5s ease-in-out;
  21. }
  22.  
  23. .timnav li .dropdown ul {
  24. margin: 0;
  25. margin-top:7px;
  26.  
  27.  
  28. }
  29.  
  30. .timnav li .dropdown ul > li {
  31. display: block;
  32. width: 100%;
  33. float: left;
  34. text-align: left;
  35. height: auto;
  36. border-radius: none;
  37. padding-bottom:2px;
  38. }
  39.  
  40.  
  41. .timnav li .dropdown .dropdown2{
  42. display: none;
  43. width: 100%;
  44. float: left;
  45. text-align: left;
  46. height: auto;
  47. border-radius: none;
  48. }
  49.  
  50. .timnav li .dropdown ul > li:hover .dropdown2{
  51. display: block;
  52. width: 100%;
  53. float: left;
  54. text-align: left;
  55. height: auto;
  56. border-radius: none;
  57.  
  58. }
  59.  
  60. .timnav li .dropdown .dropdown2:hover {
  61. display: block;
  62. width: 100%;
  63. float: left;
  64. text-align: left;
  65. height: auto;
  66. border-radius: none;
  67.  
  68.  
  69. }
  70.  
  71.  
  72. .timnav li .dropdown .dropdown2 li a {
  73. display: block;
  74. padding-left:7px !important;
  75. height:6 !important;
  76. padding-top:8px;
  77. background: url(../images/nav-bg.jpg) repeat; color:#fff;
  78.  
  79. }
  80.  
  81.  
  82. .timnav li .dropdown ul > li a {
  83. display: block;
  84. line-height: 26px;
  85. height: 22px;
  86. padding: 10px;
  87. background: url(../images/nav-crrent.jpg) repeat; color:#FFFFFF;
  88.  
  89. }
  90.  
  91. .timnav ul .dropdown ul li:first-child a {
  92. border-radius: 0;
  93. }
  94.  
  95. .timnav li .dropdown li a:hover {
  96. background: url(../images/nav-bg.jpg) repeat; color:#000;
  97. }
  98.  
  99. transition: all 0.5s ease-in-out 3s;
  100.  
  101. transition: <property> <duration> <timing-function> <delay>;
  102.  
  103. li ul {
  104. opacity: 0;
  105. transition: all 0.5s ease 3s;
  106. }
  107.  
  108. li:hover ul {
  109. opacity: 1;
  110. transition: all 0.5s ease 0s;
  111. }
  112.  
  113. transition-delay:3s;
  114.  
  115. -webkit-transition:.5s ease-in-out 3s;
  116. -moz-transition:.5s ease-in-out 3s;
  117. -o-transition:.5s ease-in-out 3s;
  118. transition:.5s ease-in-out 3s;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement