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