login.html 3.9 KB

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