Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .menuimg:hover + #navcontainer
- {
- display: block; height: auto;
- }#navcontainer:hover
- {
- display: block; height: auto;
- }
- .children
- {
- display: none;
- }
- #navcontainer
- {
- position: relative; z-index: 1; display: block;
- float: none; width: 100%;height: 20px; list-style: none; text-align: center;
- }.menu
- {
- display: inline-block; float: left;
- width: auto; text-align: left;
- }#navcontainer ul
- {
- overflow: hidden;
- margin: 0; padding: 0; list-style-type: none; text-align: left;
- }#navcontainer ul li
- {
- display: block; float: left; margin-left: 0;padding: 0 6px;
- }#navcontainer ul li a
- {
- 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;
- }#navcontainer ul li ul li
- {
- display: block; float: none; width: auto; margin-left: 0;border-top: 1px solid #e3d7be; background: #edebd7;;
- }#navcontainer ul li ul li a
- {
- 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;
- background: transparent !important; background-color: transparent !important;;;;;;;
- }#navcontainer li:hover ul,
- #navcontainer li:active ul
- {
- display: block;
- }#navcontainer ul li:hover a
- {
- opacity: .5;
- 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;
- }#navcontainer ul li a:hover
- {
- color: #fff; background-color: #d3c096;
- }#navcontainer li:hover ul.children,
- #navcontainer li:active ul.children
- {
- position: absolute; z-index: 300;
- 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;
- }#navcontainer ul li ul li:hover
- {
- margin-left: 0;
- color: #fff; background-color: #d3c096;
- }#navcontainer ul li ul li a:hover
- {
- margin-left: 0;
- color: #fff; background-color: #d3c096;
- }#navcontainer ul li ul li:hover a
- {
- color: #fff; background-color: transparent;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement