Chromium Code Reviews| 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 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 92 color: white; | 92 color: white; |
| 93 font-size: 24px; | 93 font-size: 24px; |
| 94 max-width: 192px; | 94 max-width: 192px; |
| 95 opacity: 0; | 95 opacity: 0; |
| 96 overflow: hidden; | 96 overflow: hidden; |
| 97 text-align: center; | 97 text-align: center; |
| 98 transition: opacity 150ms ease-in-out; | 98 transition: opacity 150ms ease-in-out; |
| 99 white-space: nowrap; | 99 white-space: nowrap; |
| 100 } | 100 } |
| 101 | 101 |
| 102 #back .button { | 102 #back .button, |
| 103 #forward .button { | |
| 103 background-image: url(../../../../ui/webui/resources/images/vr_back.svg); | 104 background-image: url(../../../../ui/webui/resources/images/vr_back.svg); |
| 104 } | 105 } |
| 105 | 106 |
| 106 #reload .button { | 107 #reload .button { |
| 107 background-image: url(../../../../ui/webui/resources/images/vr_reload.svg); | 108 background-image: url(../../../../ui/webui/resources/images/vr_reload.svg); |
| 108 } | 109 } |
| 109 | 110 |
| 110 #forward .button { | 111 #forward .button { |
| 111 background-image: url(../../../../ui/webui/resources/images/vr_back.svg); | |
|
bshe
2017/01/03 17:05:56
optional nit: I found the old version is more read
| |
| 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 |
| (...skipping 22 matching lines...) Expand all Loading... | |
| 144 white-space: nowrap; | 144 white-space: nowrap; |
| 145 width: 512px; | 145 width: 512px; |
| 146 } | 146 } |
| 147 | 147 |
| 148 #omni-content { | 148 #omni-content { |
| 149 align-items: center; | 149 align-items: center; |
| 150 display: flex; | 150 display: flex; |
| 151 max-width: 448px; | 151 max-width: 448px; |
| 152 } | 152 } |
| 153 | 153 |
| 154 #omni .connection-security { | 154 .omni-icon { |
| 155 -webkit-mask-size: 50px; | |
| 155 display: none; | 156 display: none; |
| 156 flex: none; | 157 flex: none; |
| 157 height: 50px; | 158 height: 50px; |
| 158 margin-right: 10px; | 159 margin-right: 10px; |
| 159 width: 50px; | 160 width: 50px; |
| 160 } | 161 } |
| 161 | 162 |
| 163 #omni-info-icon { | |
| 164 -webkit-mask-image: url(../../../../ui/webui/resources/images/i_circle.svg); | |
| 165 background-color: rgb(90, 90, 90); | |
| 166 } | |
| 167 | |
| 168 #omni-lock-icon { | |
| 169 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); | |
| 170 background-color: rgb(11, 128, 67); | |
| 171 } | |
| 172 | |
| 173 #omni-warning-icon { | |
| 174 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); | |
| 175 background-color: rgb(199, 56, 33); | |
| 176 } | |
| 177 | |
| 162 #omni #url { | 178 #omni #url { |
| 163 color: #252525; | 179 color: #252525; |
| 164 font-size: 34px; | 180 font-size: 34px; |
| 165 overflow: hidden; | 181 overflow: hidden; |
| 166 white-space: nowrap; | 182 white-space: nowrap; |
| 167 } | 183 } |
| 168 | 184 |
| 169 #omni #path { | 185 #omni #path { |
| 170 color: #868686; | 186 color: #868686; |
| 171 } | 187 } |
| 172 | 188 |
| 173 #omni.hide { | 189 #omni.hide { |
| 174 margin-bottom: 0; | 190 margin-bottom: 0; |
| 175 margin-top: 60px; | 191 margin-top: 60px; |
| 176 opacity: 0; | 192 opacity: 0; |
| 177 } | 193 } |
| 178 | 194 |
| 179 #omni.loading { | 195 #omni.loading { |
| 180 border: 4px solid rgb(86, 203, 255); | 196 border: 4px solid rgb(86, 203, 255); |
| 181 } | 197 } |
| 182 | 198 |
| 183 #omni.idle { | 199 #omni.idle { |
| 184 background-color: #ececec; | 200 background-color: #ececec; |
| 185 } | 201 } |
| 186 | 202 |
| 187 #omni.idle #domain { | 203 #omni.idle #domain { |
| 188 color: black; | 204 color: black; |
| 189 } | 205 } |
| OLD | NEW |