@import "~antd/lib/style/themes/default.less"; @inverse-color: #fff; .outer { width: 100%; height: 100%; background-image: url('../assets/loginBG.jpg'); .inner { width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, .7); .container { width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100%; padding: 110px 0 144px 0; position: relative; } .top { text-align: center; } .header { height: 44px; line-height: 44px; a { text-decoration: none; } } .logo { height: 44px; vertical-align: top; margin-right: 16px; } .title { font-size: 33px; color: @inverse-color; font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: 600; position: relative; top: 2px; } .desc { font-size: @font-size-base; color: @inverse-color; margin-top: 12px; margin-bottom: 40px; } .footer { position: absolute; width: 100%; bottom: 0; .copyright { color: @inverse-color; } } } }