avalonauth.htm 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Login</title>
  7. <!-- BOOTSTRAP STYLES-->
  8. <link href="<%=media%>/assets/css/bootstrap.min.css" rel="stylesheet" />
  9. <!-- FONTAWESOME STYLES-->
  10. <script src="<%=media%>/assets/js/jquery-1.10.2.js"></script>
  11. <!-- BOOTSTRAP SCRIPTS -->
  12. <script src="<%=media%>/assets/js/bootstrap.min.js"></script>
  13. <!-- METISMENU SCRIPTS -->
  14. </head>
  15. <style>
  16. .custom-box{
  17. border:1px solid #FFF;
  18. margin:100px auto 0px auto;
  19. width:600px;
  20. height:400px;
  21. padding : 20px 65px;
  22. }
  23. .custom-box .logo{
  24. height:130px;
  25. width : 100%;
  26. margin-bottom:10px;
  27. }
  28. .custom-box table{
  29. width:100%;
  30. margin-top:50px;
  31. }
  32. .custom-box .inputBox{
  33. height:60px;
  34. width:100%;
  35. background:#0A0A0A url(<%=media%>/assets/img/cg_lock.png) no-repeat;
  36. border:1px solid #fff;
  37. color:#777;
  38. font-size:20px;
  39. padding-left:60px;
  40. }
  41. .custom-box .inputSubmit{
  42. background:#C90000;
  43. color:#FFF;
  44. margin-left:10px;
  45. padding-left:10px;
  46. }
  47. .other_lists{
  48. list-style-type:none;
  49. width:100%;
  50. height:20px;
  51. margin-top:70px;
  52. }
  53. .other_lists li{
  54. float:right;
  55. height:20px;
  56. line-height:20px;
  57. border-right: 1px solid #fff;
  58. padding:0px 15px;
  59. }
  60. .other_lists li a{
  61. color:#fff;
  62. }
  63. </style>
  64. <body style="background:#0A0A0A;">
  65. <div class="custom-box">
  66. <div class="logo">
  67. <img src="<%=media%>/assets/img/cg_logo.png" />
  68. </div>
  69. <div class="form">
  70. <form method="post" action="<%=pcdata(luci.http.getenv("REQUEST_URI"))%>">
  71. <table>
  72. <div><input type="hidden" name="username" value="root"/></div>
  73. <tr>
  74. <td><input id="focus_password" contenteditable="false" type="password" class="inputBox inputPassword" type="password" name="password"/></td>
  75. <td><input type="submit" class="inputBox inputSubmit" value="<%:Login%>"></td>
  76. </tr>
  77. </table>
  78. </form>
  79. <div class="cbi-map-descr">
  80. <%- if fuser then %>
  81. <div class="error"><%:Invalid password! Please try again.%></div>
  82. <br />
  83. <% end -%>
  84. </div>
  85. <ul class="other_lists">
  86. <li><a href="http://www.blockc.co">BlockC.co</a></li>
  87. <li><a href="https://ehash.com">EHash</a></li>
  88. <li><a href="http://downloads.canaan-creative.com">Downloads</a></li>
  89. <li><a href="http://www.canaan-creative.com">Canaan Creative</a></li>
  90. </ul>
  91. </div>
  92. </div>
  93. <script type="text/javascript">//<![CDATA[
  94. var input = document.getElementById('focus_password');
  95. if (input)
  96. input.focus();
  97. //]]></script>
  98. </body>
  99. </html>