login.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="{$config.language}">
  3. <head>
  4. {include file="common/meta" /}
  5. <style>
  6. body{
  7. background-image: url(/assets/img/login-background.jpg);
  8. /*background-size: 100%;*/
  9. background-position-y:55%
  10. }
  11. .container {
  12. background-color: #ffffff;
  13. width: 400px;
  14. margin: auto!important;
  15. padding: 30px 10px!important;
  16. position: absolute;
  17. right: 25%!important;
  18. top: 50%;
  19. transform: translate(50%, -50%);
  20. border-radius: 5px;
  21. box-shadow: 0px 0px 16px #7b7a7a;
  22. border-radius: 5px;
  23. }
  24. .logon-tab {
  25. text-align: center;
  26. font-size: 16px;
  27. font-weight: 600;
  28. }
  29. .logon-tab a:hover {
  30. color: #000;
  31. text-decoration: none;
  32. cursor: default;
  33. }
  34. input[type = text]{
  35. height: 42px;
  36. border-color: #ebedf2;
  37. padding-left: 35px;
  38. }
  39. input[type = password]{
  40. padding-left: 35px;
  41. }
  42. .glyphicon-user{
  43. top: 32px;
  44. left: 15px;
  45. color: #b1b1b1;
  46. }
  47. .glyphicon-lock{
  48. top: 32px;
  49. left: 15px;
  50. color: #b1b1b1;
  51. }
  52. button[type=submit] {
  53. height: 35px;
  54. color: white;
  55. border-radius: 30px;
  56. }
  57. .msg-box{width: 100%;position: inherit}
  58. </style>
  59. <!--@formatter:off-->
  60. {if $background}
  61. <style type="text/css">
  62. body{
  63. background-image: url('{$background}');
  64. }
  65. </style>
  66. {/if}
  67. <!--@formatter:on-->
  68. </head>
  69. <body>
  70. <div id="content-container" class="container">
  71. <div class="user-section login-section">
  72. <div class="logon-tab clearfix"> <a class="active" style="color: #2c3e50">{:__('Sign in')}</a> </div>
  73. <div class="login-main">
  74. <form name="form" id="login-form" class="form-vertical" method="POST" action="">
  75. {:token()}
  76. <div class="form-group">
  77. <div class="controls">
  78. <span class="glyphicon glyphicon-user"></span>
  79. <input class="form-control input-lg" id="username" type="text" name="username" value="" data-rule="{:__('Username')}:required" placeholder="{:__('Username')}" autocomplete="off">
  80. <div class="help-block"></div>
  81. </div>
  82. </div>
  83. <div class="form-group">
  84. <!-- <label class="control-label" for="password">{:__('Password')}:</label> -->
  85. <div class="controls">
  86. <span class="glyphicon glyphicon-lock"></span>
  87. <input class="form-control input-lg" id="password" type="password" name="password" value="" data-rule="{:__('Password')}:required;password" placeholder="{:__('Password')}" autocomplete="off">
  88. <div class="help-block"></div>
  89. </div>
  90. </div>
  91. {if $Think.config.fastadmin.login_captcha}
  92. <div class="input-group" style="margin-top: 32px;">
  93. <div class="input-group-addon"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span></div>
  94. <input type="text" style="padding-left: 2px;font-size: 16px;" name="captcha" class="form-control" placeholder="{:__('Captcha')}" data-rule="{:__('Captcha')}:required;length(4)"/>
  95. <span class="input-group-addon" style="padding:0;border:none;cursor:pointer;">
  96. <img src="{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha" width="100" height="30" onclick="this.src = '{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha&r=' + Math.random();"/>
  97. </span>
  98. <div class="help-block"></div>
  99. </div>
  100. {/if}
  101. <div class="input-group" style="margin: 28px 0px;">
  102. <div class="controls">
  103. <input type="checkbox" name="keeplogin" checked="checked" value="1"> {:__('Keep login')}
  104. <!-- <div class="pull-ri ght"><a href="javascript:;" class="btn-forgot">{:__('Forgot password')}</a></div> -->
  105. </div>
  106. </div>
  107. <div class="form-group">
  108. <button type="submit" style="color: #white;background: #177dff;border-color: #177dff;padding: .20rem .5rem;font-size: 1rem" class="btn btn-primary btn-lg btn-block">{:__('Sign in')}</button>
  109. </div>
  110. </form>
  111. </div>
  112. </div>
  113. </div>
  114. {include file="common/script" /}
  115. </body>
  116. </html>