lixin-web/webapp/less/lottery/portrait.less

vue and bootstrap

@import "../variables";
@import "~lesshat/lesshat";
@import "../mixins.less";

.portrait{
  .lottery-header{
    margin-bottom: 10px;
  }

  //.lottery-body{
  //  margin-bottom: 40px;
  //  @media (min-width:@screen-sm){
  //    box-shadow:1px 12px 18px fade(#000,27);
  //    padding-left: 19px;
  //    padding-right: 19px;
  //    &:after{
  //      height: 23px;
  //      background-image: url(../../img/lottery/lotto_bd_decorate.png);
  //      bottom: -23px;
  //    }
  //  }
  //}

  .lottery-betting{
    margin-bottom: 20px;

  }
  .lottery-launch{
    top: 320px;
  }
  .play-list{
    min-height: 69px;
    .btn{
      margin-right: 10px;
    }
  }
  .play-help{
    .btn{
      right: 45px;
    }
  }
  .play-area{
    @media (min-width:@screen-md){
      textarea{
        width:1132px - 36;
      }
    }
  }
  .play-options{
    > div{
      font-size:@font-size-medium;
    }
    @media (min-width:@screen-md){
      margin-bottom: 25px;
    }
  }
  .adjust-prize{
    font-size:@font-size-medium;
    @media (min-width:@screen-md){
      .prize{
        & + span{
          margin-left: 150px;
        }
      }
    }
  }
  .lottery-bet-btns{
    @media (min-width:@screen-md){
      > div > .btn{
        width: 160px;
        padding-top: 11px;
        padding-bottom: 11px;
        font-size: @font-size-medium;
        span{
          font-size:@font-size-base * 1.5;
        }
      }
    }
  }
  .order-list{
    h4{
      display: none;
    }
    @media (min-width:@screen-sm){
      float: left;
      width: 580px;
    }
    @media (min-width:@screen-md){
      width: 887px;
    }
    .bootstrap-table{
      thead tr{
        th{
          &:last-child{
            width: 64px;
          }
        }
      }
    }
    .fixed-table-footer{
      display: none!important;
    }
  }
  .lottery-button-groups{
    .btn{
      border-color:@brand-primary;
      display: block;
      padding-top: 10px;
      padding-bottom: 10px;
      span{
        font-size: @font-size-base * 1.8;
        top: 0;
      }
      &:nth-child(2){
        display: none;
      }
    }
    .btn-primary{
      padding-top: 22px;
      padding-bottom: 22px;
    }
    @media (min-width:@screen-sm){
      float: right;
      width: 130px;
    }
    @media (min-width:@screen-md){
      width: 217px;
    }
  }
  //.lottery-order-record{
  //  .nav-tabs{
  //    li{
  //      width:79px;
  //      background: @module-bg;
  //      border-radius:0;
  //      padding: 0;
  //      &:hover,&:focus{
  //        background: @brand-primary;
  //      }
  //      a{
  //        padding-top: 6px;
  //        padding-bottom: 6px;
  //      }
  //    }
  //  }
  //  .fixed-table-toolbar {
  //    display: none;
  //  }
  //  > .modal{
  //    display: block!important;
  //    visibility: visible;
  //    position: static;
  //    pointer-events: auto;
  //    > .modal-dialog{
  //      visibility: visible;
  //      width:auto;
  //      border-radius:0;
  //      box-shadow:none;
  //      margin: 0;
  //      transform:translate(0);
  //
  //      > .modal-content{
  //        border:none;
  //        > .modal-header{
  //          display: none;
  //        }
  //        > .modal-body{
  //          opacity: 1;
  //          transform: scale(1);
  //          padding: 0;
  //        }
  //      }
  //    }
  //  }
  //
  //
  //}

}

//::-webkit-scrollbar {width:5px;height:10px;}
//::-webkit-scrollbar-button{background-color:#f1f1f1;width:0px;}
//::-webkit-scrollbar-track{background:#f1f1f1;}
//::-webkit-scrollbar-track-piece {background:#f1f1f1;}
//::-webkit-scrollbar-thumb{background:#c1c1c1;}
//::-webkit-scrollbar-corner {background:#82AFFF; }
//::-webkit-scrollbar-resizer  {background:#FF0BEE;}