| Current Path : /var/www/html/mmishra/istore/css/ |
| Current File : /var/www/html/mmishra/istore/css/menu1.css |
#menu {
text-align:left;
list-style:none;
width:80px;
margin-left:-1px;
height:30px;
padding:;
font-size:12px;
border-right:0px solid #02495d;
border-left:0px solid #02495d;
/* Rounded Corners */
}
.spanx
{
width:155px;
height:30px;
margin-left:0 !important;
border-right:1px solid #003366;
}
.spanx:last-child
{
width:155px;
margin-left:0;
border-right:0px solid #003366;
}
.spanx:first-child
{
margin-left:0;
}
#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding: 4px 4px 4px 4px;
margin:0;
width:148px;
border:none;
}
#menu .active_menu {
float:left;
display:block;
text-align:center;
position:relative;
margin-right:0px;
margin-top:0px;
/* Background color and gradients */
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
/* Rounded corners */
border: 1px solid #777777;
width:150px;
height:20px;
}
#menu li:hover {
border: 1px solid #777777;
width:110px;
/* Background color and gradients */
height:25px;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
}
#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #000;
display:block;
outline:0;
text-decoration:none;
}
#menu li:hover a {
color:#161616;
text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
padding-right:21px;
}
#menu li:hover .drop {
}
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
margin-top:4px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:10px 5px 10px 5px;
border:1px solid #777777;
border-top:none;
/* Gradient background */
background:#F4F4F4;
background: -moz-linear-gradient(top, rgba(238, 238, 238,.9), rgba(187, 187, 187, .9));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238, 238, 238,.9)), to(rgba(187, 187, 187, .9)));
/* Rounded Corners */
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;
}
.dropdown_1column {width: 140px; z-index:100;}
.dropdown_2columns {width: 280px; z-index:100;}
.dropdown_3columns {width: 420px; z-index:100;}
.dropdown_4columns {width: 490px; z-index:100;}
.dropdown_5columns {width: 700px; z-index:100;}
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
left:-1px;
top:auto;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 15px;
}
.col_1 {width:114px;}
.col_2 {width:200px;}
.col_3 {width:360px;}
.col_4 {width:480px;}
.col_5 {width:690px;}
#menu .menu_right {
float:right;
margin-right:0px;
}
#menu li .align_right {
/* Rounded Corners */
-moz-border-radius: 5px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
left:auto;
right:-1px;
top:auto;
}
#menu p, #menu h2, #menu h3, #menu ul li {
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
font-size:12px;
text-align:left;
text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
font-size:21px;
font-weight:400;
letter-spacing:-1px;
margin:7px 0 14px 0;
padding-bottom:14px;
border-bottom:1px solid #666666;
}
#menu h3 {
font-size:14px;
margin:7px 0 14px 0;
padding-bottom:7px;
border-bottom:1px solid #888888;
}
#menu p {
line-height:18px;
margin:0 0 10px 0;
}
#menu li:hover div a {
font-size:13px;
color:#003366;
}
#menu li:hover div a:hover {
color:#2B63DB;
font-size:13px;
}
#menu li .black_box {
background-color:#333333;
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:4px 6px 4px 6px;
/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* Shadow */
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
list-style:none;
padding:0;
margin:0 0 12px 0;
}
#menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:none;
text-align:left;
width:132px;
}
#menu li ul li:hover {
background:none;
border:none;
padding:0;
margin:0;
}
#menu li .greybox li {
background:#F4F4F4;
border:1px solid #bbbbbb;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:116px;
/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#menu li .greybox li:hover {
background:#ffffff;
border:1px solid #aaaaaa;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}