| Current Path : /var/www/html/mmishra/ilight/css/ |
| Current File : /var/www/html/mmishra/ilight/css/menu.css |
/*==============================*/
/*horizontal menu style*/
/*==============================*/
#hmenu{
list-style: none;
}
#hmenu ul {
padding: 0;
margin:0;
list-style: none;
width: 150px;
z-index: 99;
position: relative;
overflow: visible;
}
#hmenu li {
margin: 0;
position: relative;
float: left;
width: 150px;
background-color: #DFDFDF;
border: solid 1px #CECECE;
display: block;
height: auto;
}
#hmenu ul li{
background-color: #DFDFDF;
}
#hmenu ul li{
border-width: 1px 1px 0 0;
}
#hmenu ul ul li{
border-width: 1px 1px 0 1px;
}
#hmenu ul ul li:last-child{
border-width: 1px;
}
#hmenu a {
text-decoration: none;
display: block;
padding: 0.1px;
margin: 2px 0 2px 1px;
width: 150px;
height: 20px;
}
#hmenu a:hover, #hmenu li:hover{
background-color: #DFDFDF;
}
#hmenu ul li:hover, #hmenu ul li a:hover{
background-color: #DFDFDF;
}
#hmenu ul{
display: none;
}
/*all see this */
#hmenu ul ul, #hmenu ul ul ul{
display: none;
position: absolute;
margin-top: 100px;
margin-left: 50px;
}
/* non-IE browsers see this */
#hmenu ul li>ul, #hmenu ul ul li>ul{
margin-top: 135px;
}
#hmenu li:hover ul ul, #hmenu li:hover ul ul ul, #hmenu li:hover ul ul ul ul, #hmenu li:hover ul ul ul ul ul{
display: none;
}
#hmenu li:hover ul, #hmenu ul li:hover ul, #hmenu ul ul li:hover ul, #hmenu ul ul ul li:hover ul, #hmenu ul ul ul ul li:hover ul{
display: block;
}
li>ul {
top: auto;
left: auto;
}
/*==============================*/
/*vertical menu style*/
/*==============================*/
#vmenu{
list-style: none;
}
#vmenu ul {
text-align: left;
padding: 0;
margin: 0;
list-style: none;
width: 150px;
z-index: 98;
overflow: visible;
position: absolute;
background-color: #494331; /*#DFDFDF;*/
font: bold 10px Verdana;
}
#vmenu li {
text-align: left;
position: relative;
width: 150px;
background-color: #494331;
border: solid 1px #CECECE;
display: block;
height: 28px;
margin: 0;
}
#vmenu ul li{
background-color: #494331;
}
#vmenu li{
border-width: 1px 1px 0 1px;
}
#vmenu li:last-child{
border-bottom: 1px solid #CECECE;
}
#vmenu a {
text-align: left;
color: white;
background-color: #494331;
text-decoration: none;
display: block;
padding: 10px;
margin: 0px 0 2px 1px; /*helps Opera with hover */
width: 129px; /*helps IE with hover */
height: 8px;
font: bold 10px Verdana;
}
#vmenu li:hover, #vmenu a:hover{
color: #494331;
background-color: white;
}
#vmenu ul, #vmenu ul ul, #vmenu ul ul ul{
display: none;
position: absolute;
top: 0;
left: 150px;
}
#vmenu li:hover ul ul, #vmenu li:hover ul ul ul{
display: none;
}
#vmenu li:hover ul, #vmenu ul li:hover ul, #vmenu ul ul li:hover ul{
display: block;
}
/* Win IE only \*/
* html #vmenu li{
float: left;
}
#holdm {
position: absolute;
top: 150px;
left: 20px;
z-index: 100;
width: 80%;
}
/*==============================*/
/*admin menu style*/
/*==============================*/
#amenu{
list-style: none;
}
#amenu ul {
text-align: left;
padding: 0;
margin: 0;
list-style: none;
width: 150px;
z-index: 98;
overflow: visible;
position: absolute;
background-color: #494331; /*#DFDFDF;*/
font: bold 10px Verdana;
}
#amenu li {
text-align: left;
position: relative;
width: 150px;
background-color: #494331;
border: solid 1px #CECECE;
display: block;
height: 28px;
margin: 0;
}
#amenu ul li{
background-color: #494331;
}
#amenu li{
border-width: 1px 1px 0 1px;
}
#amenu li:last-child{
border-bottom: 1px solid #CECECE;
}
#amenu a {
text-align: left;
color: white;
background-color: #494331;
text-decoration: none;
display: block;
padding: 10px;
margin: 0px 0 2px 1px; /*helps Opera with hover */
width: 129px; /*helps IE with hover */
height: 8px;
font: bold 10px Verdana;
}
#amenu li:hover, #amenu a:hover{
color: #494331;
background-color: white;
}
#amenu ul, #amenu ul ul, #amenu ul ul ul{
display: none;
position: absolute;
top: 0;
left: 150px;
}
#amenu li:hover ul ul, #amenu li:hover ul ul ul{
display: none;
}
#amenu li:hover ul, #amenu ul li:hover ul, #amenu ul ul li:hover ul{
display: block;
}
/* Win IE only \*/
* html #amenu li{
float: left;
}