1 | * { margin: 0; padding: 0; }
|
---|
2 |
|
---|
3 | body {
|
---|
4 | border-top-width: 30px;
|
---|
5 | border-top-style: solid;
|
---|
6 | font: 11px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
|
---|
7 | }
|
---|
8 |
|
---|
9 | form {
|
---|
10 | margin-left: 8px;
|
---|
11 | padding: 16px 16px 40px 16px;
|
---|
12 | font-weight: normal;
|
---|
13 | -moz-border-radius: 11px;
|
---|
14 | -khtml-border-radius: 11px;
|
---|
15 | -webkit-border-radius: 11px;
|
---|
16 | border-radius: 5px;
|
---|
17 | background: #fff;
|
---|
18 | border: 1px solid #e5e5e5;
|
---|
19 | -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
|
---|
20 | -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
|
---|
21 | -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
|
---|
22 | box-shadow: rgba(200,200,200,1) 0 4px 18px;
|
---|
23 | }
|
---|
24 |
|
---|
25 | form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0; }
|
---|
26 |
|
---|
27 | #login form .submit input {
|
---|
28 | font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
|
---|
29 | padding: 3px 10px;
|
---|
30 | border: none;
|
---|
31 | font-size: 12px;
|
---|
32 | border-width: 1px;
|
---|
33 | border-style: solid;
|
---|
34 | -moz-border-radius: 11px;
|
---|
35 | -khtml-border-radius: 11px;
|
---|
36 | -webkit-border-radius: 11px;
|
---|
37 | border-radius: 11px;
|
---|
38 | cursor: pointer;
|
---|
39 | text-decoration: none;
|
---|
40 | margin-top: -3px;
|
---|
41 | text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
|
---|
42 | }
|
---|
43 |
|
---|
44 | #login form p {
|
---|
45 | margin-bottom: 0;
|
---|
46 | }
|
---|
47 |
|
---|
48 | label {
|
---|
49 | color: #777;
|
---|
50 | font-size: 13px;
|
---|
51 | }
|
---|
52 |
|
---|
53 | form .forgetmenot label {
|
---|
54 | font-size: 11px;
|
---|
55 | line-height: 19px;
|
---|
56 | }
|
---|
57 |
|
---|
58 | form .submit { float: right; }
|
---|
59 |
|
---|
60 | form p { margin-bottom: 24px; }
|
---|
61 |
|
---|
62 | h1 a {
|
---|
63 | background: url(../images/logo-login.gif) no-repeat top center;
|
---|
64 | width: 326px;
|
---|
65 | height: 67px;
|
---|
66 | text-indent: -9999px;
|
---|
67 | overflow: hidden;
|
---|
68 | padding-bottom: 15px;
|
---|
69 | display: block;
|
---|
70 | }
|
---|
71 |
|
---|
72 | #nav {
|
---|
73 | text-shadow: rgba(255,255,255,1) 0 1px 0;
|
---|
74 | }
|
---|
75 |
|
---|
76 | #backtoblog a {
|
---|
77 | position: absolute;
|
---|
78 | top: 7px;
|
---|
79 | left: 15px;
|
---|
80 | text-decoration: none;
|
---|
81 | }
|
---|
82 |
|
---|
83 | #login { width: 320px; margin: 7em auto; }
|
---|
84 |
|
---|
85 | #login_error, .message {
|
---|
86 | margin: 0 0 16px 8px;
|
---|
87 | border-width: 1px;
|
---|
88 | border-style: solid;
|
---|
89 | padding: 12px;
|
---|
90 | -moz-border-radius: 3px;
|
---|
91 | -khtml-border-radius: 3px;
|
---|
92 | -webkit-border-radius: 3px;
|
---|
93 | border-radius: 3px;
|
---|
94 | }
|
---|
95 |
|
---|
96 | #nav { margin: 0 0 0 8px; padding: 16px; }
|
---|
97 |
|
---|
98 | #user_pass, #user_login, #user_email {
|
---|
99 | font-size: 24px;
|
---|
100 | width: 97%;
|
---|
101 | padding: 3px;
|
---|
102 | margin-top: 2px;
|
---|
103 | margin-right: 6px;
|
---|
104 | margin-bottom: 16px;
|
---|
105 | border: 1px solid #e5e5e5;
|
---|
106 | background: #fbfbfb;
|
---|
107 | }
|
---|
108 |
|
---|
109 | .clear {
|
---|
110 | clear: both;
|
---|
111 | }
|
---|