gilles-acezat/user/themes/gilles_acezat/scss/theme/item.scss

body{
  & >.item{
    #body-wrapper.blog-listing{
      border-top: 1px solid black;
      padding-top: 20px;
      .img-card{
        width: 50%;
        &:nth-child(odd){
          padding-right: 10px;
        }
        &:nth-child(even){
          padding-left: 10px;
        }
      }
      .header-item{
        position: relative;
        .title{
          display: inline-flex;
          align-items: baseline;
          h2{
            margin-right: 5px;
          }
          time{
            margin-right: 5px;
          }
          span{
            margin-right: 5px;
          }
        }
        .content{
          width: calc((100% / 3) * 2);
          margin: 20px  0;
          .txt{
            column-count: 2;
          }
        }
        .prev-next{
          width: calc(100% / 3);
          padding-left: 20px;
          position: absolute;
          top: 0;
          right: 0;
          .btn-info{
            position: absolute;
            transform: rotate(-15deg);
            margin-left: 40px;
            margin-top: 20px;
          }
          img{
            float: right;
            width: 80%;
          }
        }
      }
    }
    .top{
      text-align: center;
      margin: 20px auto 20px auto;
      width: 50px;
      img{
        width: 20px;
        margin-bottom:5px;
      }
      p{
        transform: rotate(-10deg);
      }
    }
  }
}