login.html 4.7 KB

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