| | |
|---|
| | | <html lang="en"> |
|---|
| | | <head> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <meta name="viewport" content="user-scalable=0"> |
|---|
| | | <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/> |
|---|
| | | <title>系统登录</title> |
|---|
| | | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> |
|---|
| | | <script type="text/javascript" src="../../static/layui/layui.js"></script> |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #login-wrapper { |
|---|
| | | box-sizing:border-box; |
|---|
| | | background: #fff; |
|---|
| | | height: 100%; |
|---|
| | | padding: 300px 100px; |
|---|
| | | padding: 60px 40px; |
|---|
| | | text-align: center; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #login-wrapper h1 { |
|---|
| | | font-size: xx-large; |
|---|
| | | font-weight: bolder; |
|---|
| | | margin-bottom: 100px; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | letter-spacing: 5px; |
|---|
| | | transform:scale(3); |
|---|
| | | -webkit-transform:scale(3); |
|---|
| | | -moz-transform:scale(3); |
|---|
| | | /*transform:scale(3);*/ |
|---|
| | | /*-webkit-transform:scale(3);*/ |
|---|
| | | /*-moz-transform:scale(3);*/ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layui-form-item { |
|---|
| | | margin-bottom: 50px; |
|---|
| | | margin-bottom: 15px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .layui-form-item .layui-input { |
|---|
| | | height: 120px; |
|---|
| | | padding-left: 40px; |
|---|
| | | font-size: xx-large; |
|---|
| | | height: 30px; |
|---|
| | | padding-left: 20px; |
|---|
| | | font-size: 14px; |
|---|
| | | border: 1px solid #767676; |
|---|
| | | color: inherit; |
|---|
| | | border-radius: 15px; |
|---|
| | | border-radius: 3px; |
|---|
| | | transition: 0.3s; |
|---|
| | | } |
|---|
| | | .layui-input:hover, .layui-textarea:hover { |
|---|
| | |
|---|
| | | border-width: 1.5px; |
|---|
| | | } |
|---|
| | | .login-submit { |
|---|
| | | margin-top: 80px; |
|---|
| | | margin-top: 20px; |
|---|
| | | } |
|---|
| | | #login-button { |
|---|
| | | background-color: #0767aa; |
|---|
| | | /*width: 80%;*/ |
|---|
| | | font-size: xx-large; |
|---|
| | | width: 50%; |
|---|
| | | font-size: 14px; |
|---|
| | | font-weight: bolder; |
|---|
| | | border-radius: 10px; |
|---|
| | | height: 120px; |
|---|
| | | border-radius: 5px; |
|---|
| | | height: 40px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
