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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_screen.css

Issue 2688353003: Remove webkit prefixes for transform and perspective in chrome/ styles (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 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 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 * This contains common styling for all the OOBE screens. */ 5 * This contains common styling for all the OOBE screens. */
6 6
7 :root { 7 :root {
8 --oobe-roboto-medium: 500 12px Roboto; 8 --oobe-roboto-medium: 500 12px Roboto;
9 --oobe-roboto-bold: 700 12px Roboto; 9 --oobe-roboto-bold: 700 12px Roboto;
10 } 10 }
11 11
12 .step { 12 .step {
13 box-sizing: border-box; 13 box-sizing: border-box;
14 position: absolute; 14 position: absolute;
15 } 15 }
16 16
17 .step.animated:not(.faded) { 17 .step.animated:not(.faded) {
18 -webkit-transition: -webkit-transform 200ms ease-in-out, 18 -webkit-transition: transform 200ms ease-in-out,
19 opacity 200ms ease-in-out, 19 opacity 200ms ease-in-out,
20 visibility 200ms ease-in-out; 20 visibility 200ms ease-in-out;
21 } 21 }
22 22
23 .step.hidden { 23 .step.hidden {
24 visibility: hidden; 24 visibility: hidden;
25 } 25 }
26 26
27 .faded, 27 .faded,
28 .left, 28 .left,
29 .right { 29 .right {
30 opacity: 0; 30 opacity: 0;
31 } 31 }
32 32
33 .step.right { 33 .step.right {
34 -webkit-transform: translateX(50px); 34 transform: translateX(50px);
35 } 35 }
36 36
37 .step.left { 37 .step.left {
38 -webkit-transform: translateX(-50px) 38 transform: translateX(-50px)
39 } 39 }
40 40
41 .step.fullscreen { 41 .step.fullscreen {
42 height: 100%; 42 height: 100%;
43 left: 0; 43 left: 0;
44 right: 0; 44 right: 0;
45 top: 0; 45 top: 0;
46 width: 100%; 46 width: 100%;
47 } 47 }
48 48
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after
170 170
171 html[highlight=strong] #security-info a:focus, 171 html[highlight=strong] #security-info a:focus,
172 html[highlight=strong] #eula a:focus, 172 html[highlight=strong] #eula a:focus,
173 html[highlight=strong] .step-extra-controls a:focus, 173 html[highlight=strong] .step-extra-controls a:focus,
174 html[highlight=strong] .menu-control:focus, 174 html[highlight=strong] .menu-control:focus,
175 html[highlight=strong] input[type='button']:focus, 175 html[highlight=strong] input[type='button']:focus,
176 html[highlight=strong] button:focus { 176 html[highlight=strong] button:focus {
177 box-shadow: 0 0 23px rgb(77, 144, 254) !important; 177 box-shadow: 0 0 23px rgb(77, 144, 254) !important;
178 } 178 }
179 179
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698