login.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <html>
  2. <head>
  3. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  4. <title> Vesta - Login </title>
  5. <style type="text/css">
  6. body {
  7. padding: 0;
  8. margin: 0;
  9. margin-left: auto;
  10. margin-right: auto;
  11. background-image: url(/images/b.png);
  12. font-family: Arial, sans-serif;
  13. }
  14. .forgot {
  15. color: #484243;
  16. font-family: Arial, sans-serif;
  17. font-size: 8pt;
  18. padding: 0 10px 0 0;
  19. }
  20. .login {
  21. margin: 80px 0 80px 0;
  22. padding: 0;
  23. border-top: 1px solid #cccccc;
  24. border-left: 1px solid #cccccc;
  25. border-right: 1px solid #cccccc;
  26. background: #ebe9dc;
  27. text-align: left;
  28. vertical-align:top;
  29. width: 500px;
  30. box-shadow: 0 0 2px 2px #d7d7d7;
  31. }
  32. .login-box {
  33. text-align: left;
  34. vertical-align:top;
  35. padding: 0 0 10px 40px;
  36. }
  37. .login-text1 {
  38. padding: 10px 0 0 2px;
  39. color: #433832;
  40. font-family: Arial, sans-serif;
  41. font-size: 12pt;
  42. }
  43. .login-text1 a {
  44. padding: 0 6px;
  45. font-family: Arial, sans-serif;
  46. font-size: 10pt;
  47. text-shadow: none;
  48. }
  49. .login-text2 {
  50. padding: 12px 0 10px 0;
  51. color: #484243;
  52. }
  53. .login-bottom {
  54. color: #574F51;
  55. text-align: right;
  56. width: 500px;
  57. height: 50px;
  58. background: #484243;
  59. padding: 0 8px 0 0;
  60. margin: 0;
  61. }
  62. .vestacp{
  63. font-size: 8pt;
  64. color: #CCCCB4;
  65. text-align: right;
  66. padding: 20px 0 0 0;
  67. }
  68. .error {
  69. font-size: 10pt;
  70. color: #DE6C5D;
  71. }
  72. .loggin-input {
  73. color: #555;
  74. background-color: #FFFFFF;
  75. border: 1px solid #999999;
  76. border-radius: 3px 3px 3px 3px;
  77. color: #555555;
  78. font-family: Arial,sans-serif;
  79. font-size: 14pt;
  80. padding: 4px;
  81. width: 360px;
  82. }
  83. .loggin-button {
  84. padding: 4px;
  85. margin: 0 6px 0 0;
  86. cursor: pointer;
  87. color: #333333;
  88. background-color: #f6f6f6;
  89. border: 1px solid #ACACAC;
  90. border-radius: 3px 3px 3px 3px;
  91. font-size: 12px;
  92. padding: 3px 16px;
  93. width: 105px;
  94. }
  95. .loggin-button:hover {
  96. background-color: #f0f0f0;
  97. }
  98. .loggin-button:active {
  99. background-color: #EBE9DC;
  100. }
  101. </style>
  102. </head>
  103. <body>
  104. <center>
  105. <table class="login">
  106. <tr>
  107. <td>
  108. <table>
  109. <tr>
  110. <td style="padding: 0 10 0 42;">
  111. <a href="/"><img border=0 src="/images/logo.png" width="124px" height="46px" alt="Vesta Control Panel" /></a>
  112. </td>
  113. <td style="padding: 20px 0 0 0;">
  114. <form method="post" action="/login/" >
  115. <table class="login-box">
  116. <tr>
  117. <td>
  118. <p class="login-text1">Username</p>
  119. </td>
  120. </tr>
  121. <tr>
  122. <td>
  123. <input tabindex="1" type="text" size="20px" style="width:200px;" name="user" class="loggin-input">
  124. </td>
  125. </tr>
  126. <tr>
  127. <td>
  128. <p class="login-text1">Password <a tabindex="5" class="forgot" href="/reset/" >(forgot password)</a></p>
  129. </td>
  130. </tr>
  131. <tr>
  132. <td>
  133. <input tabindex="2" type="password" size="20px" style="width:200px;" name="password" class="loggin-input">
  134. </td>
  135. </tr>
  136. <tr>
  137. <td>
  138. <p class="login-text2"><input tabindex="4" type="checkbox" style="margin: 0 8px 0 0" >Remember me</p>
  139. </td>
  140. </tr>
  141. <tr>
  142. <td>
  143. <input tabindex="3" type="submit" value="Log In" class="loggin-button">
  144. </td>
  145. </tr>
  146. </table>
  147. </form>
  148. </td>
  149. </tr>
  150. <tr>
  151. <td colspan=2>
  152. <table class="login-bottom">
  153. <tr>
  154. <td>.<?php if (isset($ERROR)) echo $ERROR ?></td>
  155. </tr>
  156. <tr>
  157. <td> <a tabindex="6" class="vestacp" href="http://vestacp.com" >vestacp.com</a></td>
  158. </tr>
  159. </table>
  160. </td>
  161. </tr>
  162. </table>
  163. </tr>
  164. </table>
  165. </center>
  166. </body>
  167. </html>