OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, | 6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, |
7 blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, | 7 blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, |
8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, | 8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, |
9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, | 9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, |
10 tfoot, thead, tr, th, td, button { | 10 tfoot, thead, tr, th, td, button { |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
64 button { | 64 button { |
65 min-width: 72px; | 65 min-width: 72px; |
66 border:1px solid #DCDCDC; | 66 border:1px solid #DCDCDC; |
67 color: #444; | 67 color: #444; |
68 font-size: 11px; | 68 font-size: 11px; |
69 font-weight: bold; | 69 font-weight: bold; |
70 height: 27px; | 70 height: 27px; |
71 padding: 0 8px; | 71 padding: 0 8px; |
72 line-height: 27px; | 72 line-height: 27px; |
73 border-radius:2px; | 73 border-radius:2px; |
74 -webkit-transition: all 0.218s; | 74 transition: all 0.218s; |
75 background-image: -webkit-gradient(linear, left top, left bottom, | 75 background-image: -webkit-gradient(linear, left top, left bottom, |
76 from(#f5f5f5), to(#f1f1f1)); | 76 from(#f5f5f5), to(#f1f1f1)); |
77 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); | 77 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); |
78 } | 78 } |
79 | 79 |
80 button:hover { | 80 button:hover { |
81 border: 1px solid #C6C6C6; | 81 border: 1px solid #C6C6C6; |
82 color: #222; | 82 color: #222; |
83 transition: all 0.0s; | 83 transition: all 0.0s; |
84 background-image: -webkit-gradient(linear, left top, left bottom, | 84 background-image: -webkit-gradient(linear, left top, left bottom, |
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
232 Component: Text Field | 232 Component: Text Field |
233 ------------------------------------------------------------------*/ | 233 ------------------------------------------------------------------*/ |
234 input[type=text], | 234 input[type=text], |
235 input[type=password] { | 235 input[type=password] { |
236 height: 29px; | 236 height: 29px; |
237 padding-__MSG_@@bidi_start_edge__: 8px; | 237 padding-__MSG_@@bidi_start_edge__: 8px; |
238 color: #333; | 238 color: #333; |
239 border: 1px solid #d9d9d9; | 239 border: 1px solid #d9d9d9; |
240 border-top: 1px solid #c0c0c0; | 240 border-top: 1px solid #c0c0c0; |
241 vertical-align: top; | 241 vertical-align: top; |
242 -webkit-border-radius: 1px; | 242 border-radius: 1px; |
243 } | 243 } |
244 input[type=text]:hover, | 244 input[type=text]:hover, |
245 input[type=password]:hover { | 245 input[type=password]:hover { |
246 border: 1px solid #b9b9b9; | 246 border: 1px solid #b9b9b9; |
247 border-top: 1px solid #a0a0a0; | 247 border-top: 1px solid #a0a0a0; |
248 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); | 248 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); |
249 } | 249 } |
250 input[type=text]:focus, | 250 input[type=text]:focus, |
251 input[type=password]:focus { | 251 input[type=password]:focus { |
252 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | 252 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); |
253 outline: none; | 253 outline: none; |
254 border: 1px solid #4d90fe; | 254 border: 1px solid #4d90fe; |
255 } | 255 } |
256 | 256 |
257 /*------------------------------------------------------------------ | 257 /*------------------------------------------------------------------ |
258 Component: Modal Dialog | 258 Component: Modal Dialog |
259 ------------------------------------------------------------------*/ | 259 ------------------------------------------------------------------*/ |
260 .kd-modaldialog:not([hidden]) { | 260 .kd-modaldialog:not([hidden]) { |
261 opacity: 1.0; | 261 opacity: 1.0; |
262 -webkit-transform: scale(1.0); | 262 transform: scale(1.0); |
263 } | 263 } |
264 | 264 |
265 .kd-modaldialog { | 265 .kd-modaldialog { |
266 box-shadow: 0 4px 16px rgba(0,0,0,0.2); | 266 box-shadow: 0 4px 16px rgba(0,0,0,0.2); |
267 background: white; | 267 background: white; |
268 outline:1px solid rgba(0,0,0,0.2); | 268 outline:1px solid rgba(0,0,0,0.2); |
269 padding:30px 42px; | 269 padding:30px 42px; |
270 width: 500px; | 270 width: 500px; |
271 height: auto; | 271 height: auto; |
272 overflow: hidden; | 272 overflow: hidden; |
273 z-index: 100; | 273 z-index: 100; |
274 opacity: 0.0; | 274 opacity: 0.0; |
275 margin: auto; | 275 margin: auto; |
276 -webkit-transform: scale(1.05); | 276 transform: scale(1.05); |
277 -webkit-transition: all 0.218s; | 277 transition: all 0.218s; |
278 } | 278 } |
279 | 279 |
280 h1.icon-label { | 280 h1.icon-label { |
281 vertical-align: 14px; | 281 vertical-align: 14px; |
282 margin-bottom: 60px; | 282 margin-bottom: 60px; |
283 font-size: 28px; | 283 font-size: 28px; |
284 font-weight: 300; | 284 font-weight: 300; |
285 color: #999; | 285 color: #999; |
286 font-family: "Open sans", "Ariel", sans-serif; | 286 font-family: "Open sans", "Ariel", sans-serif; |
287 line-height: 24px; | 287 line-height: 24px; |
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
440 | 440 |
441 .infographic-description { | 441 .infographic-description { |
442 height: 80px; | 442 height: 80px; |
443 width: 400px; | 443 width: 400px; |
444 padding-top: 2em; | 444 padding-top: 2em; |
445 } | 445 } |
446 | 446 |
447 .information-box { | 447 .information-box { |
448 background-color: #f9edbe; | 448 background-color: #f9edbe; |
449 border: 1px solid #f0c36d; | 449 border: 1px solid #f0c36d; |
450 -webkit-border-radius: 2px; | 450 border-radius: 2px; |
451 box-shadow: 0px 2px 4px rgba(0,0,0,0.2); | 451 box-shadow: 0px 2px 4px rgba(0,0,0,0.2); |
452 color: #222; | 452 color: #222; |
453 padding: 8px 16px; | 453 padding: 8px 16px; |
454 text-align: center; | 454 text-align: center; |
455 font-size: 12px; | 455 font-size: 12px; |
456 margin-top: 30px; | 456 margin-top: 30px; |
457 } | 457 } |
458 | 458 |
459 .message { | 459 .message { |
460 margin-bottom: 24px; | 460 margin-bottom: 24px; |
(...skipping 328 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
789 color: gray; | 789 color: gray; |
790 margin-top: -10px; | 790 margin-top: -10px; |
791 margin-bottom: 10px; | 791 margin-bottom: 10px; |
792 font-size: 80%; | 792 font-size: 80%; |
793 } | 793 } |
794 | 794 |
795 body:not(.os-windows) .windows-only, | 795 body:not(.os-windows) .windows-only, |
796 body:not(.os-mac) .mac-only { | 796 body:not(.os-mac) .mac-only { |
797 display: none; | 797 display: none; |
798 } | 798 } |
OLD | NEW |