.wrap { width: 100%; border: 1px solid #615f5d; margin: 0px auto; background: url(images/a-nav-mid.png) repeat-x top left; border-bottom:5px solid #ce9743; } a { text-decoration: none; } ul { list-style:none; } .menu { margin: 0px auto; height: 32px; width: 959px; border-left: 1px solid #fbdda7; } .menu > li { border-right: 1px solid #fbdda7; float: left; position: relative; } .menu > li > a { display: block; height: 32px; color: #f1d6a8; font-weight: bold; text-transform: uppercase; font-size: 12px; font-family: Arial; line-height: 32px; padding: 0px 34px; text-shadow: 0px 1px 5px #000; background: url(images/a-nav-mid.png) repeat-x top left; } .menu > li > a > span { display: block; height: 32px; width: 10px; top: 0px; position: absolute; } .menu > li > a > span.span-left { left: 0px; background: url(images/span-nav-left.png) no-repeat top left; } .menu > li > a > span.span-right { right: 0px; background: url(images/span-nav-right.png) no-repeat top left; } .menu > li:hover > a { color: #573d26; text-shadow: none; background: #e5b567 url(images/bg-hover.png) no-repeat center top; } .menu > li:hover > a > span { background-image: none; } .menu > li:hover ul.submenu { display:block; } .menu > li > ul.submenu { position:absolute; display:none; padding:10px; left:-1px; top:32px; background-color:#ede9e6; min-width:250px; border-radius:5px; border-top-left-radius:0px; box-shadow:3px 3px 5px #000; } .menu > li > ul.submenu li { border-radius:5px; display:block; margin:2px 0px; padding:4px 5px; } .menu > li > ul.submenu li:hover { background-color:#edc57e; } .menu > li > ul.submenu li a { color:#694c35; }
Posted on: Fri, 06 Sep 2013 09:42:08 +0000
Trending Topics
Recently Viewed Topics
© 2015