component.css

非常漂亮的 ecshop 模板 希望大家能够喜欢。

      #globalGoodsList .itemGrid .item .price,
      #globalGoodsList .itemGrid .item .btnList {
        margin-bottom: 5px;
      }
      #globalGoodsList .itemGrid .item .brief {
        color: #999;
        text-align: left;
        height: 30px;
        margin-bottom: 5px;
      }
      #globalGoodsList .itemGrid .item .waterMark {
        position: absolute;
        top: 15px;   left: 20px;
      }
      #globalGoodsList .itemGrid .item .waterMark img {
        padding: 0;
        border: 0;
      }
      #globalGoodsList .globalGoodsListMenu {
        text-align: right;
        padding: 5px 10px;
        border: 1px solid #aeaeae;
		border-top:none;
		
      }
      #globalGoodsList .globalGoodsListMenu select,
      #globalGoodsList .globalGoodsListMenu input,
      #globalGoodsList .globalGoodsListMenu img {
        vertical-align: middle;
      }
      #globalGoodsList .globalGoodsListMenuDisplay {
        color: #333333;
        padding-right: 30px;
      }
      .textStrong_1{
        color: #fff;
        width: 66px;   height:17px;
        line-height: 17px;
        border: 0;
        background: url(../images/btn_addbag_00.gif) no-repeat center;
        margin: 8px 0 0 5px;
      }
      
      /*  ==================== 搜索页 ====================  */
      .noSearchResult {
        text-align: center;
        height: 160px;
        padding: 20px 10px;
      }
      #globalSearchForm {
        color: #333333;
        padding: 20px 10px;
      }
      #globalSearchForm th {
        color: #000000;
        text-align: left;
        width: 50px;
      }
      #globalSearchForm td,
      #globalSearchForm th {
        padding: 3px 0 3px 5px;
      }
      #globalSearchForm input,
      #globalSearchForm select {
        vertical-align: middle;
      }
      #globalSearchForm .textInput {
        height: 15px;
        background: #FFFFFF;
        padding: 3px;   margin-right: 5px;
        border: 1px solid #d4d4d4;
      }


      /*  ==================== 分页 ====================  */
      #pager {
        color: #333;
        text-align: right;
		display:block;
        padding: 10px 10px 12px 0;
      }
      #pager a {
        color: #000000;
        padding: 3px 10px;
        border: 1px solid #d4d4d4;
      }
      #pager a,
      #pager select {
        vertical-align: middle;
      }
      
      
      /*  ==================== 对比商品 ====================  */
      #compareBox {
        width: 130px;
        background: #fff;
        padding: 10px 3px 5px;
        border: 1px solid #999;
        position: absolute;
        right:1px;   top:200px;
        opacity: 0.8;    filter: alpha(opacity=80); 
      }
      #compareBox input {
        color: #FFF;
        background: #000;
        width: 120px;
        padding-top: 3px;
        margin-bottom: 5px;
        border: 1px solid #000;
      }
      #compareList {
        width: 120px;
        margin: 0px;    padding: 0px;
      }
      #compareList li {
        color: #333;
        text-align:left;
        width: 110px;    height: 20px;
        background: #F1F1F1;
        margin: 3px 0;   padding: 3px 5px;
        border: 1px solid #999;
      }
      #compareList li img {
        cursor: pointer;
      }


      /*  ==================== 团购商品 ====================  */
      #globalGroupProperties table {
        color: #000000;
        margin: 10px;
      }
      #globalGroupProperties th {
        font: bold 12px Arial;
        text-align: left;
        width: 50px;
        padding: 3px 0 3px 10px;
      }
      #globalGroupProperties td {
        padding: 3px 0 3px 10px;
      }
      #globalGroupProperties .textInput {
        height: 15px;
        background: #FFFFFF;
        padding: 3px;   margin-right: 5px;
        border: 1px solid #d4d4d4;
      }


      /*  ==================== 团购说明 ====================  */
      #globalGroupDesc .globalModuleContent {
        line-height: 1.6em;
      }


      /*  ==================== 拍卖出价记录 ====================  */
      #globalBidLog {
        padding: 0 0 20px;
      }
      #globalBidLog table {
        margin: 5px auto;
      }
      #globalBidLog th {
        text-align: left;
        color: #000000;
        padding: 3px 10px;
        border-bottom: 1px solid #dadada;
      }
      #globalBidLog td {
        text-align: left;
        color: #333333;
        padding: 3px 10px;
        border-bottom: 1px solid #e1e1e1;
      }


      /*  ==================== 拍卖商品列表   团购商品列表 ====================  */
      #globalAuctionList,
      #globalGroupList {
        overflow: hidden;
        zoom: 1;
        padding-bottom: 10px;
      }
      #globalAuctionList .itemList .item {
        display: inline;
        width: 300px;   height: 110px;
        float: left;
        margin: 10px -5px 0 10px;
      }
      #globalAuctionList .itemList .item .itemListInfo {
        padding-left: 10px;
      }
      #globalGroupList .itemList .item .itemListInfo {
        padding-left: 30px;
      }
      #globalAuctionList .itemList .item .pic,
      #globalGroupList .itemList .item .pic {
        float: left;
        position: static;
      }
      #globalAuctionList .globalModuleContent,
      #globalGroupList .globalModuleContent {
        text-align: center;
        color: #f60;
        padding: 30px 0;
      }
      #globalGroupList .itemList .item .itemListInfo th {
        text-align: left;
        width: 100px;
        padding: 2px 10px;
        border-bottom: 1px solid #dadada;
      }
      #globalGroupList .itemList .item .itemListInfo td {
        padding: 2px 10px;
        border-bottom: 1px solid #eaeaea;
      }


      /*  ==================== 文章内容 ====================  */
      #globalArtile h1 {
        font: bold 16px Arial;
        text-align: center;
        color: #333;
        margin: 10px 0 30px;
      }
      #globalArtile .globalArtilePosted {
        text-align: right;
        color: #000000;
        padding: 0 30px 20px;
      }
      #globalArtile .globalArtileNext {
        text-align: right;
        color: #000000;
        padding: 30px 20px 10px;
      }
      #globalArtile .globalArtileNext a {
        text-decoration: underline;
        color: #000000;
        margin-right: 20px;
      }
      #globalArtile .globalModuleContent {
        color: #333;
        padding: 10px 20px;
      }
      #globalArtile .globalModuleContent p,
      #globalArtile .globalModuleContent li,
      #globalArtile .globalModuleContent h2,
      #globalArtile .globalModuleContent h3 {
        line-height: 1.6em;
      }
      #globalArtile .globalArtileRelative {
        text-align: right;
        padding: 20px 20px 0;
      }
      #globalArtile .globalArtileRelative a {
        color: #000000;
        background: url(../images/icon_attachment.gif) no-repeat 8px center;
        padding: 3px 10px 3px 25px;
        border: 1px solid #666;
      }


      /*  ==================== 文章列表 ====================  */
      #globalArtileList table {
        color: #999;
        width: 100%;
        margin: 10px 0;
      }
      #globalArtileList th {
        color: #333;
        text-align: left;
        padding: 2px 10px;
        border-bottom: 1px solid #d4d4d4;
      }
      #globalArtileList td {
        padding: 5px 10px;
        border-bottom: 1px solid #e1e1e1;
      }
      #globalArtileList td a {
        color: #000000;
      }


      /*  ==================== 标签云 ====================  */
      #globalTagsPage a {
        line-height: 2em;
        margin: 0 10px;
      }


      /*  ==================== 夺宝奇兵 ====================  */
      #ECS_SNATCH .textInput {
        height: 15px;
        background: #FFFFFF;
        padding: 3px;   margin-right: 5px;
        border: 1px solid #d4d4d4;
      }
      #ECS_SNATCH input {
        vertical-align: middle;
      }
      #ECS_SNATCH table {
        color: #000000;
        margin: 10px 0;
      }
      #ECS_SNATCH th {
        text-align: left;
        width: 80px;
        padding: 2px 5px 2px 20px;
      }
      #globalPriceList li {
        padding-bottom: 3px;
        border-bottom: 1px dashed #e1e1e1;
      }


      /*  ==================== 对比商品 ====================  */
      #globalCompare table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #DADADA;
        table-layout: fixed;
      }
      #globalCompare th,
      #globalCompare td {
        vertical-align: top;
        padding: 3px 10px;
      }
      #globalCompare th {
        text-align: left;
        color: #000000;
        background: #f1f1f1;
        width: 120px;
      }
      #globalCompare td.btnList img {
        margin-bottom: 3px;
      }
      #globalCompare .globalModuleContent {
        overflow-x: auto;
        width: 895px;
      }


      /*  ==================== 选购中心 ====================  */
      #globalPickOut dl {
        padding: 20px;
      }
      #globalPickOut dt {
        font: bold 12px Arial;
        color: #000000;
        width: 90%;
        background: url(../images/icon_list_arrow01.gif) no-repeat left 5px;
        padding-left: 12px;   margin-bottom: 5px;
      }
      #globalPickOut dd.title {
        background: url(../images/icon_list_arrow02.gif) no-repeat 10px 5px;
        margin-bottom: 3px;
      }
      #globalPickOut dd {
        color: #000000;
        padding-left: 22px;   margin-bottom: 10px;
      }
      #globalPickOut dd a {
        color: #333333;
        margin-right: 15px;
      }


      /*  ==================== 所有分类 ====================  */
      #globalCatalogList dt {
        background: url(../images/icon_list_arrow01.gif) no-repeat left center;
        padding-left: 12px;   margin-bottom: 3px;
      }

      #globalCatalogList dd.catLevel02 {
        background: url(../images/icon_list_arrow02.gif) no-repeat left center;
      }

      #globalCatalogList dd.catLevel03 {
        background: url(../images/icon_list_arrow02.gif) no-repeat left center;
      }

      #globalCatalogList dd {
        margin: 0 0 8px 10px;
      }

      #globalCatalogList dd a {
        margin: 0 5px;
        background: url(../images/icon_list_arrow02.gif) no-repeat left center;
        padding-left: 10px;
      }


      /*  ==================== 所有品牌 ====================  */
      #globalBrandList p {
        width: 170px;   height: 30px;
        float: left;
      }
      #globalBrandList p a {
        color: #333333;
      }


      /*  ==================== 活动列表 ====================  */
      #globalActivity .activityList {
        margin: 5px 0 10px 0;
        border-collapse: collapse;
        border: 1px solid #d4d4d4;
        border-top: 3px solid;
        border-color: #d4d4d4 ;
      }
      #globalActivity th {
        color: #000000;
        text-align: left;
        vertical-align: top;
        width: 100px;
        padding: 3px 5px 3px 10px;
      }
      #globalActivity td {
        vertical-align: top;
        padding: 3px 5px 3px 10px;
      }


      /*  ==================== 相关配件 & 购买过此商品的人还购买过 ====================  */
      #globalFitting .itemGrid .item,
      #globalBoughtGoods .itemGrid .item {
        width: 135px;
      }


      /*  ==================== 用户登录注册界面 ====================  */
      #globalLogin .tableList th,
      #globalLogin .tableList td {
        border: 0;
      }
      #globalLoginLeft {
        width: 49%;
        float: left;
      }
      #globalLoginRight {
        width: 50%;
        float: left;
        border-left: 1px solid #d4d4d4;
      }
      #pwd_lower,
      #pwd_middle,
      #pwd_high {
        border-bottom: 1px solid #dadada;
      }


      /*  ==================== 用户中心 ====================  */
      #globalUserCenterInfo h2 {
        font: bold 14px Arial;
      }
      #globalMessage .btnFile {
        text-align: right;
        padding: 10px 20px 3px;
      }
      #globalMessage .topLine {
        margin-top: 20px;
        border-top: 2px solid #a5d2eb;
      }
      #globalUserCenterTags .textDel {
        margin-right: 20px;
      }
      #globalUserCenterTags .globalModuleContent {
        line-height: 2em;
      }


      /*  ==================== 提示消息 ====================  */
      #globalMsg {
        line-height: 2em;
        text-align: center;
        color: #f60;