login.html 3.0 KB

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