WebSVN – SmartDukaan – /trunk/Website/src/main/webapp/css/nav.css

/*___ Menu ___*/
#menu{
  background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -576px;
  height:32px;
  font-size:15px;
  font-weight:bold;
  float: left; /*** Ebizon   ***/
  width:100%;  /*** Ebizon   ***/
}
#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;
  float :left; /*** Ebizon changes Align menu in all IE browser ******/
}
#menu a:hover{
  color:#fff;
  text-decoration:underline;
}

#menu ul li {
  cursor:pointer;
  position:relative; /** Ebizon changes ***/
  /** float:left;  Ebizon changes ***/
}
#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;
  float:left;
  clear:both;
}

/* 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;
  margin-top: 32px; /****** Ebizon changes for menu sub items *********/
  /****** float:left;  Ebizon changes for menu sub items
        clear:left;  Ebizon changes for menu sub items
        z-index:99999; Ebizon changes for menu sub items *********/
}

/* 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;
}
#menu ul li:hover li a:hover,
#menu ul li.iehover li a:hover{
  color: #0066cc;
  text-decoration:none;
}

/* @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');
}

/****  Ebizon changes for menu sub items in ie7 ****/

#menu ul li {
  position:relative;
}
#menu li ul {
  margin-top: 0;
  position: absolute;
  top: 98px;
  /*  *top: 105px;  */
}
#menu ul li.menu-parent-first ul.shadow {
  /*  *margin-left:-155px; */
}
#menu ul li.haschild {
  width:170px;
}
#menu li.haschild ul.shadow {
  /* *margin-left:-163px; */
}
Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/nav.css – Rev 1778
