| | |
|---|
| | | height: 100%; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | body.login-bg { |
|---|
| | | color: #777; |
|---|
| | | height: 100%; |
|---|
| | | background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%); |
|---|
| | | /*background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);*/ |
|---|
| | | /*background: -webkit-linear-gradient(red, blue); !* Safari 5.1 - 6.0 *!;*/ |
|---|
| | | /*background-image: url("../static/image/login_bg.jpg");*/ |
|---|
| | | /*background-repeat: no-repeat;*/ |
|---|
| | | /*background-size: cover;*/ |
|---|
| | | /*background-position: top center;*/ |
|---|
| | | } |
|---|
| | | |
|---|
| | | #login-wrapper { |
|---|
| | | box-sizing:border-box; |
|---|
| | | background: #fff; |
|---|
| | | height: 100%; |
|---|
| | | padding: 60px 40px; |
|---|
| | | padding: 100px 60px; |
|---|
| | | text-align: center; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .layui-form-item .layui-input { |
|---|
| | | height: 30px; |
|---|
| | | height: 40px; |
|---|
| | | padding-left: 20px; |
|---|
| | | font-size: 14px; |
|---|
| | | font-size: 16px; |
|---|
| | | border: 1px solid #767676; |
|---|
| | | color: inherit; |
|---|
| | | border-radius: 3px; |
|---|
| | |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <body class="login-bg"> |
|---|
| | | |
|---|
| | | <div id="login-wrapper"> |
|---|
| | | <header> |
|---|
