| 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 |