www.gusucode.com > ShopEx481 & PHPWind 整合版码程序 > themes/jmsy/images/css.css
@import url("border.css"); @import url("widget.css"); body { margin: 0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3e3e3e; background:#fff url(bg.gif) repeat-x; line-height:1.5em; } /*=布局 =============================================================================================*/ .Col{ float:left; *display:inline; overflow:hidden; } #AllWrap{ width:980px; margin:0 auto; overflow:hidden; } #LeftColumn{ width:180px; float:left; overflow:hidden; } #Main{ width:550px; float:left; margin:0 12px 0 13px; overflow:hidden; } #RightColumn{ width:225px; float:left; overflow:hidden; } #InnerRightColumn{/*内页*/ width:787px; margin:0 0 0 13px; overflow:hidden; float:left; } #InnerRightColumn .leftbox{ width:550px; float:left; margin:0 12px 0 0; } #InnerRightColumn .rightbox{ width:225px; float:left; overflow:hidden; } /*=头部和菜单 =============================================================================================*/ #Top{ background:url(bg.jpg) no-repeat; width:980px; height:130px; position:relative; } #TopMenu{ position:absolute; right:12px; top:40px; color:#7F7F7F; } #TopMenu li{ float:left; } #Logo{ overflow:hidden; border:1px solid #000; border-bottom:none; height:68px; line-height:68px; width:200px; position:absolute; left:10px; top:15px; background:#fff url(bgs.gif) repeat-x; z-index:4; display:table; vertical-align:middle; text-align:center; } #Logo a{ display:table-cell; vertical-align:middle; } #Menu{ position:absolute; left:10px; top:52px; padding:0 0 0 203px; } #Menu .links a{ color:#7F7F7F; } #Menu li{ background:url(top_tab.gif) no-repeat; font-size:14px; font-weight:bold; width:89px; height:33px; float:left; margin:0 1px; text-align:center; line-height:35px; } #Menu li.highlight a{ color:#FF6633; } #Menu .red a{ color:#FF3300; } #Top .topbar{ border:1px solid #898989; border-top:none; border-bottom:none; position:absolute; bottom:0; background:url(bgs.gif) repeat-x 0 -140px; width:978px; height:47px; } #Top .topbar .cat{ padding:5px 5px 5px 13px; float:left; width:600px; height:40px; overflow:hidden; } #Top .topbar .cat .TreeList{ padding:10px 0; } #Top .topbar .cat .TreeList div{ display:inline; margin:0 10px; background:url(arrs.gif) no-repeat 0 -25px; padding-left:10px; } #Top .topcategory{ padding:2px 0 0 13px; background:url(arrow2.gif) no-repeat 0 4px; } #Top .topbar .cartbg{ background:url(cartinfo.gif) no-repeat; width:52px; height:45px; float:right; margin:1px 0 0 0; } #Top .topbar .cart{ float:right; background:url(cartinfo.gif) repeat-x 0 -45px; height:41px; width:270px; margin:3px 1px 0 0; } #Top .toplogin{ position:absolute; top:60px; _top:57px; line-height:24px; right:14px; height:24px; z-index:3; } #Top .toplogin .lt, #Top .toplogin .rt{ background:url(bgs.gif) no-repeat; float:left; width:4px; height:24px; } #Top .toplogin .lt{ background-position:0 -68px; } #Top .toplogin .rt{ background-position:0 -116px; } #Top .toplogin .bg{ background:url(bgs.gif) repeat-x 0 -92px; float:left; height:24px; } #InfoWrap{ background:url(bgs.gif) repeat-x 0 -187px; height:27px; color:#f5f4f4; width:100%; overflow:hidden; } #InfoWrap ul{ padding:0 0 0 10px; } #InfoWrap li{ float:left; } #InfoWrap a{ line-height:25px; background:url(arrs.gif) no-repeat 0 -4px; padding:0 0 0 13px; margin:0 20px 0 0; color:#FFFFFF; } #SubTopWrap{ padding:4px 0; margin-bottom:4px; border-bottom:1px solid #CCCCCC; } #SubTopWrap .more{ display:none; } /*=购物车 =============================================================================================*/ .CartInfoWrap{ color:#636363; text-align:right; margin:10px 10px 0 0; } .CartInfoItems{ display:inline; text-decoration:underline; } .CartInfoItemsOver{ display:inline; position:relative; padding:0; margin:0; } .CartInfoItems .CartInfoContent{ display:none; } .CartInfoItemsOver .CartInfoContent{ display:block; position:absolute; text-align:left; border:1px solid #999; background:#fff; width:200px; top:0; left:0; filter:alpha(opacity=90); opacity:0.90; min-height:10px; z-index:99; } .CartInfoItemsOver .CartInfoContent a{ display:block; color:#000; font-weight:normal; text-decoration:none; border-left:3px solid #FF6600; border-bottom:1px dotted #ccc; margin:0 0 2px 0; padding-left:5px; } .CartInfoItemsOver .CartInfoContent a:hover{ background:#FF9900; color:#fff; } .CartInfoWrap .total{ margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #666666; } .CartInfoWrap .gocart{ display:block; } /*=搜索栏 =============================================================================================*/ #SearchWrap{ background:#eef7ff; border-bottom:1px solid #9a9a9a; height:26px; margin:2px 0 6px 0; padding:0 0 0 10px; color:#6f6f6f; overflow:hidden; line-height:26px; } #Search{ background:url(searchs.gif) no-repeat; *padding:2px 0 0 70px; padding:0 0 0 70px; } /*=底部 TPL_BOTTOM =============================================================================================*/ #FootMenu{ margin:20px 0 0 0; border-collapse:collapse; border-top:3px solid #FF9900; border-bottom:2px solid #999999; } #FootMenu td{ border:1px solid #c9c9c9; } #Foot{ clear:both; margin-top:75px; } #Foot .bottominfo { border-bottom:2px solid #999999; text-align:center; background-color:#C9C9C9; } #Foot .bottominfo th{ background-color:#333333; border:1px solid #666666; color:#FFFFFF; padding:2px 0; } #Foot .bottominfo td{ background:#FFFFFF; padding:10px; } #Foot .bottominfo li{ line-height:20px; } #Foot .bottom{ text-align:center; } /*= =============================================================================================*/ #flashcontent{ overflow:hidden; } .Indexleftbox{ border:1px solid #b3b3b3; padding:5px; margin:0 0 5px 0; } .MainLeftBox{ clear:both; } .MainLeftBox,.MainRightBox{ float:left; width:50%; overflow:hidden; } .AdvBannerWrap, .AdvBannerWrap div{ display:inline; } .AdvBannerWrap img{ margin:0 0 0 5px; } .StyleIndexPromoteNews{ height:24px; border-bottom:2px solid #d5d5d5; margin:2px 0 0 0; } .StyleIndexPromoteNews .title{ background:#424242; color:#FFFFFF; padding:2px 4px; margin:0 2px 0 0; width:50px; float:left; } #promotenews { width:470px; height:23px; overflow:hidden; } #promotenews a{ color:#f7620e; background:url(arrow8.gif) no-repeat 0 0; letter-spacing:1px; padding:0 0 0 15px; margin:0 30px; width:200px; line-height:23px; } #specialgoods .GoodsListWrap{ padding:3px 5px; } #specialgoods h6 a{ font-weight:normal; display:block; width:135px; background:url(arrs.gif) no-repeat 0 -40px; padding-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*= top分类 =============================================================================================*/ .cat .s-cat-depth-1 li{ background:none; border:none; float:left; } .cat .s-cat-depth-1 a{ background:url(arrs.gif) no-repeat 0 -24px; padding:0 0 0 10px; font-weight:normal; margin:0 15px 0 0; }