| 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 --scaleFactor: 4; | 10 --scaleFactor: 4; |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 132 transform: scaleX(-1); | 132 transform: scaleX(-1); |
| 133 } | 133 } |
| 134 | 134 |
| 135 #reload-ui-button { | 135 #reload-ui-button { |
| 136 background-color: #555; | 136 background-color: #555; |
| 137 color: white; | 137 color: white; |
| 138 font-size: 24px; | 138 font-size: 24px; |
| 139 padding: 12px; | 139 padding: 12px; |
| 140 } | 140 } |
| 141 | 141 |
| 142 #omni-container { |
| 143 --tranX: 0; |
| 144 --tranY: -0.65; |
| 145 --tranZ: -1.2; |
| 146 } |
| 147 |
| 142 #omni { | 148 #omni { |
| 143 --tranX: 0; | |
| 144 --tranY: -0.5; | |
| 145 --tranZ: -1.0; | |
| 146 align-items: center; | 149 align-items: center; |
| 147 background-color: rgba(255, 255, 255, 0.9); | 150 background-color: rgba(255, 255, 255, 0.9); |
| 148 border-radius: 100px; | 151 border-radius: 100px; |
| 149 box-sizing: border-box; | 152 box-sizing: border-box; |
| 150 display: flex; | 153 display: flex; |
| 151 height: 104px; | 154 height: 104px; |
| 152 justify-content: center; | 155 justify-content: center; |
| 153 margin-bottom: 60px; | 156 margin-bottom: 60px; |
| 154 margin-top: 0; | 157 margin-top: 0; |
| 155 opacity: 1; | 158 opacity: 1; |
| 156 transition: opacity 250ms ease, margin-top 250ms ease; | 159 transition: opacity 500ms ease, margin-top 500ms ease; |
| 157 white-space: nowrap; | 160 white-space: nowrap; |
| 158 width: 512px; | 161 width: 512px; |
| 159 } | 162 } |
| 160 | 163 |
| 161 #omni-content { | 164 #omni-content { |
| 162 align-items: center; | 165 align-items: center; |
| 163 display: flex; | 166 display: flex; |
| 164 max-width: 448px; | 167 max-width: 448px; |
| 165 } | 168 } |
| 166 | 169 |
| (...skipping 24 matching lines...) Expand all Loading... |
| 191 border: 4px solid rgb(86, 203, 255); | 194 border: 4px solid rgb(86, 203, 255); |
| 192 } | 195 } |
| 193 | 196 |
| 194 #omni.idle { | 197 #omni.idle { |
| 195 background-color: #ececec; | 198 background-color: #ececec; |
| 196 } | 199 } |
| 197 | 200 |
| 198 #omni.idle #domain { | 201 #omni.idle #domain { |
| 199 color: black; | 202 color: black; |
| 200 } | 203 } |
| OLD | NEW |