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 |