| 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 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 112 transform: scaleX(-1); | 112 transform: scaleX(-1); |
| 113 } | 113 } |
| 114 | 114 |
| 115 #reload-ui-button { | 115 #reload-ui-button { |
| 116 background-color: #555; | 116 background-color: #555; |
| 117 color: white; | 117 color: white; |
| 118 font-size: 24px; | 118 font-size: 24px; |
| 119 padding: 12px; | 119 padding: 12px; |
| 120 } | 120 } |
| 121 | 121 |
| 122 #omnibox-container { | 122 #url-indicator-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 #url-indicator-border { |
| 129 --fadeTimeMs: 500; | 129 --fadeTimeMs: 500; |
| 130 --fadeYOffset: -0.1; | 130 --fadeYOffset: -0.1; |
| 131 --opacity: 0.9; | 131 --opacity: 0.9; |
| 132 --statusBarColor: rgb(66, 133, 244); | 132 --statusBarColor: rgb(66, 133, 244); |
| 133 background-color: #ececec; | 133 background-color: #ececec; |
| 134 border-radius: 200px; | 134 border-radius: 200px; |
| 135 padding: 6px; | 135 padding: 6px; |
| 136 } | 136 } |
| 137 | 137 |
| 138 #omnibox { | 138 #url-indicator { |
| 139 align-items: center; | 139 align-items: center; |
| 140 background-color: #ececec; | 140 background-color: #ececec; |
| 141 border-radius: 200px; | 141 border-radius: 200px; |
| 142 box-sizing: border-box; | 142 box-sizing: border-box; |
| 143 display: flex; | 143 display: flex; |
| 144 height: 104px; | 144 height: 104px; |
| 145 justify-content: center; | 145 justify-content: center; |
| 146 overflow: hidden; | 146 overflow: hidden; |
| 147 white-space: nowrap; | 147 white-space: nowrap; |
| 148 width: 512px; | 148 width: 512px; |
| 149 } | 149 } |
| 150 | 150 |
| 151 #omnibox-content { | 151 #url-indicator-content { |
| 152 align-items: center; | 152 align-items: center; |
| 153 display: flex; | 153 display: flex; |
| 154 max-width: 448px; | 154 max-width: 448px; |
| 155 } | 155 } |
| 156 | 156 |
| 157 .omnibox-icon { | 157 .url-indicator-icon { |
| 158 -webkit-mask-size: 50px; | 158 -webkit-mask-size: 50px; |
| 159 display: none; | 159 display: none; |
| 160 flex: none; | 160 flex: none; |
| 161 height: 50px; | 161 height: 50px; |
| 162 margin-right: 10px; | 162 margin-right: 10px; |
| 163 width: 50px; | 163 width: 50px; |
| 164 } | 164 } |
| 165 | 165 |
| 166 #omnibox-info-icon { | 166 #url-indicator-info-icon { |
| 167 -webkit-mask-image: url(../../../../ui/webui/resources/images/i_circle.svg); | 167 -webkit-mask-image: url(../../../../ui/webui/resources/images/i_circle.svg); |
| 168 background-color: rgb(90, 90, 90); | 168 background-color: rgb(90, 90, 90); |
| 169 } | 169 } |
| 170 | 170 |
| 171 #omnibox-lock-icon { | 171 #url-indicator-lock-icon { |
| 172 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); | 172 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); |
| 173 background-color: rgb(11, 128, 67); | 173 background-color: rgb(11, 128, 67); |
| 174 } | 174 } |
| 175 | 175 |
| 176 #omnibox-warning-icon { | 176 #url-indicator-warning-icon { |
| 177 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); | 177 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); |
| 178 background-color: rgb(199, 56, 33); | 178 background-color: rgb(199, 56, 33); |
| 179 } | 179 } |
| 180 | 180 |
| 181 #omnibox #url { | 181 #url-indicator #url { |
| 182 color: #252525; | 182 color: #252525; |
| 183 font-size: 34px; | 183 font-size: 34px; |
| 184 overflow: hidden; | 184 overflow: hidden; |
| 185 white-space: nowrap; | 185 white-space: nowrap; |
| 186 } | 186 } |
| 187 | 187 |
| 188 #omnibox #path { | 188 #url-indicator #path { |
| 189 color: #868686; | 189 color: #868686; |
| 190 } | 190 } |
| 191 | 191 |
| OLD | NEW |