WebRoot/css/member_user.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * 定义买家中心样式
 * @kivenhan
 * www.shopnc.net
 * Apr-01-2012
 **/
h3 { font-size: 14px; font-weight: 600;}
h4 { font-size: 12px; font-weight: 600;}
.goods-price i { font-family: Tahoma; font-size: 12px; font-weight: 500; color: #777; background: url(../images/rmb_s.gif) no-repeat scroll left center; padding-left: 9px;}
.goods-price strong { font-family: Tahoma; font-size: 12px; font-weight: 700; line-height: 12px; color: #F60; background: url(../images/rmb.gif) no-repeat scroll left center; padding-left: 10px;}


.wrapper { width: 1000px; margin: 0 auto;}
#footer { border:none !important; font-size: 1.2em;}
#container { margin-top: -25px; _margin-top:0; width:1000px; font-size: 1.2em; line-height: 20px;}
#container .layout { background: #FFF url(../images/member/mubg.png) repeat-y scroll center top; width:998px; border: solid 1px #D5E5F5; border-radius: 5px; overflow: hidden; min-height: 480px;} 
#container .layout .sidebar { width:153px; padding-top:6px; overflow:hidden; float:left;}
#container .layout .right-content { width:844px; float:right; }
#page { font-size: 12px;}

/* ============================
 * 买家中心及账户设置框架头部菜单样式
 * ============================ */
#header{ line-height: 20px; background: url(../images/member/buyer_header.png) no-repeat scroll center top; width: 100%; height: 90px; _height:65px; padding-top:25px;}
#header h1 { float: left; width: 230px; }
#header nav { background-color: rgba(255,80,10,0.8) !important; background-color:#F9703A\9/* IE6-8 */; width: 770px; height: 38px; float:left; border-radius: 5px; box-shadow: 0 2px 0 rgba(193,219,232,0.3); -moz-box-shadow: 0 2px 0 rgba(193,219,232,0.5)/* Firefox 4 */; -webkit-box-shadow: 0 2px 0 rgba(193,219,232,0.3)/* Safari and Chrome */;}
#header nav ul { }
#header nav ul li { font-size: 1.4em; font-weight: 700; *float:left/* IE7 */;  }
#header nav ul li a { color: #FFF; text-shadow: 1px 1px 0 rgba(242,59,0,1); text-align: center; float: left; padding: 9px 24px; border-style: solid; border-color: transparent #D65700 transparent #FF8428; border-width: 0 1px; position: relative; z-index:1;}
#header nav ul li a:hover { text-decoration: none; background-color:#F15A27; text-shadow: 1px 1px 0 rgba(181,54,0,1); }
#header nav ul li a.active { background-color:#DD5A22; text-shadow: 1px 1px 0 rgba(181,54,0,1); }
#header nav ul li.frist a { border-left: none;}
#header nav ul li.frist a:hover { border-radius: 5px 0 0 5px;}
#header nav ul li.frist a.active { border-left: none; border-radius: 5px 0 0 5px;}
#header nav ul li i.new-message { font-family:Tahoma; font-size: 0.8em; font-weight: 700; line-height: 18px; color: #FFF; background: url(../img/user/ncus_public.png) no-repeat -60px -60px; text-align: center; width: 18px; height: 18px; padding: 7px; position: absolute; z-index:1; top: -13px; right: -2px;}
#header nav .search-box { float:right; width:240px; border-left: solid 1px #FF8428; height: 26px; padding: 6px 16px 6px 39px; position: relative; z-index:1;}
#header nav .search-box input[type="text"], #header nav .search-box .text { float:right; width: 200px; font-family: Tahoma; line-height: 16px; background:#FFFFDF; padding: 4px 2px 6px 4px !important; border:none !important; border-radius: 3px; box-shadow: 1px 3px 1px #FFB775 inset !important; transition:width 0.5s; -moz-transition:width 0.5s/* Firefox 4 */; -webkit-transition:width 0.5s/* Safari and Chrome */; -o-transition:width 0.5s/* Opera */;}
#header nav .search-box:hover input[type="text"], #header nav .search-box input[type="text"]:focus { width: 240px; width: 200px\9/* IE */; background-color:#FFF; box-shadow:1px 1px 1px #AB320A !important; -moz-box-shadow:1px 1px 1px #AB320A !important/* Firefox 4 */; -webkit-box-shadow:1px 1px 1px #AB320A !important/* Safari and Chrome */;}
#header nav .search-box .text { float:right; width: 200px; font-family: Tahoma; line-height: 16px; background:#FFFFDF; padding: 4px 2px 6px 4px !important; border:none !important;  }
#header nav .search-box:hover .text { width: 200px\9/* IE */; background-color:#FFF;}
#header nav .search-box input[type="submit"] { line-height: 16px; background: transparent url(../img/user/ncus_public.png) no-repeat scroll 0px -380px; width: 16px; height: 16px; border: none; position: absolute; z-index: 999; top: 12px; right: 20px; cursor: pointer; opacity:0.5; -moz-opacity:0.5/* Firefox 4 */; -moz-webkit:0.5/* Safari and Chrome */;}
#header nav .search-box:hover input[type="submit"] {opacity:1; -moz-opacity:1/* Firefox 4 */; -moz-webkit:1/* Safari and Chrome */;}

#header nav .search-box .submit { line-height: 16px; background: transparent url(../img/user/ncus_public.png) no-repeat scroll 0px -380px; width: 16px; height: 16px; border: none; position: absolute; z-index: 999; top: 12px; right: 20px; cursor: pointer;}



/* ============================
 * 买家中心及账户设置框架左侧菜单样式
 * ============================ */
.sidebar ul li { clear:left; overflow:hidden;}
.sidebar ul li a { color:#455E65;}
.sidebar ul li a:hover { color: #7FB8D2; text-decoration: underline;}
.sidebar h3 { font-size: 1.2em; font-weight: 700; line-height: 32px;}
/* 用户信息*/
.ncu-user { width: 140px; height:130px; margin: 0 auto; position: relative; z-index: 1;}
.ncu-user .username {  font-weight: 600; line-height: 28px; width: 102px; height: 28px; text-align: center; position: absolute; z-index: 9; top: 0; left: 19px;}
.ncu-user .username a { color: #369; text-decoration: none;}
.ncu-user .userface { width:102px; height:102px; position: absolute; z-index: 9; top:28px; left:19px;}
.ncu-user .pic{ background-color:#FFF; display:block; width: 100px; height: 100px; border: solid 1px #C9E0E7; border-radius: 5px; position: relative; z-index:2;}