123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Login</title>
- <!-- BOOTSTRAP STYLES-->
- <link href="<%=media%>/assets/css/bootstrap.min.css" rel="stylesheet" />
- <!-- FONTAWESOME STYLES-->
- <script src="<%=media%>/assets/js/jquery-1.10.2.js"></script>
- <!-- BOOTSTRAP SCRIPTS -->
- <script src="<%=media%>/assets/js/bootstrap.min.js"></script>
- <!-- METISMENU SCRIPTS -->
- </head>
- <style>
- .custom-box{
- border:1px solid #FFF;
- margin:100px auto 0px auto;
- width:600px;
- height:400px;
- padding : 20px 65px;
- }
- .custom-box .logo{
- height:130px;
- width : 100%;
- margin-bottom:10px;
- }
- .custom-box table{
- width:100%;
- margin-top:50px;
- }
- .custom-box .inputBox{
- height:60px;
- width:100%;
- background:#0A0A0A url(<%=media%>/assets/img/cg_lock.png) no-repeat;
- border:1px solid #fff;
- color:#777;
- font-size:20px;
- padding-left:60px;
- }
- .custom-box .inputSubmit{
- background:#C90000;
- color:#FFF;
- margin-left:10px;
- padding-left:10px;
- }
- .other_lists{
- list-style-type:none;
- width:100%;
- height:20px;
- margin-top:70px;
- }
- .other_lists li{
- float:right;
- height:20px;
- line-height:20px;
- border-right: 1px solid #fff;
- padding:0px 15px;
- }
- .other_lists li a{
- color:#fff;
- }
- </style>
- <body style="background:#0A0A0A;">
- <div class="custom-box">
- <div class="logo">
- <img src="<%=media%>/assets/img/cg_logo.png" />
- </div>
- <div class="form">
- <form method="post" action="<%=pcdata(luci.http.getenv("REQUEST_URI"))%>">
- <table>
- <div><input type="hidden" name="username" value="root"/></div>
- <tr>
- <td><input id="focus_password" contenteditable="false" type="password" class="inputBox inputPassword" type="password" name="password"/></td>
- <td><input type="submit" class="inputBox inputSubmit" value="<%:Login%>"></td>
- </tr>
- </table>
- </form>
- <div class="cbi-map-descr">
- <%- if fuser then %>
- <div class="error"><%:Invalid password! Please try again.%></div>
- <br />
- <% end -%>
- </div>
- <ul class="other_lists">
- <li><a href="http://www.blockc.co">BlockC.co</a></li>
- <li><a href="https://ehash.com">EHash</a></li>
- <li><a href="http://downloads.canaan-creative.com">Downloads</a></li>
- <li><a href="http://www.canaan-creative.com">Canaan Creative</a></li>
- </ul>
- </div>
- </div>
- <script type="text/javascript">//<![CDATA[
- var input = document.getElementById('focus_password');
- if (input)
- input.focus();
- //]]></script>
- </body>
- </html>
|