| 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 | |
| 103 .toolbar-glyph { | 99 .toolbar-glyph { |
| 104 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 100 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
| 105 -webkit-mask-size: 352px 168px; | 101 -webkit-mask-size: 352px 168px; |
| 106 background-color: #5a5a5a; | 102 background-color: #5a5a5a; |
| 107 width: 28px; | 103 width: 28px; |
| 108 height: 24px; | 104 height: 24px; |
| 109 flex: none; | 105 flex: none; |
| 110 transform: translateX(-2px); | 106 transform: translateX(-2px); |
| 111 } | 107 } |
| 112 | 108 |
| 113 @media (-webkit-min-device-pixel-ratio: 1.5) { | 109 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 114 .toolbar-glyph { | 110 .toolbar-glyph { |
| 115 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 111 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 116 } | 112 } |
| 117 } /* media */ | 113 } /* media */ |
| 118 | 114 |
| 119 /* Button */ | 115 /* Button */ |
| 120 | 116 |
| 121 .toolbar-button:disabled .toolbar-glyph { | 117 .toolbar-button:disabled .toolbar-glyph { |
| 122 opacity: 0.5; | 118 opacity: 0.5; |
| 123 } | 119 } |
| 124 | 120 |
| 125 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph, | 121 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph { |
| 126 .toolbar-button:enabled.hover:not(:active) .toolbar-dropdown-arrow { | |
| 127 background-color: #333; | 122 background-color: #333; |
| 128 } | 123 } |
| 129 | 124 |
| 130 .toolbar-button:enabled.hover:not(:active) .toolbar-text { | 125 .toolbar-button:enabled.hover:not(:active) .toolbar-text { |
| 131 color: #333; | 126 color: #333; |
| 132 } | 127 } |
| 133 | 128 |
| 134 .toolbar-button.toolbar-state-on .toolbar-glyph, | 129 .toolbar-button.toolbar-state-on .toolbar-glyph, |
| 135 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not(
:active), | 130 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not(
:active), |
| 136 .-theme-selection-color { | 131 .-theme-selection-color { |
| (...skipping 360 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 497 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, | 492 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, |
| 498 .toolbar-state-active .block-toolbar-item.toolbar-glyph { | 493 .toolbar-state-active .block-toolbar-item.toolbar-glyph { |
| 499 background-color: rgb(216, 0, 0) !important; | 494 background-color: rgb(216, 0, 0) !important; |
| 500 } | 495 } |
| 501 | 496 |
| 502 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba
r-item.toolbar-glyph, | 497 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba
r-item.toolbar-glyph, |
| 503 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar
-item.toolbar-glyph, | 498 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar
-item.toolbar-glyph, |
| 504 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it
em.toolbar-glyph { | 499 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it
em.toolbar-glyph { |
| 505 background-color: hsl(0, 100%, 65%) !important; | 500 background-color: hsl(0, 100%, 65%) !important; |
| 506 } | 501 } |
| OLD | NEW |