classes/artifacts/OnlineShop_war_exploded/resources/home/images/home_index.css

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

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

@charset "utf-8";
/* ================================ */
/* 商城首页独立样式定义 				*/
/* Author:			Hulihutu		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Aug-10-2012		*/
/* Retrofit Date:	Aug-10-2012		*/
/* ================================ */

/*焦点广告切换*/
#KinSlideshow { overflow: hidden; width:500px; height:230px; visibility:hidden; z-index:99 !important; }
.KSS_titleBox , .KSS_titleBar { display: none;}

/*商城精选推荐*/
#mallRecommend { background: url(../images/index_bg.png) no-repeat 0px 0px; width: 530px; display: block; margin-top: 1px;}
#mallRecommend .title { line-height: 22px; width: 98%; height: 22px; padding: 10px 1%;}
#slideshow { background: #FFF; width: 530px; height: 131px; position: relative; z-index: 1;}
#slideshow ul { background: url(../images/index_bg.png) no-repeat; width: 472px; height: 131px; position: absolute; z-index: 2; overflow: hidden; top: 0px; left: 29px;}
#slideshow ul.twopics { background-image: none;}
#slideshow .twopics li { display: inline; width: 230px; height: 115px; float: left; margin: 8px 2px;}
#slideshow ul.fourpics { background-position: 0px -305px;}
#slideshow .fourpics li { display: inline; width: 117px; height: 131px; float: left; margin: 0 0 0 1px;}
#slideshow ul.brands { background-position: 0px -174px;}
#slideshow .current { display: block;}
#slideshow .normal { display: none;}
#slideshow .previous { line-height: 1000px; background: url(../images/index_bg.png) no-repeat -466px -174px; width: 17px; height: 17px; position: absolute; z-index: 2; overflow: hidden; top: 57px; left: 5px; cursor: pointer;}
#slideshow .previous:hover { background-position: -466px -191px;}
#slideshow .next { line-height: 1000px; background: url(../images/index_bg.png) no-repeat -483px -174px; width: 17px; height: 17px; position: absolute; top: 57px; right:5px; z-index: 2; overflow: hidden; cursor: pointer; }
#slideshow .next:hover { background-position:-483px -191px;}



/* 首页登录注册开店*/
#quickLink { background-color:#FFF; width: 238px; height: 58px; overflow: hidden;}
#quickLink a { width:79px; height:58px; display:inline-block;  position:relative; z-index:1; text-align:center; font-weight:700; color:#555; }
#quickLink a:hover { background-color: #F26A00; z-index:9; color: #FFF; text-decoration: none;}
#quickLink a i { display:block; background: url(../images/nc_home_index.png) no-repeat scroll; margin: 4px auto 4px auto; width: 34px; height: 32px;}
#quickLink a.login i { background-position: 0px 0px;}
#quickLink a.register i { background-position: -34px 0px;}
#quickLink a.join i { background-position: -68px 0px;}
#quickLink a.login:hover i { background-position: 0px -32px;}
#quickLink a.register:hover i { background-position: -34px -32px;}
#quickLink a.join:hover i { background-position: -68px -32px;}

#userInfo { background: url(../images/index_bg.gif) no-repeat -505px 12px; height:42px; padding: 8px 0 8px 45px;  position: relative; z-index: 1; border: solid 1px #E7E7E7; margin-bottom:10px;}
#userInfo .head-portrait {  background-color: #555; width: 32px; height:32px; position: absolute; z-index: 9; top: 13px; left: 6px;}
#userInfo p { font-size: 12px; line-height: 16px; color: #888; vertical-align:middle; background: url(../images/hbg.png) no-repeat 0px -532px; padding: 2px 0 0 10px; margin-bottom: 7px;}
#userInfo p span { color: #333; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; display: inline-block; max-width: 56px; overflow: hidden; }
#userInfo p a { color:#06C;}
#userInfo p strong { max-width:40px; overflow: hidden; color : #F60; font-weight: normal; display:inline-block; vertical-align:middle; text-overflow:ellipsis; white-space: nowrap;}

/* 商城首页-新闻及店铺Tab切换 */
.nc-home-news .tabs-nav { background: #F7F7F7; height:32px; border-bottom: solid 1px #E7E7E7; position:relative; z-index:1;}
.nc-home-news .tabs-nav li { line-height:25px; background:#F7F7F7; text-align: center; display:block; width:70px; height:25px; float:left; padding: 0; margin:5px 0 0 5px; border: solid #F7F7F7; border-width: 1px 1px 0 1px; position:relative; z-index:9; }
.nc-home-news .tabs-nav li.tabs-selected { color:#333; font-weight: 700; line-height:27px; background:#FFF; height:27px;  border: solid #E7E7E7; border-width: 1px 1px 0 1px; position:relative; z-index:10; _margin-bottom:-1px/* IE6 */; }
.nc-home-news .tabs-nav li a:hover, .nc-home-news .tabs-nav li.tabs-selected a { color:#333;}
.nc-home-news .tabs-panel {width: 95%; margin: 6px auto;}
.tabs-hide { display: none !important;}

/* 商城首页-推荐店铺列表 */