← Back to branch summary

~canonical-sysadmins/wordpress/4.7.4

« back to all changes in this revision

Viewing changes to wp-admin/css/login.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/login.css
 
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: #0074a2;
 
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: #2ea2cc;
 
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 #7ad03a;
 
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: #2ea2cc;
 
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
.mobile #login h1 a {
 
229
        width: auto;
 
230
}
 
231
 
 
232
body.interim-login {
 
233
        height: auto;
 
234
}
 
235
 
 
236
.interim-login #login {
 
237
        padding: 0;
 
238
        margin: 5px auto 20px;
 
239
}
 
240
 
 
241
.interim-login.login h1 a {
 
242
        width: auto;
 
243
}
 
244
 
 
245
.interim-login #login_error,
 
246
.interim-login.login .message {
 
247
        margin: 0 0 16px;
 
248
}
 
249
 
 
250
.interim-login.login form {
 
251
        margin: 0;
 
252
}
 
253
 
 
254
@-ms-viewport {
 
255
        width: device-width;
 
256
}
 
257
 
 
258
@media screen and ( max-width: 782px ) {
 
259
        .interim-login input[type=checkbox] {
 
260
                height: 16px;
 
261
                width: 16px;
 
262
        }
 
263
 
 
264
        .interim-login input[type=checkbox]:checked:before {
 
265
                width: 16px;
 
266
                font: normal 21px/1 'dashicons';
 
267
                margin: -3px 0 0 -4px;
 
268
        }
 
269
}