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 |