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

 /*___ Menu ___*/
 #menu{
-	background:	url(../images/menu-hor-bar.jpg) repeat-x;
+  /*  background:	url(../images/menu-hor-bar.jpg) repeat-x; */
+ 	background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -576px;
-	height:32px;
+  height:32px;
-	font-size:15px;
+  font-size:15px;
-	font-weight:bold;
+  font-weight:bold;
-        float: left; /*** Ebizon   ***/
+  float: left; /*** Ebizon   ***/
-        width:100%;  /*** Ebizon   ***/
+  width:100%;  /*** Ebizon   ***/
+}
 #menu ul{
-	font-family:Arial,helvetica,sans-serif;
+  font-family:Arial,helvetica,sans-serif;
-	margin-left:6px;
+  margin-left:6px;
-	list-style-type:none;
+  list-style-type:none;
+}
 #menu li{
-	float:left;
+  float:left;
-	margin:0 8px;
+  margin:0 8px;
-	display:block;
+  display:block;
+}
 #menu .menuArrow{
-	padding-right:17px;
+  padding-right:17px;
-	background:url(../images/down-arrow-white.jpg) no-repeat right 12px;
+  background:url(../images/down-arrow-white.jpg) no-repeat right 12px;
+}
 #menu a{
-	color:#fff;
+  color:#fff;
-	text-decoration:none;
+  text-decoration:none;
-	float :left; /*** Ebizon changes Align menu in all IE browser ******/
+  float :left; /*** Ebizon changes Align menu in all IE browser ******/
+}
 #menu a:hover{
-	color:#fff;
+  color:#fff;
-	text-decoration:underline;
+  text-decoration:underline;
+}
 #menu ul li {
-cursor:pointer;
+  cursor:pointer;
   position:relative; /** Ebizon changes ***/
- /** float:left;  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 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: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.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: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 li li li.iehover ul,
+#menu li:hover div {
+  z-index:100;
+  left:auto;
+}
+#menu li:hover div {
+  z-index:100;
+  bottom:0;
-#menu li:hover div {z-index:100;bottom:0; border:1px solid red;}
+  border:1px solid red;
+}
+#menu ul ul li a {
-#menu ul ul li a {border-right:none;}
+  border-right:none;
+}
+#menu a {
-#menu a {text-transform:none;}
+  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: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 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 {
-#menu li ul ul {margin: -31px 0 0 225px;}
+  margin: -31px 0 0 225px;
+}
 /* @end */
 /* @group TOPmenu CUSTOMIZATION */
 #menu ul li{}
 /* menu UP COLOR */
 #menu ul li a {
-	color: #fff;
+  color: #fff;
-	background: none;
+  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;
+  margin-left:0;
-	padding:0;
+  padding:0;
-	background:none;
+  background:none;
+}
 /* menu OVER COLOR */
 #menu ul li a:hover,
 #menu ul li:hover a,
 #menu ul li.iehover a {
-	color: #333;
+  color: #333;
-	background:url(../images/menu-active.jpg) repeat-x;
+  background:url(../images/menu-active.jpg) repeat-x;
-	text-decoration:none;
+  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;
+  color: #fff;
-	/*background: #000;*/
+  /*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;
+  color: #333;
-	margin:0 10px;
+  margin:0 10px;
-	border-bottom: 1px solid #e6e6e6;
+  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;*/
+  /*background: #fff;*/
+}
 /* LEVEL 2 menu OVER */
 #menu li ul li a:hover,
 #menu li ul li ul li a:hover,
 #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;*/
+  /*background:#f6f6f6;*/
-	color: #0066cc;
+  color: #0066cc;
-	text-decoration:none;
+  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;
+  color: #0066cc;
-	font-weight:bold;
+  font-weight:bold;
+  float:left;
+  clear:both;
+}
 /* LEVEL 2 SEPARATOR */
 #menu li li {}
 /* SUBLEVEL BLOCK OUTLINE */
 #menu li ul {
-	width:220px;
+  width:220px;
-	border-top: none;
+  border-top: none;
-	background:#fff;
+  background:#fff;
-	/*background:url(../images/menu-ver-bar.png) repeat-y;*/
+  /*background:url(../images/menu-ver-bar.png) repeat-y;*/
-	border-right:2px solid #e6e6e6; /*f9e898*/
+  border-right:2px solid #e6e6e6; /*f9e898*/
-	border-bottom:2px solid #e6e6e6;
+  border-bottom:2px solid #e6e6e6;
-	border-left:2px solid #e6e6e6;
+  border-left:2px solid #e6e6e6;
-        margin-top: 32px; /****** Ebizon changes for menu sub items *********/
+  margin-top: 32px; /****** Ebizon changes for menu sub items *********/
-	/****** float:left;  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:hover li a,#menu ul li.iehover li a {background-image: none;}
+#menu ul li.iehover li a {
+  background-image: none;
+}
+#menu ul ul a {
-#menu ul ul a {width: 200px;}
+  width: 200px;
+}
+#menu li li,
+#menu li.haschild ul li#current:hover,
-#menu li li,#menu li.haschild ul li#current:hover,#menu li.haschild ul li#current.iehover {width: 220px;}
+#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 li:hover a.noBorder:hover{
+  border:none !important;
+}
 #menu .shadow {
-	-moz-box-shadow: 4px 4px 5px #ccc;
+  -moz-box-shadow: 4px 4px 5px #ccc;
-	-webkit-box-shadow: 4px 4px 5px #ccc;
+  -webkit-box-shadow: 4px 4px 5px #ccc;
-	box-shadow: 4px 4px 5px #ccc;
+  box-shadow: 4px 4px 5px #ccc;
-	/* For IE 8 */
+  /* For IE 8 */
-	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc')";
+  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc')";
-	/* For IE 5.5 - 7 */
+  /* For IE 5.5 - 7 */
-	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc');
+  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc');
+}
 /****  Ebizon changes for menu sub items in ie7 ****/
 #menu ul li {
-	position:relative;
+  position:relative;
+}
 #menu li ul {
-	margin-top: 0;
+  margin-top: 0;
-    position: absolute;
+  position: absolute;
-    top: 98px;
+  top: 98px;
-   /*  *top: 105px;  */
+  /*  *top: 105px;  */
+}
 #menu ul li.menu-parent-first ul.shadow {
-	   /*  *margin-left:-155px; */
+  /*  *margin-left:-155px; */
+}
 #menu ul li.haschild {
-        width:170px;
+  width:170px;
+}
 #menu li.haschild ul.shadow {
-	  /* *margin-left:-163px; */
+  /* *margin-left:-163px; */
+}

Subversion Repositories SmartDukaan

(root)/trunk/Website/WebContent/css/nav.css @ 950 – Rev 834 → 950