|
1 @import url(forms.css); |
|
2 @import url(l10n.css); |
|
3 |
|
4 html, |
|
5 body { |
|
6 height: 100%; |
|
7 margin: 0; |
|
8 padding: 0; |
|
9 } |
|
10 |
|
11 html { |
|
12 background: #f1f1f1; |
|
13 } |
|
14 |
|
15 body { |
|
16 background: #f1f1f1; |
|
17 min-width: 0; |
|
18 color: #444; |
|
19 font-family: "Open Sans", sans-serif; |
|
20 font-size: 13px; |
|
21 line-height: 1.4em; |
|
22 } |
|
23 |
|
24 a { |
|
25 color: #0073aa; |
|
26 -webkit-transition-property: border, background, color; |
|
27 transition-property: border, background, color; |
|
28 -webkit-transition-duration: .05s; |
|
29 transition-duration: .05s; |
|
30 -webkit-transition-timing-function: ease-in-out; |
|
31 transition-timing-function: ease-in-out; |
|
32 } |
|
33 |
|
34 a { |
|
35 outline: 0; |
|
36 } |
|
37 |
|
38 a:hover, |
|
39 a:active { |
|
40 color: #00a0d2; |
|
41 } |
|
42 |
|
43 a:focus { |
|
44 color: #124964; |
|
45 } |
|
46 |
|
47 a:focus, |
|
48 a:active { |
|
49 outline: thin dotted; |
|
50 } |
|
51 |
|
52 p { |
|
53 line-height: 1.5; |
|
54 } |
|
55 |
|
56 .login .message { |
|
57 border-left: 4px solid #00a0d2; |
|
58 padding: 1px 12px; |
|
59 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); |
|
62 } |
|
63 |
|
64 .login #login_error { |
|
65 border-left: 4px solid #dd3d36; |
|
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 } |
|
70 |
|
71 #loginform p.submit, |
|
72 .login-action-lostpassword p.submit { |
|
73 border: none; |
|
74 margin: -10px 0 20px; /* May want to revisit this */ |
|
75 } |
|
76 |
|
77 .login * { |
|
78 margin: 0; |
|
79 padding: 0; |
|
80 } |
|
81 |
|
82 .login form { |
|
83 margin-top: 20px; |
|
84 margin-left: 0; |
|
85 padding: 26px 24px 46px; |
|
86 font-weight: normal; |
|
87 overflow: hidden; |
|
88 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); |
|
91 } |
|
92 |
|
93 .login form .forgetmenot { |
|
94 font-weight: normal; |
|
95 float: left; |
|
96 margin-bottom: 0; |
|
97 } |
|
98 |
|
99 .login .button-primary { |
|
100 float: right; |
|
101 } |
|
102 |
|
103 #login form p { |
|
104 margin-bottom: 0; |
|
105 } |
|
106 |
|
107 #login form p.submit { |
|
108 margin: 0; |
|
109 padding: 0; |
|
110 } |
|
111 |
|
112 .login label { |
|
113 color: #777; |
|
114 font-size: 14px; |
|
115 } |
|
116 |
|
117 .login form .forgetmenot label { |
|
118 font-size: 12px; |
|
119 line-height: 19px; |
|
120 } |
|
121 |
|
122 .login h1 { |
|
123 text-align: center; |
|
124 } |
|
125 |
|
126 .login h1 a { |
|
127 background-image: url(../images/w-logo-blue.png?ver=20131202); |
|
128 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|
129 -webkit-background-size: 84px; |
|
130 background-size: 84px; |
|
131 background-position: center top; |
|
132 background-repeat: no-repeat; |
|
133 color: #999; |
|
134 height: 84px; |
|
135 font-size: 20px; |
|
136 font-weight: normal; |
|
137 line-height: 1.3em; |
|
138 margin: 0 auto 25px; |
|
139 padding: 0; |
|
140 text-decoration: none; |
|
141 width: 84px; |
|
142 text-indent: -9999px; |
|
143 outline: none; |
|
144 overflow: hidden; |
|
145 display: block; |
|
146 } |
|
147 |
|
148 #login { |
|
149 width: 320px; |
|
150 padding: 8% 0 0; |
|
151 margin: auto; |
|
152 } |
|
153 |
|
154 #login_error, |
|
155 .login .message { |
|
156 margin-left: 0; |
|
157 padding: 12px; |
|
158 } |
|
159 |
|
160 .login #nav, |
|
161 .login #backtoblog { |
|
162 font-size: 13px; |
|
163 padding: 0 24px 0; |
|
164 } |
|
165 |
|
166 .login #nav { |
|
167 margin: 24px 0 0 0; |
|
168 } |
|
169 |
|
170 #backtoblog { |
|
171 margin: 16px 0 0 0; |
|
172 } |
|
173 |
|
174 .login #nav a, |
|
175 .login #backtoblog a { |
|
176 text-decoration: none; |
|
177 color: #999; |
|
178 } |
|
179 |
|
180 .login #nav a:hover, |
|
181 .login #backtoblog a:hover, |
|
182 .login h1 a:hover { |
|
183 color: #00a0d2; |
|
184 } |
|
185 |
|
186 .login form .input, |
|
187 .login input[type="text"] { |
|
188 font-size: 24px; |
|
189 width: 100%; |
|
190 padding: 3px; |
|
191 margin: 2px 6px 16px 0; |
|
192 } |
|
193 |
|
194 .login form .input, |
|
195 .login input[type="text"], |
|
196 .login form input[type="checkbox"] { |
|
197 background: #fbfbfb; |
|
198 } |
|
199 |
|
200 .ie7 .login form .input, |
|
201 .ie8 .login form .input { |
|
202 font-family: sans-serif; |
|
203 } |
|
204 |
|
205 .login #pass-strength-result { |
|
206 width: 250px; |
|
207 font-weight: 600; |
|
208 margin: 12px 0 6px; |
|
209 padding: 6px 5px; |
|
210 text-align: center; |
|
211 } |
|
212 |
|
213 .mobile #login { |
|
214 padding: 20px 0; |
|
215 } |
|
216 |
|
217 .mobile #login form, |
|
218 .mobile #login .message, |
|
219 .mobile #login_error { |
|
220 margin-left: 0; |
|
221 } |
|
222 |
|
223 .mobile #login #nav, |
|
224 .mobile #login #backtoblog { |
|
225 margin-left: 8px; |
|
226 } |
|
227 |
|
228 body.interim-login { |
|
229 height: auto; |
|
230 } |
|
231 |
|
232 .interim-login #login { |
|
233 padding: 0; |
|
234 margin: 5px auto 20px; |
|
235 } |
|
236 |
|
237 .interim-login.login h1 a { |
|
238 width: auto; |
|
239 } |
|
240 |
|
241 .interim-login #login_error, |
|
242 .interim-login.login .message { |
|
243 margin: 0 0 16px; |
|
244 } |
|
245 |
|
246 .interim-login.login form { |
|
247 margin: 0; |
|
248 } |
|
249 |
|
250 @-ms-viewport { |
|
251 width: device-width; |
|
252 } |
|
253 |
|
254 @media screen and ( max-width: 782px ) { |
|
255 .interim-login input[type=checkbox] { |
|
256 height: 16px; |
|
257 width: 16px; |
|
258 } |
|
259 |
|
260 .interim-login input[type=checkbox]:checked:before { |
|
261 width: 16px; |
|
262 font: normal 21px/1 'dashicons'; |
|
263 margin: -3px 0 0 -4px; |
|
264 } |
|
265 } |