WebSVN – SmartDukaan – /trunk/Website/WebContent/css/nav.css

/*___ Menu ___*/
#menu{
        background:     url(../images/menu-hor-bar.jpg) repeat-x;
        height:32px;
        font-size:15px;
        font-weight:bold;
}
#menu ul{
        font-family:Arial,helvetica,sans-serif;
        margin-left:6px;
        list-style-type:none;
}
#menu li{
        float:left;
        margin:0 8px;
        display:block;
}
#menu .menuArrow{
        padding-right:17px;
        background:url(../images/down-arrow-white.jpg) no-repeat right 12px;
}
#menu a{
        color:#fff;
        text-decoration:none;
}
#menu a:hover{
        color:#fff;
        text-decoration:underline;
}

#menu ul li {position:relative;cursor:pointer;}
#menu a {text-decoration:none;display:block;cursor:pointer;height:26px; padding:6px 10px 0 10px;}
#menu li a:hover {height:26px;}
#menu li {float:left;}
#menu ul ul a {background:none;}
#menu ul ul {border:none;}
#menu li li a {font-weight:normal;padding:0;margin:0;height:30px;line-height:30px; }
#menu ul ul a {display:block;text-decoration:none;text-transform:none;}
#menu li li {padding:0;background:none;font-family:Arial, Helvetica, sans-serif;font-style:normal; font-size:12px;}
#menu li li {float:left;padding:0;}
#menu li:hover,#menu li.iehover {left:0;}
#menu ul ul a:hover {background:none;height:30px;line-height:30px;padding:0;margin:0;}
#menu li ul {position:absolute;left:-999em;height:auto;font-weight:normal;border-width:0;margin:0;padding:0;border-bottom:none;}
#menu li:hover,#menu li.iehover {position: static;}
#menu li div.bottomShadow{position:absolute;left:-999em; background:url(../images/menu-bottom.png) no-repeat left bottom;  width:225px;}
/* Pro */
/*
#menu ul li ul li a.child,
#menu ul li ul li a.child:hover,
#menu ul li ul li ul li a.child,
#menu ul li ul li ul li a.child:hover,
#menu ul li ul li ul li ul li a.child,
#menu ul li ul li ul li ul li a.child:hover,
#menu ul li#current ul li a.child,
#menu ul li#current ul li a.child:hover 
{background:url(../images/arrow-right.gif) 100% 50% no-repeat;}

#menu ul li.active ul li a.child,#menu ul li.haschild.active ul li#current a.child {background:url(arrow-right.gif) 100% 50% no-repeat;}
*/
#menu li:hover ul ul, #menu li:hover ul ul ul,#menu li:hover ul ul ul ul,  #menu li.iehover ul ul, #menu li.iehover ul ul ul, #menu li.iehover ul ul ul ul,#menu li:hover div {left:-999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,#menu li li li li:hover ul,#menu li.iehover ul, #menu li li.iehover ul,#menu li li li.iehover ul,#menu li li li li.iehover ul,#menu li:hover div {z-index:100;left:auto;}

#menu li:hover div {z-index:100;bottom:0; border:1px solid red;}

#menu ul ul li a {border-right:none;}
#menu a {text-transform:none;}
#menu ul li:hover li:hover,#menu ul li#current ul li a,#menu ul li#current ul li,#menu ul li#current ul li a:hover,#menu ul li#current ul li.hover, #menu li.haschild:hover li span,#menu li.haschild.iehover li span,#menu li.iehover li span,#menu ul li li a,#menu ul li.haschild li#current a,#menu ul li.haschild li#current,#menu ul li.iehover li.iehover, #menu ul li ul li a:hover,#menu ul li ul li:hover,#menu ul li ul li.iehover {background-image:none;}
#menu li ul ul {margin: -31px 0 0 225px;}

/* @end */


/* @group TOPmenu CUSTOMIZATION */

/*
----------------------------------------------------
               SUCKERFISH MENU COLORS
----------------------------------------------------
*/


