OLD | NEW |
| (Empty) |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 /* TODO(dbeam): what's wrong with * here? Specificity issues? */ | |
5 audio, | |
6 body, | |
7 canvas, | |
8 command, | |
9 dd, | |
10 div, | |
11 dl, | |
12 dt, | |
13 embed, | |
14 form, | |
15 group, | |
16 h1, | |
17 h2, | |
18 h3, | |
19 h4, | |
20 h5, | |
21 h6, | |
22 html, | |
23 img, | |
24 mark, | |
25 meter, | |
26 object, | |
27 output, | |
28 progress, | |
29 summary, | |
30 td, | |
31 time, | |
32 tr, | |
33 video { | |
34 border: 0; | |
35 margin: 0; | |
36 padding: 0; | |
37 } | |
38 html { | |
39 background: #fff; | |
40 color: #333; | |
41 direction: ltr; | |
42 font: 81.25% arial, helvetica, sans-serif; | |
43 line-height: 1; | |
44 } | |
45 h1, | |
46 h2, | |
47 h3, | |
48 h4, | |
49 h5, | |
50 h6 { | |
51 color: #222; | |
52 font-size: 1.54em; | |
53 font-weight: normal; | |
54 line-height: 24px; | |
55 margin: 0 0 .46em; | |
56 } | |
57 strong { | |
58 color: #222; | |
59 } | |
60 body, | |
61 html { | |
62 height: 100%; | |
63 min-width: 100%; | |
64 position: absolute; | |
65 } | |
66 .wrapper { | |
67 min-height: 100%; | |
68 position: relative; | |
69 } | |
70 .content { | |
71 padding: 0 44px; | |
72 } | |
73 .main { | |
74 margin: 0 auto; | |
75 padding-bottom: 100px; | |
76 padding-top: 23px; | |
77 width: 650px; | |
78 } | |
79 button, | |
80 input, | |
81 select, | |
82 textarea { | |
83 font-family: inherit; | |
84 font-size: inherit; | |
85 } | |
86 input[type=email], | |
87 input[type=number], | |
88 input[type=password], | |
89 input[type=text], | |
90 input[type=url] { | |
91 -webkit-box-sizing: border-box; | |
92 background: #fff; | |
93 border: 1px solid #d9d9d9; | |
94 border-radius: 1px; | |
95 border-top: 1px solid #c0c0c0; | |
96 box-sizing: border-box; | |
97 display: inline-block; | |
98 height: 29px; | |
99 margin: 0; | |
100 padding-left: 8px; | |
101 } | |
102 input[type=email]:hover, | |
103 input[type=number]:hover, | |
104 input[type=password]:hover, | |
105 input[type=text]:hover, | |
106 input[type=url]:hover { | |
107 border: 1px solid #b9b9b9; | |
108 border-top: 1px solid #a0a0a0; | |
109 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
110 } | |
111 input[type=email]:focus, | |
112 input[type=number]:focus, | |
113 input[type=password]:focus, | |
114 input[type=text]:focus, | |
115 input[type=url]:focus { | |
116 border: 1px solid rgb(77, 144, 254); | |
117 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
118 outline: none; | |
119 } | |
120 input[type=email][disabled=disabled], | |
121 input[type=number][disabled=disabled], | |
122 input[type=password][disabled=disabled], | |
123 input[type=text][disabled=disabled], | |
124 input[type=url][disabled=disabled] { | |
125 background: #f5f5f5; | |
126 border: 1px solid #e5e5e5; | |
127 } | |
128 input[type=email][disabled=disabled]:hover, | |
129 input[type=number][disabled=disabled]:hover, | |
130 input[type=password][disabled=disabled]:hover, | |
131 input[type=text][disabled=disabled]:hover, | |
132 input[type=url][disabled=disabled]:hover { | |
133 box-shadow: none; | |
134 } | |
135 .g-button { | |
136 -webkit-transition: all 218ms; | |
137 -webkit-user-select: none; | |
138 background-color: #f5f5f5; | |
139 background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1); | |
140 border: 1px solid rgba(0,0,0,0.1); | |
141 border-radius: 2px; | |
142 color: #555; | |
143 cursor: default; | |
144 display: inline-block; | |
145 font-size: 11px; | |
146 font-weight: bold; | |
147 height: 27px; | |
148 line-height: 27px; | |
149 min-width: 54px; | |
150 padding: 0 8px; | |
151 text-align: center; | |
152 transition: all 218ms; | |
153 user-select: none; | |
154 } | |
155 *+html .g-button { | |
156 min-width: 70px; | |
157 } | |
158 button.g-button, | |
159 input[type=submit].g-button { | |
160 height: 29px; | |
161 line-height: 29px; | |
162 margin: 0; | |
163 vertical-align: bottom; | |
164 } | |
165 *+html button.g-button, | |
166 *+html input[type=submit].g-button { | |
167 overflow: visible; | |
168 } | |
169 .g-button:hover { | |
170 -webkit-transition: all 0ms; | |
171 background-color: #f8f8f8; | |
172 background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1); | |
173 border: 1px solid #c6c6c6; | |
174 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
175 color: #333; | |
176 text-decoration: none; | |
177 transition: all 0ms; | |
178 } | |
179 .g-button:active { | |
180 background-color: #f6f6f6; | |
181 background-image: linear-gradient(to bottom, #f6f6f6, #f1f1f1); | |
182 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
183 } | |
184 .g-button:visited { | |
185 color: #666; | |
186 } | |
187 .g-button-submit { | |
188 background-color: rgb(77, 144, 254); | |
189 background-image: | |
190 linear-gradient(to bottom, rgb(77, 144, 254), rgb(71, 135, 237)); | |
191 border: 1px solid rgb(48, 121, 237); | |
192 color: #fff; | |
193 text-shadow: 0 1px rgba(0,0,0,0.1); | |
194 } | |
195 .g-button-submit:hover { | |
196 background-color: rgb(53, 122, 232); | |
197 background-image: | |
198 linear-gradient(to bottom, rgb(77, 144, 254), rgb(53, 122, 232)); | |
199 border: 1px solid rgb(47, 91, 183); | |
200 color: #fff; | |
201 text-shadow: 0 1px rgba(0,0,0,0.3); | |
202 } | |
203 .g-button-submit:active { | |
204 box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); | |
205 } | |
206 .g-button-submit:visited { | |
207 color: #fff; | |
208 } | |
209 .g-button-submit:focus { | |
210 box-shadow: inset 0 0 0 1px #fff; | |
211 } | |
212 .g-button-submit:focus:hover { | |
213 box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); | |
214 } | |
215 .g-button:hover img { | |
216 opacity: .72; | |
217 } | |
218 .g-button:active img { | |
219 opacity: 1; | |
220 } | |
221 .errormsg { | |
222 color: rgb(221, 75, 57); | |
223 display: block; | |
224 line-height: 17px; | |
225 margin: .5em 0 0; | |
226 } | |
227 input[type=email].form-error, | |
228 input[type=number].form-error, | |
229 input[type=password].form-error, | |
230 input[type=text].form-error, | |
231 input[type=url].form-error, | |
232 input[type=text].field-error, | |
233 input[type=password].field-error { | |
234 border: 1px solid rgb(221, 75, 57); | |
235 } | |
236 html { | |
237 background: transparent; | |
238 } | |
239 .content { | |
240 width: auto; | |
241 } | |
242 .main { | |
243 padding-bottom: 12px; | |
244 padding-top: 23px; | |
245 } | |
246 .signin-box h2 { | |
247 font-size: 16px; | |
248 height: 16px; | |
249 line-height: 17px; | |
250 margin: 0 0 1.2em; | |
251 position: relative; | |
252 } | |
253 .signin-box label { | |
254 display: block; | |
255 margin: 0 0 1.5em; | |
256 } | |
257 .signin-box input[type=text], | |
258 .signin-box input[type=password] { | |
259 font-size: 15px; | |
260 height: 32px; | |
261 width: 100%; | |
262 } | |
263 .signin-box .email-label, | |
264 .signin-box .passwd-label { | |
265 -webkit-user-select: none; | |
266 display: block; | |
267 font-weight: bold; | |
268 margin: 0 0 .5em; | |
269 user-select: none; | |
270 } | |
271 .signin-box input[type=submit] { | |
272 font-size: 13px; | |
273 height: 32px; | |
274 margin: 0 1.5em 1.2em 0; | |
275 } | |
276 .errormsg { | |
277 display: none; | |
278 } | |
279 .form-error + .errormsg, | |
280 .field-error + .errormsg { | |
281 display: block; | |
282 } | |
OLD | NEW |