_1620_editor.scss 2.51 KB
/*屏幕宽度小于1190,自动适配1024设计分辨率*/
@media screen and (min-width:1190px){
  .editor-content{
    width:1080px;
    height:145px;
    margin:0 auto;
    background:#f5f5f5;
    margin-top:37px;
    position:relative;
    img.photo{
      width:110px;
      height:110px;
      float:left;
      display:block;
      margin:17px 0 0 35px;
      @include borderradius(110px);
    }
    .photo-span{
      @include blockwh(145px,145px);
      float:left;
    }
    .username{
      @include blockwh(600px,30px);
      @include fontstyle;
      font-size:15px;
      font-weight:bold;
      float:left;
      margin-left:95px;
      padding-top:29px;
      
      text-align:left;
    }
    .usermark{
      @include blockwh(570px,40px);
      @include fontstyle;
      font-size:14px;
      line-height:20px;
      color:#666666;
      padding-top:10px;
      margin-left:95px;
      text-align:left;
      float:left;
    }
    
    .comment_button{
      position:absolute;
      @include blockwh(60px,145px);
      background:url(../assets/images/comment_button.png) 10px center no-repeat;
      right:0;
      top:0;
      line-height:164px;
      padding-left:40px;
      cursor:pointer;
      text-align:left;
    }
    
  }
  
  
  .editor-comment-content{
    width:1080px;
    margin:0 auto;
    @include fontstyle;
    .usermsg{
      width:342px;
      margin-right:27px;
      float:left;
      .about-username{
        font-size:22px;
        line-height:22px;
        margin:80px 0 20px 0;
        @include blockwh(100%,15px);
      }
      .about-user{
        font-size:17px;
        line-height:17px;
        color:#666666;
        @include blockwh(100%,auto);
        float:left;
      }
      
      .discuss{
        @include blockwh(100%,20px);
        line-height:20px;
        font-size:17px;
        margin:45px 0 0 0;
        float:left;
      }
      
      .login-explorer{
        @include blockwh(100%,20px);
        line-height:20px;
        font-size:14px;
        float:left;
        margin-top:40px;
       }
       .user-right{
         @include blockwh(100%,20px);
        line-height:20px;
        font-size:14px;
        float:left;
        margin-top:20px;
       }
       
       .report{
         background:url(../assets/images/carefor.png) 2px center no-repeat;
          @include blockwh(auto,20px);
          padding-left:17px;
        line-height:20px;
        font-size:14px;
        float:left;
        margin-top:20px;
       }
    }
    .comment-area{
      width:709px;
      float:left;
    }
  }
}