equal
deleted
inserted
replaced
4 html, |
4 html, |
5 body { |
5 body { |
6 height: 100%; |
6 height: 100%; |
7 margin: 0; |
7 margin: 0; |
8 padding: 0; |
8 padding: 0; |
9 } |
|
10 |
|
11 html { |
|
12 background: #f1f1f1; |
|
13 } |
9 } |
14 |
10 |
15 body { |
11 body { |
16 background: #f1f1f1; |
12 background: #f1f1f1; |
17 min-width: 0; |
13 min-width: 0; |
18 color: #444; |
14 color: #444; |
19 font-family: "Open Sans", sans-serif; |
15 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
20 font-size: 13px; |
16 font-size: 13px; |
21 line-height: 1.4em; |
17 line-height: 1.4em; |
22 } |
18 } |
23 |
19 |
24 a { |
20 a { |
25 color: #0073aa; |
21 color: #0073aa; |
26 -webkit-transition-property: border, background, color; |
|
27 transition-property: border, background, color; |
22 transition-property: border, background, color; |
28 -webkit-transition-duration: .05s; |
|
29 transition-duration: .05s; |
23 transition-duration: .05s; |
30 -webkit-transition-timing-function: ease-in-out; |
|
31 transition-timing-function: ease-in-out; |
24 transition-timing-function: ease-in-out; |
32 } |
25 } |
33 |
26 |
34 a { |
27 a { |
35 outline: 0; |
28 outline: 0; |
40 color: #00a0d2; |
33 color: #00a0d2; |
41 } |
34 } |
42 |
35 |
43 a:focus { |
36 a:focus { |
44 color: #124964; |
37 color: #124964; |
45 } |
38 box-shadow: |
46 |
39 0 0 0 1px #5b9dd9, |
47 a:focus, |
40 0 0 2px 1px rgba(30, 140, 190, .8); |
48 a:active { |
41 } |
49 outline: thin dotted; |
42 |
|
43 .ie8 a:focus { |
|
44 outline: #5b9dd9 solid 1px; |
50 } |
45 } |
51 |
46 |
52 p { |
47 p { |
53 line-height: 1.5; |
48 line-height: 1.5; |
54 } |
49 } |
55 |
50 |
56 .login .message { |
51 .login .message, |
|
52 .login .success, |
|
53 .login #login_error { |
57 border-right: 4px solid #00a0d2; |
54 border-right: 4px solid #00a0d2; |
58 padding: 1px 12px; |
55 padding: 12px; |
|
56 margin-right: 0; |
|
57 margin-bottom: 20px; |
59 background-color: #fff; |
58 background-color: #fff; |
60 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|
61 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
59 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
62 } |
60 } |
63 |
61 |
|
62 .login .success { |
|
63 border-right-color: #46b450; |
|
64 } |
|
65 |
64 .login #login_error { |
66 .login #login_error { |
65 border-right: 4px solid #dd3d36; |
67 border-right-color: #dc3232; |
66 background: #fff; |
|
67 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|
68 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
|
69 } |
68 } |
70 |
69 |
71 #loginform p.submit, |
70 #loginform p.submit, |
72 .login-action-lostpassword p.submit { |
71 .login-action-lostpassword p.submit { |
73 border: none; |
72 border: none; |
77 .login * { |
76 .login * { |
78 margin: 0; |
77 margin: 0; |
79 padding: 0; |
78 padding: 0; |
80 } |
79 } |
81 |
80 |
|
81 .login .password-input-wrapper { |
|
82 display: table; |
|
83 } |
|
84 |
|
85 .login .input.password-input { |
|
86 display: table-cell; |
|
87 margin: 0; |
|
88 } |
|
89 |
|
90 .login .pw-weak { |
|
91 margin-bottom: 15px; |
|
92 } |
|
93 |
|
94 .login .button.button-secondary { |
|
95 display: table-cell; |
|
96 border-radius: 0; |
|
97 vertical-align: middle; |
|
98 } |
|
99 |
82 .login form { |
100 .login form { |
83 margin-top: 20px; |
101 margin-top: 20px; |
84 margin-right: 0; |
102 margin-right: 0; |
85 padding: 26px 24px 46px; |
103 padding: 26px 24px 46px; |
86 font-weight: normal; |
104 font-weight: 400; |
87 overflow: hidden; |
105 overflow: hidden; |
88 background: #fff; |
106 background: #fff; |
89 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|
90 box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
107 box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
91 } |
108 } |
92 |
109 |
93 .login form .forgetmenot { |
110 .login form .forgetmenot { |
94 font-weight: normal; |
111 font-weight: 400; |
95 float: right; |
112 float: right; |
96 margin-bottom: 0; |
113 margin-bottom: 0; |
97 } |
114 } |
98 |
115 |
99 .login .button-primary { |
116 .login .button-primary { |
108 margin: 0; |
125 margin: 0; |
109 padding: 0; |
126 padding: 0; |
110 } |
127 } |
111 |
128 |
112 .login label { |
129 .login label { |
113 color: #777; |
130 color: #72777c; |
114 font-size: 14px; |
131 font-size: 14px; |
115 } |
132 } |
116 |
133 |
117 .login form .forgetmenot label { |
134 .login form .forgetmenot label { |
118 font-size: 12px; |
135 font-size: 12px; |
124 } |
141 } |
125 |
142 |
126 .login h1 a { |
143 .login h1 a { |
127 background-image: url(../images/w-logo-blue.png?ver=20131202); |
144 background-image: url(../images/w-logo-blue.png?ver=20131202); |
128 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
145 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
129 -webkit-background-size: 84px; |
|
130 background-size: 84px; |
146 background-size: 84px; |
131 background-position: center top; |
147 background-position: center top; |
132 background-repeat: no-repeat; |
148 background-repeat: no-repeat; |
133 color: #999; |
149 color: #444; |
134 height: 84px; |
150 height: 84px; |
135 font-size: 20px; |
151 font-size: 20px; |
136 font-weight: normal; |
152 font-weight: 400; |
137 line-height: 1.3em; |
153 line-height: 1.3em; |
138 margin: 0 auto 25px; |
154 margin: 0 auto 25px; |
139 padding: 0; |
155 padding: 0; |
140 text-decoration: none; |
156 text-decoration: none; |
141 width: 84px; |
157 width: 84px; |
149 width: 320px; |
165 width: 320px; |
150 padding: 8% 0 0; |
166 padding: 8% 0 0; |
151 margin: auto; |
167 margin: auto; |
152 } |
168 } |
153 |
169 |
154 #login_error, |
|
155 .login .message { |
|
156 margin-right: 0; |
|
157 padding: 12px; |
|
158 } |
|
159 |
|
160 .login #nav, |
170 .login #nav, |
161 .login #backtoblog { |
171 .login #backtoblog { |
162 font-size: 13px; |
172 font-size: 13px; |
163 padding: 0 24px 0; |
173 padding: 0 24px 0; |
164 } |
174 } |
166 .login #nav { |
176 .login #nav { |
167 margin: 24px 0 0 0; |
177 margin: 24px 0 0 0; |
168 } |
178 } |
169 |
179 |
170 #backtoblog { |
180 #backtoblog { |
171 margin: 16px 0 0 0; |
181 margin: 16px 0; |
172 } |
182 } |
173 |
183 |
174 .login #nav a, |
184 .login #nav a, |
175 .login #backtoblog a { |
185 .login #backtoblog a { |
176 text-decoration: none; |
186 text-decoration: none; |
177 color: #999; |
187 color: #555d66; |
178 } |
188 } |
179 |
189 |
180 .login #nav a:hover, |
190 .login #nav a:hover, |
181 .login #backtoblog a:hover, |
191 .login #backtoblog a:hover, |
182 .login h1 a:hover { |
192 .login h1 a:hover { |
183 color: #00a0d2; |
193 color: #00a0d2; |
|
194 } |
|
195 |
|
196 .login #nav a:focus, |
|
197 .login #backtoblog a:focus, |
|
198 .login h1 a:focus { |
|
199 color: #124964; |
|
200 } |
|
201 |
|
202 .login .privacy-policy-page-link { |
|
203 text-align: center; |
|
204 width: 100%; |
|
205 margin: 5em 0 2em; |
184 } |
206 } |
185 |
207 |
186 .login form .input, |
208 .login form .input, |
187 .login input[type="text"] { |
209 .login input[type="text"] { |
188 font-size: 24px; |
210 font-size: 24px; |
200 .ie7 .login form .input, |
222 .ie7 .login form .input, |
201 .ie8 .login form .input { |
223 .ie8 .login form .input { |
202 font-family: sans-serif; |
224 font-family: sans-serif; |
203 } |
225 } |
204 |
226 |
|
227 .login-action-rp input[type="text"] { |
|
228 box-shadow: none; |
|
229 margin: 0; |
|
230 } |
|
231 |
205 .login #pass-strength-result { |
232 .login #pass-strength-result { |
206 width: 250px; |
|
207 font-weight: 600; |
233 font-weight: 600; |
208 margin: 12px 0 6px; |
234 margin: -1px 0 16px 5px; |
209 padding: 6px 5px; |
235 padding: 6px 5px; |
210 text-align: center; |
236 text-align: center; |
211 } |
237 width: 100%; |
212 |
|
213 .mobile #login { |
|
214 padding: 20px 0; |
|
215 } |
|
216 |
|
217 .mobile #login form, |
|
218 .mobile #login .message, |
|
219 .mobile #login_error { |
|
220 margin-right: 0; |
|
221 } |
|
222 |
|
223 .mobile #login #nav, |
|
224 .mobile #login #backtoblog { |
|
225 margin-right: 8px; |
|
226 } |
238 } |
227 |
239 |
228 body.interim-login { |
240 body.interim-login { |
229 height: auto; |
241 height: auto; |
230 } |
242 } |
247 margin: 0; |
259 margin: 0; |
248 } |
260 } |
249 |
261 |
250 @-ms-viewport { |
262 @-ms-viewport { |
251 width: device-width; |
263 width: device-width; |
|
264 } |
|
265 |
|
266 @media screen and ( max-height: 550px ) { |
|
267 #login { |
|
268 padding: 20px 0; |
|
269 } |
252 } |
270 } |
253 |
271 |
254 @media screen and ( max-width: 782px ) { |
272 @media screen and ( max-width: 782px ) { |
255 .interim-login input[type=checkbox] { |
273 .interim-login input[type=checkbox] { |
256 height: 16px; |
274 height: 16px; |
257 width: 16px; |
275 width: 16px; |
258 } |
276 } |
259 |
277 |
260 .interim-login input[type=checkbox]:checked:before { |
278 .interim-login input[type=checkbox]:checked:before { |
261 width: 16px; |
279 width: 16px; |
262 font: normal 21px/1 'dashicons'; |
280 font: normal 21px/1 dashicons; |
263 margin: -3px -4px 0 0; |
281 margin: -3px -4px 0 0; |
264 } |
282 } |
265 } |
283 } |