| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Auth</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta http-equiv="Content-Language" content="zh-CN" />
- <meta name="Author" content="网页作者" />
- <meta name="Copyright" content="网站版权" />
- <meta name="keywords" content="网站关键字" />
- <meta name="description" content="网站描述" />
- <style>
- html,
- body {
- height: 100%;
- }
- html {
- overflow-y: scroll;
- }
- body {
- margin: 0;
- font: 12px"\5B8B\4F53", sans-serif;
- background: #f0f2f5;
- }
- div,
- dl,
- dt,
- dd,
- ul,
- ol,
- li,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- pre,
- form,
- fieldset,
- input,
- textarea,
- blockquote,
- p {
- padding: 0;
- margin: 0;
- }
- table,
- td,
- tr,
- th {
- font-size: 12px;
- }
- li {
- list-style-type: none;
- }
- img {
- vertical-align: top;
- border: 0;
- }
- ol,
- ul {
- list-style: none;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-size: 12px;
- font-weight: normal;
- }
- address,
- cite,
- code,
- em,
- th {
- font-weight: normal;
- font-style: normal;
- }
- * {
- margin: 0px;
- padding: 0px;
- box-sizing: border-box;
- }
- .container {
- display: -webkit-flex;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- height: 100%;
- }
- .auth-box{
- width: 500px;
- background: #fff;
- border-radius: 10px;
- overflow: hidden;
- box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
- -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
- -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
- padding-right: 55px;
- padding-left: 55px;
- padding-bottom: 50px;
- padding-top: 65px;
- }
- .auth-box-title, .auth-box-subtitle {
- display: block;
- font-family: OpenSans-Regular;
- color: #555555;
- line-height: 1.2;
- text-align: center;
- padding-bottom: 28px;
- }
- .auth-box-title {
- font-size: 30px;
- }
- .auth-box-subtitle {
- font-size: 25px;
- }
- .btn-primary{
- display: -webkit-box;
- display: -webkit-flex;
- display: -moz-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0 20px;
- width: 100%;
- height: 60px;
- background-color: #4272d7;
- font-family: OpenSans-Regular;
- font-size: 14px;
- color: #fff;
- line-height: 1.2;
- text-transform: uppercase;
- -webkit-transition: all 0.4s;
- -o-transition: all 0.4s;
- -moz-transition: all 0.4s;
- transition: all 0.4s;
- outline: none !important;
- border: none;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="auth-box">
- <form action="/api/sys/cas/affirm" method="POST">
- <span class="auth-box-title">Authorize</span>
- <span class="auth-box-subtitle">The client would like to perform actions on your behalf.</span>
- <p>
- <button type="submit" class="btn btn-primary btn-lg">
- Allow
- </button>
- </p>
- </form>
- </div>
- </div>
- </body>
- </html>
|