167 lines
2.5 KiB
CSS
Executable File
167 lines
2.5 KiB
CSS
Executable File
#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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
*/ |