www.gusucode.com > 竖直手风琴导航菜单源码程序 > 竖直手风琴导航菜单/shuzhishoufengqin/css/styles.css

    *{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "宋体";}
/* expmenu */
ul.expmenu{width:199px;margin:40px auto;}
ul.expmenu li div.header{padding:12px;border-bottom:1px #fff solid;}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li ul li {background-color:#f7f2e5;padding:12px;border-bottom:1px solid #d2c8b5;border-top:1px solid #d2c8b5;color:#727272;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);}
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li ul li.selected{background-color:#f4f4f4;}
ul.expmenu div.header{
	color:#203f61;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);
	
	background:#ae9c7e;/* Old browsers */
	background:-moz-linear-gradient(top, #ae9c7e 0%, #ae9c7e 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae9c7e), color-stop(100%,#ae9c7e));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* IE10+ */
	background:linear-gradient(to bottom, #ae9c7e 0%,#ae9c7e 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae9c7e', endColorstr='#ae9c7e',GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .label{background:no-repeat;color: #fff;/*text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);*/ font-weight:bold;}
ul.expmenu li div.header .arrow{display:block;width:16px;height:16px;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../images/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../images/arrow_d.png);}
ul.expmenu li .menu{display:none;}	
/* Mouse Events */
ul.expmenu div.header:hover{
	background:#ae9c7e;/* Old browsers */
	background:-moz-linear-gradient(top, #ae9c7e 0%, #ae9c7e 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae9c7e), color-stop(100%,#ae9c7e));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #ae9c7e 0%,#ae9c7e 100%);/* IE10+ */
	background:linear-gradient(to bottom, #ae9c7e 0%,#ae9c7e 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae9c7e', endColorstr='#ae9c7e',GradientType=0 );/* IE6-9 */
	cursor:pointer;
}

ul.expmenu li ul li:not(.selected):hover{
	background:#efe8d8;/* Old browsers */
	cursor:pointer;
}
ul.expmenu li ul li:not(.selected):active{
	background:#f1f1f1;/* Old browsers */
	cursor:pointer;
}