login.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Login</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="Content-Language" content="zh-CN" />
  7. <meta name="Author" content="网页作者" />
  8. <meta name="Copyright" content="网站版权" />
  9. <meta name="keywords" content="网站关键字" />
  10. <meta name="description" content="网站描述" />
  11. <style>
  12. html,
  13. body {
  14. height: 100%;
  15. }
  16. html {
  17. overflow-y: scroll;
  18. }
  19. body {
  20. margin: 0;
  21. font: 12px"\5B8B\4F53", sans-serif;
  22. background: #f0f2f5;
  23. }
  24. div,
  25. dl,
  26. dt,
  27. dd,
  28. ul,
  29. ol,
  30. li,
  31. h1,
  32. h2,
  33. h3,
  34. h4,
  35. h5,
  36. h6,
  37. pre,
  38. form,
  39. fieldset,
  40. input,
  41. textarea,
  42. blockquote,
  43. p {
  44. padding: 0;
  45. margin: 0;
  46. }
  47. table,
  48. td,
  49. tr,
  50. th {
  51. font-size: 12px;
  52. }
  53. li {
  54. list-style-type: none;
  55. }
  56. img {
  57. vertical-align: top;
  58. border: 0;
  59. }
  60. ol,
  61. ul {
  62. list-style: none;
  63. }
  64. h1,
  65. h2,
  66. h3,
  67. h4,
  68. h5,
  69. h6 {
  70. font-size: 12px;
  71. font-weight: normal;
  72. }
  73. address,
  74. cite,
  75. code,
  76. em,
  77. th {
  78. font-weight: normal;
  79. font-style: normal;
  80. }
  81. * {
  82. margin: 0px;
  83. padding: 0px;
  84. box-sizing: border-box;
  85. }
  86. .container {
  87. display: -webkit-flex;
  88. display: flex;
  89. flex-direction: column;
  90. justify-content: center;
  91. align-items: center;
  92. height: 100%;
  93. }
  94. .login-box {
  95. width: 500px;
  96. background: #fff;
  97. border-radius: 10px;
  98. overflow: hidden;
  99. box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  100. -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  101. -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  102. -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  103. -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  104. padding-right: 55px;
  105. padding-left: 55px;
  106. padding-bottom: 50px;
  107. padding-top: 65px;
  108. }
  109. .form-group {
  110. position: relative;
  111. width: 100%;
  112. position: relative;
  113. background-color: #fff;
  114. border: 1px solid #e6e6e6;
  115. }
  116. .form-control {
  117. display: block;
  118. width: 100%;
  119. background: transparent;
  120. font-family: OpenSans-Regular;
  121. font-size: 15px;
  122. color: #666666;
  123. line-height: 1.2;
  124. height: 50px;
  125. padding: 0 20px 0 20px;
  126. outline: none;
  127. border: none;
  128. }
  129. .btn-success {
  130. display: -webkit-box;
  131. display: -webkit-flex;
  132. display: -moz-box;
  133. display: -ms-flexbox;
  134. display: flex;
  135. justify-content: center;
  136. align-items: center;
  137. padding: 0 20px;
  138. width: 100%;
  139. height: 60px;
  140. background-color: #4272d7;
  141. font-family: OpenSans-Regular;
  142. font-size: 14px;
  143. color: #fff;
  144. line-height: 1.2;
  145. text-transform: uppercase;
  146. -webkit-transition: all 0.4s;
  147. -o-transition: all 0.4s;
  148. -moz-transition: all 0.4s;
  149. transition: all 0.4s;
  150. outline: none !important;
  151. border: none;
  152. }
  153. .form-group-submit {
  154. margin-top: 20px;
  155. }
  156. .login-box-title {
  157. display: block;
  158. font-family: OpenSans-Regular;
  159. font-size: 30px;
  160. color: #555555;
  161. line-height: 1.2;
  162. text-align: center;
  163. padding-bottom: 28px;
  164. }
  165. </style>
  166. </head>
  167. <body>
  168. <div class="container">
  169. <div class="login-box">
  170. <span class="login-box-title">Account Login</span>
  171. <form action="/api/sys/cas/login" method="POST">
  172. <div class="form-group">
  173. <input type="text" class="form-control" name="domain" placeholder="Please enter your domain">
  174. </div>
  175. <div class="form-group">
  176. <input type="text" class="form-control" name="username" placeholder="Please enter your user name">
  177. </div>
  178. <div class="form-group">
  179. <input type="password" class="form-control" name="password"
  180. placeholder="Please enter your password">
  181. </div>
  182. <div class="form-group form-group-submit">
  183. <button type="submit" class="btn btn-success">Sign in</button>
  184. </div>
  185. </form>
  186. </div>
  187. </div>
  188. </body>
  189. </html>