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

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

Issue 2661823002: NOT FOR REVIEW: A set of patches for Josh to work on top of. (Closed)
Patch Set: Created 3 years, 10 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
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 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
73 padding: 20px; 73 padding: 20px;
74 text-align: center; 74 text-align: center;
75 width: 512px; 75 width: 512px;
76 } 76 }
77 77
78 .round-button .button { 78 .round-button .button {
79 background-color: #eee; 79 background-color: #eee;
80 background-position: center; 80 background-position: center;
81 background-repeat: no-repeat; 81 background-repeat: no-repeat;
82 background-size: contain; 82 background-size: contain;
83 border-radius: 50%; 83 border-radius: 10%;
84 height: 96px; 84 height: 96px;
85 margin: auto auto; 85 margin: auto auto;
86 opacity: 0.8; 86 opacity: 0.8;
87 transition: opacity 150ms ease-in-out; 87 transition: opacity 150ms ease-in-out;
88 width: 96px; 88 width: 96px;
89 } 89 }
90 90
91 .round-button .caption { 91 .round-button .caption {
92 color: white; 92 color: white;
93 font-size: 24px; 93 font-size: 24px;
(...skipping 12 matching lines...) Expand all
106 106
107 #reload .button { 107 #reload .button {
108 background-image: url(../../../../ui/webui/resources/images/vr_reload.svg); 108 background-image: url(../../../../ui/webui/resources/images/vr_reload.svg);
109 } 109 }
110 110
111 #forward .button { 111 #forward .button {
112 transform: scaleX(-1); 112 transform: scaleX(-1);
113 } 113 }
114 114
115 #reload-ui-button { 115 #reload-ui-button {
116 background-color: #555;
117 color: white; 116 color: white;
118 font-size: 24px; 117 font-size: 24px;
119 padding: 12px; 118 padding: 12px;
120 } 119 }
121 120
121 #reload-ui-button:hover {
122 background-color: pink;
123 }
124
122 #url-indicator-container { 125 #url-indicator-container {
123 --tranX: 0; 126 --tranX: 0;
124 --tranY: -0.65; 127 --tranY: -0.65;
125 --tranZ: -1.2; 128 --tranZ: -1.2;
126 } 129 }
127 130
128 #url-indicator-border { 131 #url-indicator-border {
129 --fadeTimeMs: 500; 132 --fadeTimeMs: 500;
130 --fadeYOffset: -0.1; 133 --fadeYOffset: -0.1;
131 --opacity: 0.9; 134 --opacity: 0.9;
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
173 background-color: rgb(11, 128, 67); 176 background-color: rgb(11, 128, 67);
174 } 177 }
175 178
176 #url-indicator-warning-icon { 179 #url-indicator-warning-icon {
177 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); 180 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg);
178 background-color: rgb(199, 56, 33); 181 background-color: rgb(199, 56, 33);
179 } 182 }
180 183
181 #url-indicator #url { 184 #url-indicator #url {
182 color: #252525; 185 color: #252525;
183 font-size: 34px; 186 font-size: 48px;
184 overflow: hidden; 187 overflow: hidden;
185 white-space: nowrap; 188 white-space: nowrap;
189 width: 100%;
186 } 190 }
187 191
188 #url-indicator #path { 192 #url-indicator #path {
189 color: #868686; 193 color: #868686;
190 } 194 }
191 195
196 #omnibox-ui-element {
197 --tranX: 0;
198 --tranY: -0.1;
199 --tranZ: -1.0;
200 font-family: arial;
201 font-size: 16px;
202 background-color: transparent;
203 box-sizing: border-box;
204 width: 400px;
205 }
206
207 #suggestions {
208 border: 1px solid transparent;
209 box-sizing: border-box;
210 }
211
212 .suggestion {
213 align-items: center;
214 background-color: white;
215 border-left: 5px solid transparent;
216 border-right: 5px solid transparent;
217 box-sizing: border-box;
218 display: flex;
219 height: 24px;
220 overflow: hidden;
221 visibility: hidden;
222 white-space: nowrap;
223 }
224
225 .suggestion:hover {
226 background-color: orange;
227 }
228
229 #omnibox-url-element {
230 background-color: white;
231 border: 1px solid grey;
232 box-sizing: border-box;
233 display: flex;
234 flex-direction: row-reverse;
235 margin-top: 2px;
236 padding: 5px;
237 }
238
239 #omnibox-input-field {
240 border: none;
241 font-size: 16px;
242 outline: none;
243 overflow: hidden;
244 white-space: nowrap;
245 width: 100%;
246 }
247
248 #omnibox-clear-button {
249 background: url(../../../../ui/webui/resources/images/x-hover.png) no-repeat c enter center;
250 width: 18px;
251 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/vr_shell/vk.js ('k') | chrome/browser/resources/vr_shell/vr_shell_ui.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698