Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(184)

Side by Side Diff: chrome/browser/resources/vr_shell/vr_shell_ui.css

Issue 2550243002: Color the VR omnibox security icons. (Closed)
Patch Set: Arg. Fix style. Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | chrome/browser/resources/vr_shell/vr_shell_ui.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/vr_shell/vr_shell_ui.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698