| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 :host { | 7 :host { |
| 8 flex: none; | 8 flex: none; |
| 9 padding: 0 2px; | 9 padding: 0 2px; |
| 10 } | 10 } |
| (...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 89 } | 89 } |
| 90 | 90 |
| 91 .toolbar-bold .toolbar-text { | 91 .toolbar-bold .toolbar-text { |
| 92 font-weight: bold; | 92 font-weight: bold; |
| 93 } | 93 } |
| 94 | 94 |
| 95 .toolbar-dimmed .toolbar-text { | 95 .toolbar-dimmed .toolbar-text { |
| 96 color: #999; | 96 color: #999; |
| 97 } | 97 } |
| 98 | 98 |
| 99 .toolbar-dimmed .toolbar-dropdown-arrow { |
| 100 background-color: #999; |
| 101 } |
| 102 |
| 99 .toolbar-glyph { | 103 .toolbar-glyph { |
| 100 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 104 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
| 101 -webkit-mask-size: 352px 168px; | 105 -webkit-mask-size: 352px 168px; |
| 102 background-color: #5a5a5a; | 106 background-color: #5a5a5a; |
| 103 width: 28px; | 107 width: 28px; |
| 104 height: 24px; | 108 height: 24px; |
| 105 flex: none; | 109 flex: none; |
| 106 transform: translateX(-2px); | 110 transform: translateX(-2px); |
| 107 } | 111 } |
| 108 | 112 |
| 109 @media (-webkit-min-device-pixel-ratio: 1.5) { | 113 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 110 .toolbar-glyph { | 114 .toolbar-glyph { |
| 111 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 115 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 112 } | 116 } |
| 113 } /* media */ | 117 } /* media */ |
| 114 | 118 |
| 115 /* Button */ | 119 /* Button */ |
| 116 | 120 |
| 117 .toolbar-button:disabled .toolbar-glyph { | 121 .toolbar-button:disabled .toolbar-glyph { |
| 118 opacity: 0.5; | 122 opacity: 0.5; |
| 119 } | 123 } |
| 120 | 124 |
| 121 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph { | 125 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph, |
| 126 .toolbar-button:enabled.hover:not(:active) .toolbar-dropdown-arrow { |
| 122 background-color: #333; | 127 background-color: #333; |
| 123 } | 128 } |
| 124 | 129 |
| 125 .toolbar-button:enabled.hover:not(:active) .toolbar-text { | 130 .toolbar-button:enabled.hover:not(:active) .toolbar-text { |
| 126 color: #333; | 131 color: #333; |
| 127 } | 132 } |
| 128 | 133 |
| 129 .toolbar-button.toolbar-state-on .toolbar-glyph, | 134 .toolbar-button.toolbar-state-on .toolbar-glyph, |
| 130 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not(
:active), | 135 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not(
:active), |
| 131 .-theme-selection-color { | 136 .-theme-selection-color { |
| (...skipping 360 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 492 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, | 497 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, |
| 493 .toolbar-state-active .block-toolbar-item.toolbar-glyph { | 498 .toolbar-state-active .block-toolbar-item.toolbar-glyph { |
| 494 background-color: rgb(216, 0, 0) !important; | 499 background-color: rgb(216, 0, 0) !important; |
| 495 } | 500 } |
| 496 | 501 |
| 497 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba
r-item.toolbar-glyph, | 502 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba
r-item.toolbar-glyph, |
| 498 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar
-item.toolbar-glyph, | 503 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar
-item.toolbar-glyph, |
| 499 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it
em.toolbar-glyph { | 504 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it
em.toolbar-glyph { |
| 500 background-color: hsl(0, 100%, 65%) !important; | 505 background-color: hsl(0, 100%, 65%) !important; |
| 501 } | 506 } |
| OLD | NEW |