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 button:not(.custom-appearance), | 6 button:not(.custom-appearance), |
7 input[type='button']:not(.custom-appearance), | 7 input[type='button']:not(.custom-appearance), |
8 input[type='submit']:not(.custom-appearance) { | 8 input[type='submit']:not(.custom-appearance) { |
9 -webkit-border-radius: 3px; | 9 -webkit-border-radius: 3px; |
10 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | 10 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 input[type='text']:not(.custom-appearance):focus, | 52 input[type='text']:not(.custom-appearance):focus, |
53 select:not(.custom-appearance):focus { | 53 select:not(.custom-appearance):focus { |
54 -webkit-box-shadow: inset 0 1px 2px white, | 54 -webkit-box-shadow: inset 0 1px 2px white, |
55 0 1px 2px rgba(0, 0, 0, .2), | 55 0 1px 2px rgba(0, 0, 0, .2), |
56 0 0 1px #c0c0c0, | 56 0 0 1px #c0c0c0, |
57 0 0 1px #c0c0c0, | 57 0 0 1px #c0c0c0, |
58 0 0 1px #c0c0c0; | 58 0 0 1px #c0c0c0; |
59 -webkit-transition: border-color 200ms; | 59 -webkit-transition: border-color 200ms; |
60 /* We use border color because it follows the border radius (unlike outline). | 60 /* We use border color because it follows the border radius (unlike outline). |
61 * This is particularly noticeable on mac. */ | 61 * This is particularly noticeable on mac. */ |
62 border-color: #4080fa; | 62 border-color: rgb(64, 128, 250); |
63 outline: none; | 63 outline: none; |
64 } | 64 } |
65 | 65 |
66 /* Search boxes use an outline because it follows the contours of the box. */ | 66 /* Search boxes use an outline because it follows the contours of the box. */ |
67 input[type='search']:not(.custom-appearance):focus { | 67 input[type='search']:not(.custom-appearance):focus { |
68 outline-color: #4080fa; | 68 outline-color: rgb(64, 128, 250); |
69 } | 69 } |
70 | 70 |
71 /* TODO(jhawkins): Refactor button styling and remove !important here. This is | 71 /* TODO(jhawkins): Refactor button styling and remove !important here. This is |
72 * currently necessary because individual page button element selectors have | 72 * currently necessary because individual page button element selectors have |
73 * higher specificity. | 73 * higher specificity. |
74 */ | 74 */ |
75 .link-button, | 75 .link-button, |
76 .link-button:focus { | 76 .link-button:focus { |
77 -webkit-box-shadow: none !important; | 77 -webkit-box-shadow: none !important; |
78 background: transparent none !important; | 78 background: transparent none !important; |
79 border: none !important; | 79 border: none !important; |
80 color: #1155cc !important; | 80 color: rgb(17, 85, 204) !important; |
81 cursor: pointer; | 81 cursor: pointer; |
| 82 /* Input elements have -webkit-small-control which overrides the body font. |
| 83 * Resolve this by using 'inherit'. */ |
| 84 font-family: inherit; |
82 margin: 0; | 85 margin: 0; |
83 padding: 0 4px !important; | 86 padding: 0 4px !important; |
84 } | 87 } |
85 | 88 |
86 .link-button:hover { | 89 .link-button:hover { |
87 text-decoration: underline; | 90 text-decoration: underline; |
88 } | 91 } |
89 | 92 |
90 .link-button:active { | 93 .link-button:active { |
91 color: #052577 !important; | 94 color: rgb(5, 37, 119) !important; |
92 text-decoration: underline; | 95 text-decoration: underline; |
93 } | 96 } |
OLD | NEW |