login.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  2. <title> VestaCP - Login </title>
  3. <style type="text/css">
  4. body {
  5. padding: 0;
  6. margin: 0;
  7. margin-left: auto;
  8. margin-right: auto;
  9. background-image: url(/images/b.png);
  10. font-family: Arial, sans-serif;
  11. }
  12. .forgot {
  13. color: #484243;
  14. font-family: Arial, sans-serif;
  15. font-size: 8pt;
  16. padding: 0 10px 0 0;
  17. }
  18. .login {
  19. margin: 80px 0 80px 0;
  20. padding: 0;
  21. border-top: 1px solid #cccccc;
  22. border-left: 1px solid #cccccc;
  23. border-right: 1px solid #cccccc;
  24. background: #ebe9dc;
  25. text-align: left;
  26. vertical-align:top;
  27. width: 500px;
  28. box-shadow: 0 0 8px 8px #d7d7d7;
  29. }
  30. .login-box {
  31. text-align: left;
  32. vertical-align:top;
  33. padding: 0 0 10px 40px;
  34. }
  35. .login-text1 {
  36. padding: 10px 0 0 2px;
  37. color: #433832;
  38. font-family: Arial, sans-serif;
  39. font-size: 14pt;
  40. }
  41. .login-text1 a {
  42. padding: 0 6px;
  43. font-family: Arial, sans-serif;
  44. font-size: 10pt;
  45. text-shadow: none;
  46. }
  47. .login-text2 {
  48. padding: 12px 0 10px 0;
  49. color: #484243;
  50. }
  51. .login-bottom {
  52. color: #574F51;
  53. text-align: right;
  54. width: 500px;
  55. height: 50px;
  56. background: #484243;
  57. padding: 0 8px 0 0;
  58. margin: 0;
  59. }
  60. .vestacp{
  61. font-size: 8pt;
  62. color: #CCCCB4;
  63. text-align: right;
  64. padding: 20px 0 0 0;
  65. }
  66. .error {
  67. font-size: 10pt;
  68. color: #DE6C5D;
  69. }
  70. .loggin-input {
  71. padding: 4px;
  72. font-size: 12pt;
  73. color: #555;
  74. }
  75. .loggin-button {
  76. padding: 4px;
  77. margin: 0 6px 0 0;
  78. font-size: 10pt;
  79. }
  80. </style>
  81. </head>
  82. <body>
  83. <center>
  84. <table class="login">
  85. <tr>
  86. <td>
  87. <table>
  88. <tr>
  89. <td style="padding: 0 10 0 42;">
  90. <img src="/images/logo.png" width="124px" height="46px" alt="Vesta Control Panel" />
  91. </td>
  92. <td style="padding: 20px 0 0 0;"><form method="post" action="/login/" >
  93. <table class="login-box">
  94. <tr>
  95. <td><p class="login-text1">Username</p></td>
  96. </tr><tr>
  97. <td><input tabindex="1" type="text" size="20px" style="width:200px;" name="user" class="loggin-input"></td>
  98. </tr><tr>
  99. <td><p class="login-text1">Password <a tabindex="5" class="forgot" href="#" >(forgot password)</a></p></td>
  100. </tr><tr>
  101. <td><input tabindex="2" type="password" size="20px" style="width:200px;" name="password" class="loggin-input"></td>
  102. </tr><tr>
  103. <td><p class="login-text2"><input tabindex="4" type="checkbox" style="margin: 0 8px 0 0" >Remember me</p></td>
  104. </tr><tr>
  105. <td><input tabindex="3" type="submit" value="Log In" class="loggin-button"></td>
  106. </tr>
  107. </table>
  108. </form>
  109. </td>
  110. </tr><tr>
  111. <td colspan=2>
  112. <table class="login-bottom">
  113. <tr><td>.<?php if (isset($ERROR)) echo $ERROR ?></td></tr>
  114. <tr><td> <a tabindex="6" class="vestacp" href="http://vestacp.com" >vestacp.com</a></td></tr>
  115. </table>
  116. </tr>
  117. </table>
  118. </tr></table>
  119. </center>
  120. </body>
  121. </html>