| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187 |
- <html>
- <head>
- <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
- <title> Vesta - Login </title>
- <style type="text/css">
- body {
- padding: 0;
- margin: 0;
- margin-left: auto;
- margin-right: auto;
- background-image: url(/images/b.png);
- font-family: Arial, sans-serif;
- }
- .forgot {
- color: #34536A;
- font-family: Arial, sans-serif;
- font-size: 8pt;
- padding: 0 10px 0 0;
- }
- .forgot:hover {
- color: #7fa1cb;
- }
- .login {
- margin: 80px 0 80px 0;
- padding: 0;
- border-top: 1px solid #cccccc;
- border-left: 1px solid #cccccc;
- border-right: 1px solid #cccccc;
- background: #ebe9dc;
- text-align: left;
- vertical-align:top;
- width: 500px;
- box-shadow: 0 0 2px 2px #d7d7d7;
- }
-
- .login-box {
- text-align: left;
- vertical-align:top;
- padding: 0 0 10px 40px;
- color: #333;
- }
- .login-text1 {
- padding: 10px 0 0 2px;
- color: #433832;
- font-family: Arial, sans-serif;
- font-size: 12pt;
- }
- .login-text1 a {
- padding: 0 6px;
- font-family: Arial, sans-serif;
- font-size: 10pt;
- text-shadow: none;
- }
- .login-text2 {
- padding: 12px 0 10px 0;
- color: #484243;
- }
-
- .login-bottom {
- color: #574F51;
- text-align: right;
- width: 500px;
- height: 50px;
- background: #484243;
- padding: 0 8px 0 0;
- margin: 0;
- }
- .vestacp{
- font-size: 8pt;
- color: #CCCCB4;
- text-align: right;
- padding: 20px 0 0 0;
- }
- .error {
- font-size: 10pt;
- color: #DE6C5D;
- }
- .login-input {
- color: #555;
- background-color: #FFFFFF;
- border: 1px solid #999999;
- border-radius: 3px 3px 3px 3px;
- color: #555555;
- font-family: Arial,sans-serif;
- font-size: 14pt;
- padding: 6px;
- width: 360px;
- height: 36px;
- }
- .login-input:hover {
- border: 1px solid #e5a907;
- }
- .login-button {
- filter:chroma(color=#000000);
- padding: 4px;
- margin: 0 6px 0 0;
- cursor: pointer;
- color: #333333;
- background-color: #f6f6f6;
- border: 1px solid #ACACAC;
- border-radius: 3px 3px 3px 3px;
- font-size: 12px;
- padding: 3px 16px;
- width: 105px;
- }
- .login-button:hover {
- background-color: #f0f0f0;
- }
- .login-button:active {
- background-color: #EBE9DC;
- }
- </style>
- </head>
- <body>
- <center>
- <table class="login">
- <tr>
- <td>
- <table>
- <tr>
- <td style="padding: 0 10 0 42;">
- <a href="/"><img border=0 src="/images/logo.png" width="124px" height="46px" alt="Vesta Control Panel" /></a>
- </td>
- <td style="padding: 20px 0 0 0;">
- <form method="post" action="/login/" >
- <table class="login-box">
- <tr>
- <td>
- <p class="login-text1">Username</p>
- </td>
- </tr>
- <tr>
- <td>
- <input tabindex="1" type="text" size="20px" style="width:200px;" name="user" class="login-input">
- </td>
- </tr>
- <tr>
- <td>
- <p class="login-text1">Password <a tabindex="5" class="forgot" href="/reset/" >forgot password</a></p>
- </td>
- </tr>
- <tr>
- <td>
- <input tabindex="2" type="password" size="20px" style="width:200px;" name="password" class="login-input">
- </td>
- </tr>
- <tr>
- <td height="28px">
- </td>
- </tr>
- <tr>
- <td>
- <input tabindex="3" type="submit" value="Log In" class="login-button">
- </td>
- </tr>
- </table>
- </form>
- </td>
- </tr>
- <tr>
- <td colspan=2>
- <table class="login-bottom">
- <tr><td>.<?php if (isset($ERROR)) echo $ERROR ?></td></tr>
- <tr><td> <a tabindex="6" class="vestacp" href="http://vestacp.com" >vestacp.com</a></td></tr>
- </table>
- </td>
- </tr>
- </table>
- </tr>
- </table>
- </center>
- </body>
- </html>
|