????
Current Path : /home2/morganrand/backup.morganrand.com/coupon/ |
Current File : /home2/morganrand/backup.morganrand.com/coupon/menu.html |
<html> <head><script src="//cdn.optimizely.com/js/1865631164.js"></script> <style> @charset "UTF-8"; @import url(http://fonts.googleapis.com/css?family=Oxygen+Mono); #cssmenu {padding: 0; margin: 0; border: 0;} #cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;} #cssmenu ul {position: relative; z-index: 597; } #cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;} #cssmenu ul li.hover, #cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;} #cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} #cssmenu ul ul li {float: none;} #cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; } #cssmenu ul li:hover > ul { visibility: visible;} #cssmenu ul ul {bottom: 0; left: 0;} #cssmenu ul ul {margin-top: 0; } #cssmenu ul ul li {font-weight: normal;} #cssmenu a { display: block; line-height: 1em; text-decoration: none; } #cssmenu { background: #333; border-bottom: 4px solid #1b9bff; font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; font-size: 12px; } #cssmenu > ul { *display: inline-block; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #333; color: #CBCBCB; padding: 0 20px; } #cssmenu ul { text-transform: uppercase; } #cssmenu ul ul { border-top: 4px solid #1b9bff; text-transform: none; min-width: 190px; } #cssmenu ul ul a { background: #1b9bff; color: #FFF; border: 1px solid #0082e7; border-top: 0 none; line-height: 150%; padding: 16px 20px; } #cssmenu ul ul ul { border-top: 0 none; } #cssmenu ul ul li { position: relative } #cssmenu > ul > li > a { line-height: 48px; } #cssmenu ul ul li:first-child > a { border-top: 1px solid #0082e7; } #cssmenu ul ul li:hover > a { background: #35a6ff; } #cssmenu ul ul li:last-child > a { border-radius: 0 0 3px 3px; box-shadow: 0 1px 0 #1b9bff; } #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; } #cssmenu ul ul li.has-sub > a:after { content: '+'; position: absolute; top: 50%; right: 15px; margin-top: -8px; } #cssmenu ul li:hover > a, #cssmenu ul li.active > a { background: #1b9bff; color: #FFF; } #cssmenu ul li.has-sub > a:after { content: '+'; margin-left: 5px; } #cssmenu ul li.last ul { left: auto; right: 0; } #cssmenu ul li.last ul ul { left: auto; right: 99.5%; } </style> </head> <body> <div id='cssmenu'> <ul> <li class='active'><a href='index.html'>Home</a></li> <li class='has-sub '><a href='#'>Products</a> <ul> <li class='has-sub '><a href='#'>Product 1</a> <ul> <li><a href='#'>Sub Item</a></li> <li><a href='#'>Sub Item</a></li> </ul> </li> <li class='has-sub '><a href='#'>Product 2</a> <ul> <li><a href='#'>Sub Item</a></li> <li><a href='#'>Sub Item</a></li> </ul> </li> </ul> </li> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> </ul> </div> <!-- Hotjar Tracking Code for wanderfuls.com --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:78806,hjsv:5}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); </script></body> </html>