OLD | NEW |
1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 html { | 5 html { |
6 background-color: rgba(255, 255, 255, 0); | 6 background-color: rgba(255, 255, 255, 0); |
7 } | 7 } |
8 | 8 |
9 #ui { | 9 #ui { |
10 left: 0; | 10 left: 0; |
(...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
121 | 121 |
122 #omnibox-container { | 122 #omnibox-container { |
123 --tranX: 0; | 123 --tranX: 0; |
124 --tranY: -0.65; | 124 --tranY: -0.65; |
125 --tranZ: -1.2; | 125 --tranZ: -1.2; |
126 } | 126 } |
127 | 127 |
128 #omnibox-border { | 128 #omnibox-border { |
129 --fadeTimeMs: 500; | 129 --fadeTimeMs: 500; |
130 --fadeYOffset: -0.1; | 130 --fadeYOffset: -0.1; |
| 131 --opacity: 0.9; |
131 --statusBarColor: rgb(66, 133, 244); | 132 --statusBarColor: rgb(66, 133, 244); |
132 background-color: #ececec; | 133 background-color: #ececec; |
133 border-radius: 200px; | 134 border-radius: 200px; |
134 opacity: 0.9; | |
135 padding: 6px; | 135 padding: 6px; |
136 transition: opacity 500ms ease; | |
137 } | |
138 | |
139 #omnibox-border.hidden { | |
140 opacity: 0; | |
141 } | 136 } |
142 | 137 |
143 #omnibox { | 138 #omnibox { |
144 align-items: center; | 139 align-items: center; |
145 background-color: #ececec; | 140 background-color: #ececec; |
146 border-radius: 200px; | 141 border-radius: 200px; |
147 box-sizing: border-box; | 142 box-sizing: border-box; |
148 display: flex; | 143 display: flex; |
149 height: 104px; | 144 height: 104px; |
150 justify-content: center; | 145 justify-content: center; |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
187 color: #252525; | 182 color: #252525; |
188 font-size: 34px; | 183 font-size: 34px; |
189 overflow: hidden; | 184 overflow: hidden; |
190 white-space: nowrap; | 185 white-space: nowrap; |
191 } | 186 } |
192 | 187 |
193 #omnibox #path { | 188 #omnibox #path { |
194 color: #868686; | 189 color: #868686; |
195 } | 190 } |
196 | 191 |
OLD | NEW |