login.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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: 12pt;
  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. cursor: pointer;
  79. color: #333333;
  80. background-color: #f6f6f6;
  81. border: 1px solid #ACACAC;
  82. border-radius: 3px 3px 3px 3px;
  83. font-size: 12px;
  84. padding: 3px 16px;
  85. width: 105px;
  86. }
  87. .loggin-button:hover {
  88. background-color: #f0f0f0;
  89. }
  90. button:active {
  91. background-color: #EBE9DC;
  92. }
  93. </style>
  94. </head>
  95. <body>
  96. <center>
  97. <table class="login">
  98. <tr>
  99. <td>
  100. <table>
  101. <tr>
  102. <td style="padding: 0 10 0 42;">
  103. <img src="/images/logo.png" width="124px" height="46px" alt="Vesta Control Panel" />
  104. </td>
  105. <td style="padding: 20px 0 0 0;"><form method="post" action="/login/" >
  106. <table class="login-box">
  107. <tr>
  108. <td><p class="login-text1">Username</p></td>
  109. </tr><tr>
  110. <td><input tabindex="1" type="text" size="20px" style="width:200px;" name="user" class="loggin-input"></td>
  111. </tr><tr>
  112. <td><p class="login-text1">Password <a tabindex="5" class="forgot" href="#" >(forgot password)</a></p></td>
  113. </tr><tr>
  114. <td><input tabindex="2" type="password" size="20px" style="width:200px;" name="password" class="loggin-input"></td>
  115. </tr><tr>
  116. <td><p class="login-text2"><input tabindex="4" type="checkbox" style="margin: 0 8px 0 0" >Remember me</p></td>
  117. </tr><tr>
  118. <td><input tabindex="3" type="submit" value="Log In" class="loggin-button"></td>
  119. </tr>
  120. </table>
  121. </form>
  122. </td>
  123. </tr><tr>
  124. <td colspan=2>
  125. <table class="login-bottom">
  126. <tr><td>.<?php if (isset($ERROR)) echo $ERROR ?></td></tr>
  127. <tr><td> <a tabindex="6" class="vestacp" href="http://vestacp.com" >vestacp.com</a></td></tr>
  128. </table>
  129. </tr>
  130. </table>
  131. </tr></table>
  132. </center>
  133. </body>
  134. </html>