#menu ul li{}

/* menu UP COLOR */
#menu ul li a {
        color: #fff;
        background: none;
}

#menu ul li li,
#menu ul li li a,
#menu ul li li li,
#menu ul li li li li a,
#menu ul li li li li,
#menu ul li li li li li a,
#menu ul li li li li li,
#menu ul li li li li li li a{
        margin-left:0;
        padding:0;
        background:none;
}

/* menu OVER COLOR */
#menu ul li a:hover,
#menu ul li:hover a,
#menu ul li.iehover a {
        color: #333;
        background:url(../images/menu-active.jpg) repeat-x;
        text-decoration:none;
}

/* menu ACTIVE COLOR */
#menu li#current a,
#menu li#current a:hover,
#menu li#current:hover a,
#menu li#current.iehover a {
        color: #fff;
        /*background: #000;*/
}

/*
#menu li#current,
#menu li#current:hover,
#menu li#current.iehover {
        background: url(../images/menu_right_active.png) no-repeat right center; 
}
*/

/* LEVEL 2 menu UP COLOR */
#menu ul li:hover li a,
#menu ul li.iehover li a,
#menu ul li#current:hover li a,
#menu ul li#current.iehover li a,
#menu ul li:hover ul ul li a {
        color: #333;
        margin:0 10px;
        border-bottom: 1px solid #e6e6e6;
}

/* LEVEL 2 menu UP BG COLOR */
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li li li li:hover ul,
#menu li.iehover ul, 
#menu li li.iehover ul, 
#menu li li li.iehover ul,
#menu li li li li.iehover ul,
#menu ul li:hover li a,
#menu ul li.iehover li a,
#menu ul li:hover ul ul li a,
#menu ul li.iehover ul ul li a {
        /*background: #fff;*/
}

/* LEVEL 2 menu OVER */
#menu li ul li a:hover,
#menu li ul li ul li a:hover,
#menu li li:hover,
#menu ul li li.iehover,
#menu li li.iehover a,
#menu ul li li:hover a,
#menu ul li li:hover,
#menu ul li li.iehover,
#menu ul li li#current a:hover,
#menu li.haschild ul li#current.iehover,
#menu li.haschild ul li#current:hover,
#menu ul li.haschild li#current a:hover
{
        /*background:#f6f6f6;*/
        color: #0066cc;
        text-decoration:none;
}

/* LEVEL 2 ACTIVE TEXT COLOR */
#menu ul li#current ul li a,
#menu ul li#current ul li,
#menu ul li#current ul li a:hover,
#menu ul li#current ul li.hover
#menu ul li#current ul li.iehover,
#menu ul li.haschild li#current a {
        color: #0066cc;
        font-weight:bold;
}

/* LEVEL 2 SEPARATOR */
#menu li li {}

/* SUBLEVEL BLOCK OUTLINE */
#menu li ul {
        width:220px;
        border-top: none;
        background:#fff;
        /*background:url(../images/menu-ver-bar.png) repeat-y;*/
        border-right:2px solid #e6e6e6; /*f9e898*/
        border-bottom:2px solid #e6e6e6;
        border-left:2px solid #e6e6e6;
}

/* END TOPmenu CUSTOMIZATION */

#menu ul li:hover li a,#menu ul li.iehover li a {background-image: none;}
#menu ul ul a {width: 200px;}
#menu li li,#menu li.haschild ul li#current:hover,#menu li.haschild ul li#current.iehover {width: 220px;}

/* @end */

#menu li a.noBorder,
#menu li:hover a.noBorder:hover{border:none !important;}

#menu .shadow {
        -moz-box-shadow: 4px 4px 5px #ccc;
        -webkit-box-shadow: 4px 4px 5px #ccc;
        box-shadow: 4px 4px 5px #ccc;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc');
}
Subversion Repositories SmartDukaan

(root)/trunk/Website/WebContent/css/nav.css @ 762 – Rev
