component.css

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

      /*  ==================== 搜索 ====================  */
      #globalSearch {
        height: 45px;
        padding: 0 0 0 20px;
      }
      #globalSearch .textInput {
        width: 149px;   height: 14px;
        padding: 3px;
        border: 1px solid #d4d4d4;
      }
      #globalSearch select {
        width: 157px;   height: 20px;
        border: 1px solid #d4d4d4;
      }
      #globalSearch #adSearch {
        margin-left: 5px;
      }
      #globalSearchKeywords {
        line-height: 20px;
        float: right;
        padding: 0 20px 0 10px;
      }
      #globalSearchKeywords a {
        text-decoration: underline;
        white-space: nowrap;
        margin-right: 5px;
      }


      /*  ==================== 当前位置 ====================  */
      #urHere {
        background: #ededed url(../images/title_bg.gif) repeat-x;
      }
      #urHere h3 {
        font-weight: normal;
        background: url(../images/icon_urhere.gif) no-repeat 10px center;
        padding-left: 25px;
      }
      #urHere a {
        text-decoration: underline;
        color: #000000;
        margin: 0 3px;
      }


      /*  ==================== 最新文章 ====================  */
      


      /*  ==================== 登陆信息 ====================  */
      #ECS_CARTINFO {
        line-height: 1.5em;
        overflow: hidden;;
      }
      #ECS_CARTINFO a {
        color: #333;
      }
	#ECS_CARTINFO .inmbc_j {padding:10px;}

      /*  ==================== 品牌专区 ====================  */
      #globalBrandInfo {
        overflow: hidden;
        padding-bottom: 10px;
        zoom: 1;
      }
      #globalBrandInfo h3 {
        margin-bottom: 10px;
      }
      #globalBrandInfo p {
        color: #333333;
        padding: 3px 10px;
      }
      #globalBrandInfo p#globalBrandInfoLogo {
        float: left;
      }
      #globalBrandInfo #globalBrandInfoList {
        float: left;
      }
      #globalBrandInfo p.textDesc {
        color: #999;
      }
      #globalBrandInfo a {
        color: #333333;
        margin-left: 10px;
      }
      #brandScroller {
        overflow-y: auto;
        height: 217px;
        padding: 10px;
      }
      #brandScroller a {
        color: #000000;
      }
	  
      #brandScroller p {
        color: #666;
        padding: 5px;
      }
      #brandScroller .textLink {
        text-align: left;
      }
          /*  商品列表品牌专区  */
          .globalCategory #brandScroller {
            height: auto;
          }
          .globalCategory #brandScroller a {
            color: #333333;
          }
          .globalCategory #brandScroller p.textLink {
            width: 90%;
            background: url(../images/icon_list_arrow01.gif) no-repeat left 3px;
            padding: 0 0 0 12px;    margin-bottom: 3px;
          }


      /*  ==================== 订单查询 ====================  */
      #orderQuery {
        padding: 0 0 5px;
      }
	  #orderQuery .globalModuleContent, #emailList .globalModuleContent {padding:0px;}
      #orderQuery .textInput {
        width: 185px;   height: 14px;
        border: 1px solid #419ab1;
        padding: 3px;
      }
	  #orderQuery .inmbc_j {display:block; overflow:hidden; zoom:1; clear:both;}
	  #ecsOrderQuery .textInput {display:inline; float:left; margin:5px 0px 5px 8px; clear:both;}
      #ECS_ORDER_QUERY {
        padding: 5px 15px;
      }
      #ECS_ORDER_QUERY li {
        color: #666;
        padding: 3px 0;
        border-bottom: 1px dashed #d4d4d4;
      }
      #ECS_ORDER_QUERY li a {
        text-decoration: underline;
      }
      #ECS_ORDER_QUERY li strong {
        color: #333;
      }


      /*  ==================== 发货单查询 ====================  */
      #invoiceQuery ul {
        line-height: 1.4em;
		padding: 4px 10px;
        height: 167px;
        overflow-y: auto;
      }
      #invoiceQuery li {
        color: #666;
        padding: 5px 10px 5px 15px;    margin-bottom: 3px;
        border-bottom: 1px solid #d7d7d7;
      }
      #invoiceQuery a {
        text-decoration: underline;
      }
      #invoiceQuery form {
        display: inline;
      }


      /*  ==================== 邮件订阅 ====================  */
      #emailList {
         text-align: center;
       }
      #emailList h3 {
        padding: 5px;
      }
      #emailList .textInput {
        height: 14px;
        border: 1px solid #7c9dbe;
        padding: 3px;   margin-bottom: 5px;
      }
	  #user_email {
        width: 185px;  height: 14px;
        border: 1px solid #419ab1;
        padding: 3px; clear:both; display:inline; float:left; margin:5px 0px 5px 8px;
      }


      /*  ==================== 销售排行 ====================  */
      #topList ul {
        padding: 10px;
      }
      #topList li {
        margin-bottom: 5px;   padding: 3px;
        border-bottom: 1px solid #d7d7d7;
      }
      #topList a {
        color: #000;
        margin-left: 3px;
      }


      /*  ==================== 站内调查 ====================  */
      #ECS_VOTE .inmbc_j table {
        text-align: left;
        margin: 10px;
      }
      #ECS_VOTE .inmbc_j th {
        font: bold 12px Arial;
        color: #000000;
        padding-left: 20px;
      }
      #ECS_VOTE .inmbc_j td {
        padding-left: 20px;
      }
      #ECS_VOTE .btnList {
        padding-top: 10px;
      }
      #ECS_VOTE .optionList {
        line-height: 2em;
      }
      /*  ==================== 商品详情信息 ====================  */
      #itemAllInfo {
        overflow: hidden;
        zoom: 1;
        padding: 15px;
      }
      #itemPic {
        float: left;
        position: relative;
      }
      #itemPic .thumb {
        padding: 4px;
        border: 1px solid #d4d4d4;
      }
      #itemPic .waterMark {
        position: absolute;
        top: 0;   right: 5px;
        opacity: 0.7;
        filter: alpha(opacity=70);
      }
      #itemGallery {
        width: 215px;
        margin-top: 4px;
      }
      #itemGallery li {
        float: left;
        margin-right: 5px;
      }
      #itemGallery img {
        padding: 3px;
        border: 1px solid #d4d4d4;
      }
      #itemInfoList {
        line-height: 1.6em;
        color: #333;
        float: left;
        padding-left: 50px;
      }
      #itemInfoList h2 {
        font: bold 14px Arial;
        margin-bottom: 8px;
      }
      #itemInfoList h2 img {
        margin-left: 5px;
      }
      #itemInfoList .goodsPrice {
        color: #f60;
      }
      #itemInfoList .marketPrice {
        background: url(../images/line_through.gif) repeat-x center center;
      }
      #itemInfoList .textInput {
        height: 15px;
        padding: 3px;   margin-right: 5px;
        border: 1px solid #d4d4d4;
      }
      #itemInfoList #itemBtnList {
        margin-top: 10px;
      }
      #itemInfoList .itemInfoListTable {
        margin-bottom: 8px;
      }
      #itemInfoList .itemInfoListTable th {
        text-align: left;
        color: #333;
        width: 100px;
        padding: 2px 8px;
        border-bottom: 1px solid #dadada;
      }
      #itemInfoList .itemInfoListTable td {
        color: #999;
        padding: 2px 8px;
        border-bottom: 1px solid #dadada;
      }
      #itemInfoList ul.line {
        padding: 5px 10px;    margin-bottom: -1px;
        /*border-top: 1px solid #a5d2eb;
          border-bottom: 1px solid #a5d2eb;*/
      }


      /*  ==================== 用户评论 ====================  */
      #globalComments {
        color: #333;
      }
      #globalComments h3.title {
        margin-top: 10px;
        border-top: 1px solid #d4d4d4;
      }
      #globalComments th,
      #globalComments td {
        text-align: left;
        padding: 3px 3px 3px 20px;
      }
      #globalComments .textInput {
        height: 15px;
        padding: 3px;   margin-right: 5px;
        border: 1px solid #d4d4d4;
      }
      #globalComments textarea {
        width: 280px;   height: 116px;
        padding: 3px;
        border: 1px solid #d4d4d4;
      }
      #globalComments .commentsContent {
        color: #666;
        vertical-align: top;
      }
      #globalComments .commentsReContent {
        color: #000000;
        vertical-align: top;
      }
      #globalComments .commentsLine {
        border-bottom: 1px dashed #d4d4d4;
      }
      #globalComments #globalNoComments {
        text-align: center;
        padding: 30px 10px;
      }


      /*  ==================== 相关文章 ====================  */
      #relativeArticle {
        min-height: 200px;
        height: 100% !important;
        height: 200px;
      }
      #relativeArticle ul {
        width: 90%;
      }


      /*  ==================== 选项卡功能 ====================  */
      #globalTab .TabBar {
        height: 25px;
        background: #d4d4d4;
        padding: 1px 0 0 0;
      }
      #globalTab .TabBar li {
        line-height: 24px;
        color: #666;
        background: url(../images/tab_bg.gif) no-repeat left -26px;
        float: left;
        padding-left: 10px;
        border-bottom: 0;
        position: relative;
        cursor: pointer;
      }
      #globalTab .TabBar li span {
        display: block;
        background: url(../images/tab_bg.gif) no-repeat right top;
        padding-right: 35px;
      }
      #globalTab .TabBar li.tag-selected,
      #globalTab .TabBar li.tag-selected-last {
        line-height: 25px;
        color: #333;
        background: url(../images/tab_bg_selected.gif) no-repeat left -25px;
        margin: 0 0 -3px -22px;   padding-left: 20px;
        border-bottom: 0;
        z-index: 90;
      }
      #globalTab .TabBar li.tag-selected-first,
      #globalTab .TabBar li.tag-selected-only {
        line-height: 25px;
        color: #333;
        background: url(../images/tab_bg_selected.gif) no-repeat left -25px;
        margin: 0 0 -3px 0;   padding-left: 20px;
        border-bottom: 0;
        z-index: 90;
      }
      #globalTab .TabBar li.tag-first {
        background: url(../images/tab_bg.gif) no-repeat left -52px;
        padding-left: 20px;
      }
      #globalTab .TabBar li.tag-last span {
        background: url(../images/tab_bg.gif) no-repeat right bottom;
      }
      #globalTab .TabBar li.tag-selected-last span,
      #globalTab .TabBar li.tag-selected-only span {
        background: url(../images/tab_bg_selected.gif) no-repeat right bottom;
      }
      #globalTab .TabBar li.tag-selected span,
      #globalTab .TabBar li.tag-selected-first span {
        background: url(../images/tab_bg_selected.gif) no-repeat right top;
      }
      #globalTab .TabBar li.tag-hightlight {
        
      }
      #globalTab .TabPages {
        border-top: 0;
      }
      #globalTab .TabPage {
        padding: 10px;
      }


      /*  ==================== 商品属性 ====================  */
      #globalProperties {
        color: #000000;
        padding: 10px;
      }
      #globalProperties th {
        text-align: left;
        font: bold 12px Arial;
        padding-bottom: 5px;
      }
      #globalProperties td {
        padding: 0 0 5px 10px;
      }
      #globalProperties li {
        margin-bottom: 3px;
      }


      /*  ==================== 商品描述 ====================  */
      #globalDesc {
        color: #000000;
        padding: 10px;
      }
      #globalDesc ul {
        padding: 10px 0;   margin-left: 20px;
        list-style: square;
      }
      #globalDesc li {
        margin-bottom: 3px;
      }


      /*  ==================== 商品标记 ====================  */
      #globalTags {
        padding: 10px;
      }
      #ECS_TAGS {
        color: #000000;
        padding: 10px;    margin-bottom: 10px;
        border: 1px solid #f1f1f1;
      }
      #ECS_TAGS a {
        margin-right: 5px;
      }
      #globalTags .textInput {
        width: 300px;   height: 15px;
        background: #FFFFFF;
        padding: 3px;   margin-right: 5px;
        border: 1px solid #d4d4d4;
      }
      
      
      /*  ==================== 商品列表 ====================  */
      #globalGoodsList .itemGrid {
        border-bottom: 1px solid #d4d4d4;
      }
      #globalGoodsList .itemGrid .item {

        position: relative;
		
      }
      #globalGoodsList .itemGrid .item .pic,
      #globalGoodsList .itemGrid .item .name,