lixin-web/webapp/less/admin/index.less

vue and bootstrap

body{
  background-color: #eff8f9;

}



.admin-header{
  background-image: url(../../img/sample/admin/banner.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  @media (min-width:@screen-sm){
    margin-top: @banner-top;

  }
  @media(min-width:@screen-md){
    padding-top: 18px;
    min-height: 181px;
  }
}

.admin-main{
  background-repeat:repeat-x;
  background-position: 50% 100%;
  > .container{
    position: relative;
    top: -38px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.35);
  }
  & + .el-loading-mask{
    .el-loading-spinner{
      top: 400px + 21;
    }
  }
}

.admin-box-title{
  font-size:@font-size-medium;
  background: @admin-module-bg;
  line-height: 44px;
  height: 45px;
  border-bottom:1px solid @gray-light;
  padding-left: 25px;
  margin: 0;
}

.imoon-google:before {
  content: "\e909";
}
.imoon-msg:before {
  content: "\e910";
}
.imoon-nav_order:before {
  content: "\e911";
}
.imoon-pay_pw:before {
  content: "\e916";
}
.imoon-phone_pro:before {
  content: "\e917";
}
.imoon-play_rule:before {
  content: "\e918";
}
.imoon-proxy:before {
  content: "\e91a";
}
.imoon-pw_pro:before {
  content: "\e91d";
}


.ivu-loading-bar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000
}

.ivu-loading-bar-inner {
  transition: width .2s linear
}

.ivu-loading-bar-inner-color-primary {
  background-color: @brand-primary;
}