#menu { position: absolute; list-style-type: none; z-index: 4; float: left; top: 0.5em; left: 0.5em; right: 0.5em; margin: 0; padding: 0; display: block; background-color: #fff; /* border: 1px solid #0099cc; */ border-bottom: 1px inset #0099cc; /* border-left: 1px solid #0099cc; border-top: 1px solid #0099cc; border-right: 1px solid #0099cc;*/ } #menu:hover { /*border-top: none; margin-top: 1px; margin: 1px; border: none;*/ } #menu > li { position: relative; padding: 0.25em 0.5em; margin: 0; min-width: 6em; color: #444; float: left; cursor: pointer; border-radius: 8px 8px 0 0; } #menu > li:hover { border-top: 2px outset #0099cc; border-left: 2px outset #0099cc; border-right: 2px outset #0099cc; color: #fff; background-color: #0099cc; margin: -2px; } #menu > li.active { border-top: 2px outset #0099cc; border-left: 2px outset #0099cc; border-right: 2px outset #0099cc; color: #fff; background-color: #0099cc; margin: -2px; } #menu a { text-decoration: none; display: block; margin: 0; color: #000; padding: 0.25em 0.5em; } #menu ul { display: none; background-color: #fff; padding: 0; margin: 0; list-style-type: none; position: absolute; top: 100%; left: -2px; width: 10em; border: 2px outset #0099cc; border-radius: 0 8px 8px 8px; } #menu ul li { position: relative; margin: 0; padding: 0; } #menu ul li:hover + li { border-top: none; margin-top: 1px; } #menu ul li { border-top: 1px outset #0099cc; } #menu ul li:first-child { border-top: none; border-top-left-radius: 0; border-top-right-radius: 8px 8px; } #menu ul ul > li:first-child > a { border-top-right-radius: 8px; border-top-left-radius: 8px; } #menu ul li:hover > a { background-color: #0099cc; color: #fff; } #menu ul > li:last-child > a { border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; } #menu ul li:hover>a { background-color: #0099cc; color: #fff; border: 1px outset #0099cc; margin: -1px; } #menu li.active > ul { display: block; } #menu ul li:hover > ul { display: block; } #menu ul ul { background-color: white; position: absolute; top: -1px; left: 100%; margin: 0 0 0 1px; border-radius: 8px 8px 8px 8px; } #fullscreen .fullscreen { display: none; } #fullscreen.fullscreen .fullscreen { display: block; } #fullscreen.fullscreen .nofullscreen { display: none; } /* #menu>li>ul ul li:first-child a, #menu ul ul li:first-child a:hover { border-radius: 8px 8px 0px 0px; } #menu>li>ul ul li:last-child a { border-radius: 0px 0px 8px 8px; } */