自定义装修-CSS样式表

店铺头部样式名称:
#header { background:url(/i/global/2012/0522/bg-nav.png) left bottom repeat-x; }

#topbar
{ height:70px; background:url(/i/hp/110904/sprite.png) no-repeat 0 -147px; }

#topbar #user
{ height:30px;line-height:30px;color:#636363;padding-bottom:5px;}

#topbar ul
{ margin:0; padding:0; }

#topbar #user li
{ float:left;}

#topbar .search
{ width:475px; height:30px; }

#topbar .topbox li.wap
{ width:70px; background:url(/i/hp/110904/sprite.png); }

#topbar .topbox li
{float:left; height:30px; }

#topbar .topbox li.wap a
{ color:#fff; font-size:12px; display:block; height:30px; line-height:30px; padding-left:20px; }

#topbar #search
{ width:396px; height:24px; padding:3px 0 3px 4px; background:url(/i/hp/110904/sprite.png) -70px 0; }

#topbar #search input
{ width:330px; padding:3px 5px; *padding:3px 2px; background-color:#fff; border:none; height:18px; line-height:18px; }

#topbar #search button
{ border:none; margin-left:3px; width:48px; height:24px; text-indent:-9999px; overflow:hidden; background:none; cursor:pointer; }

#suggestArea { display:none;position:absolute;top:25px;left:0px;padding:3px 5px 1px;width:238px;border:solid 1px #dfdfdf;background:#fff;font-size:12px;color:#555;text-align:left;-moz-box-shadow:2px 2px 4px #666;-webkit-box-shadow:2px 2px 4px #666;box-shadow:2px 2px 4px #666;margin:0;z-index:30px;}

#nav
{ padding-top:2px; padding-left:177px; height:33px; width:567px; overflow:hidden; margin:0; }

#nav li { float:left; }

#nav li a { width:79px; height:33px; display:block; text-align:center; color:#fff; font-size:15px; font-family:微软雅黑; font-weight:500; line-height:33px;overflow:hidden; text-decoration:none; background:url(/i/global/2012/0522/sprite.png) -863px 0 no-repeat; padding-right:2px; }

#nav li a.nav-newzealand { background:none;}

#category { position:absolute;left:0;width:175px; top:6px;}

#brandshow { height:26px; }

#brandshow ul { margin:0; padding:0; height:26px; width:840px; overflow:hidden; }

#brandshow a.brand-category
{ display:block; width:100px; height:26px; line-height:26px; text-align:center; }

#brandshow a
{ color:#565656;}

.clear:after, .clrfix:after
{ content:"20";display:block;height:0;clear:both;visibility:hidden; }

.ma
{ margin:0 auto; }

.W950 { width:950px; }

.ule-logo

.fl
{ float:left; }

.fr
{ float:right; }

.ml5
{ margin-left:5px; }

.cr
{ clear:right; }

.z20
{ z-index:20; }

.z10
{ z-index:10; }

.posr
{ position:relative; }

.gray
{ color:#999; }

.navbg
{ background:url(/i/global/2012/0522/sprite.png) left -65px no-repeat; height:35px; }

.shopcart
{ width:160px;padding-left:40px;line-height:26px;cursor:pointer; background:url(/i/global/2012/0522/shopcart.png) no-repeat; }

.icon-arr-down
{ position:absolute;float:none;top:10px;right:14px;width:9px;height:5px;background-position:0 -7px;}

.z22
{ z-index:22; }

.category-title
{ height:26px;background:url(/i/global/2012/0522/sprite.png) -632px -2px no-repeat;line-height:26px;cursor:pointer; padding-left:12px; border:2px solid #A70101; border-bottom:none; }

.fw7
{ font-weight:700; }

.category-title a
{ display:inline-block;font-size:14px;color:#fff; }

.cfff
{ color:#fff; }

.category-title b
{ position:absolute;top:12px;right:15px;width:7px;height:5px;background:url(/i/global/2012/0522/sprite.png) no-repeat -832px 0; }

.category-lists
{ border:2px solid #A70101;border-top:none; background-color:#faf5eb;margin:0;display:none;padding:0 5px; }

.category-lists dt { position:relative;height:29px;background:url(/i/hp/110422/sprites-icon.png) no-repeat -262px 12px;border-top:1px solid #fff;border-bottom:1px solid #ead6b0;line-height:29px;z-index:2; margin:0; overflow:hidden; }

.category-lists dt a
{ padding-left:25px;color:#414141; font-size:14px; }

.category-lists dt a.second
{ padding-left:0; }

 

店铺底部样式名称

#footer { clear:both;width:950px;margin:0 auto;background-color:#fff; }

#footer-banner
{ background:url(/i/hp/120322/footer-banner.jpg) 0 20px no-repeat;height:73px;padding:25px 0 0; }

#footer-banner a
{ overflow:hidden;display:inline-block;float:left;height:52px;text-indent:-9999px;cursor:pointer;}

#footer-help
{ border-top:1px solid #f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#fff));background-image:-moz-linear-gradient(top,#ebebeb,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb',EndColorStr='#ffffff');-ms-filter-:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebebeb',EndColorStr='#ffffff')";}

#footer-help dl
{ float:left;margin:0;padding:15px 0 0 35px;width:200px;line-height:1.5;}

#footer-help dt
{ font-size:14px;color:#666;}

#footer-help dd
{ margin:0;padding:0;}

#footer-copyright
{ padding:0 30px;height:30px;background-color:#fdfdfd;border:solid #e4e4e4;border-width:1px 0;color:#636363;}

#footer-copyright li
{ float:left;margin:9px 0;padding:0 25px;border-right:1px solid #dcdcdc;line-height:14px;}

#footer-copyright li.last
{border:none;}

#footer-icon
{ text-align:center;}

#footer-icon a
{ display:inline-block;margin:0 5px;line-height:24px;}

.footer-banner-post
{ width:70px;}

.footer-banner-tom
{ width:120px;margin-left:20px;}

.footer-banner-commitment
{ width:220px;margin-left:16px; }

.footer-banner-free
{ width:230px;margin-left:16px;}

.footer-banner-kaixin001
{ width:244px;margin-left:12px;}

.footer-icon-safesurf b
{ width:32px;height:24px;background-position:-99px 0;}

.footer-icon-safesurf b, .footer-icon-cyberpolice b
{ float:left;overflow:hidden;display:inline-block;background:url(/i/hp/110216/sprites-icon.png) no-repeat;vertical-align:text-bottom;}

.footer-icon-licence b
{ width:36px;height:24px; background:url(/i/hp/2012/0401/licence.png) no-repeat;}

.footer-icon-cyberpolice b
{ width:32px;height:24px;background-position:-67px 0;}

.mb10
{ margin-bottom:10px;}

.fw7
{ font-weight:700;}

意见反馈