affirm.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Auth</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. .auth-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. .auth-box-title, .auth-box-subtitle {
  110. display: block;
  111. font-family: OpenSans-Regular;
  112. color: #555555;
  113. line-height: 1.2;
  114. text-align: center;
  115. padding-bottom: 28px;
  116. }
  117. .auth-box-title {
  118. font-size: 30px;
  119. }
  120. .auth-box-subtitle {
  121. font-size: 25px;
  122. }
  123. .btn-primary{
  124. display: -webkit-box;
  125. display: -webkit-flex;
  126. display: -moz-box;
  127. display: -ms-flexbox;
  128. display: flex;
  129. justify-content: center;
  130. align-items: center;
  131. padding: 0 20px;
  132. width: 100%;
  133. height: 60px;
  134. background-color: #4272d7;
  135. font-family: OpenSans-Regular;
  136. font-size: 14px;
  137. color: #fff;
  138. line-height: 1.2;
  139. text-transform: uppercase;
  140. -webkit-transition: all 0.4s;
  141. -o-transition: all 0.4s;
  142. -moz-transition: all 0.4s;
  143. transition: all 0.4s;
  144. outline: none !important;
  145. border: none;
  146. }
  147. </style>
  148. </head>
  149. <body>
  150. <div class="container">
  151. <div class="auth-box">
  152. <form action="/api/sys/cas/affirm" method="POST">
  153. <span class="auth-box-title">Authorize</span>
  154. <span class="auth-box-subtitle">The client would like to perform actions on your behalf.</span>
  155. <p>
  156. <button type="submit" class="btn btn-primary btn-lg">
  157. Allow
  158. </button>
  159. </p>
  160. </form>
  161. </div>
  162. </div>
  163. </body>
  164. </html>