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

Side by Side Diff: ui/login/screen_container.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only 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
« no previous file with comments | « ui/login/oobe.css ('k') | ui/webui/resources/css/chrome_shared.css » ('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 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 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 5
6 #outer-container { 6 #outer-container {
7 -webkit-box-align: center; 7 -webkit-box-align: center;
8 -webkit-box-pack: center; 8 -webkit-box-pack: center;
9 bottom: 57px; /* Leave space for the header bar */ 9 bottom: 57px; /* Leave space for the header bar */
10 display: -webkit-box; 10 display: -webkit-box;
(...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after
118 #oobe.error-message #inner-container, 118 #oobe.error-message #inner-container,
119 #oobe.tpm-error-message #inner-container { 119 #oobe.tpm-error-message #inner-container {
120 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 120 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
121 0 4px 23px 5px rgba(0, 0, 0, 0.2), 121 0 4px 23px 5px rgba(0, 0, 0, 0.2),
122 0 2px 6px rgba(0, 0, 0, 0.15); 122 0 2px 6px rgba(0, 0, 0, 0.15);
123 123
124 } 124 }
125 125
126 /* Only play this animation when 'down' class is removed. */ 126 /* Only play this animation when 'down' class is removed. */
127 .oobe-display #inner-container:not(.down) { 127 .oobe-display #inner-container:not(.down) {
128 -webkit-transition: transform 200ms ease-in-out; 128 transition: transform 200ms ease-in-out;
129 } 129 }
130 130
131 .oobe-display #inner-container.down { 131 .oobe-display #inner-container.down {
132 transform: translateY(50px) rotateX(-2.5deg); 132 transform: translateY(50px) rotateX(-2.5deg);
133 } 133 }
134 134
135 #oobe:not([md-mode]) #step-logo { 135 #oobe:not([md-mode]) #step-logo {
136 -webkit-margin-start: 17px; 136 -webkit-margin-start: 17px;
137 display: -webkit-box; 137 display: -webkit-box;
138 position: absolute; 138 position: absolute;
139 top: 15px; 139 top: 15px;
140 } 140 }
141 141
142 #oobe[md-mode] #step-logo { 142 #oobe[md-mode] #step-logo {
143 display: none; 143 display: none;
144 } 144 }
145 145
146 #progress-dots { 146 #progress-dots {
147 -webkit-box-pack: center; 147 -webkit-box-pack: center;
148 -webkit-transition: opacity 200ms ease-in-out,
149 visibility 200ms ease-in-out;
150 display: -webkit-box; 148 display: -webkit-box;
151 margin-top: 15px; 149 margin-top: 15px;
150 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
152 } 151 }
153 152
154 #oobe[md-mode] #progress-dots { 153 #oobe[md-mode] #progress-dots {
155 display: none; 154 display: none;
156 } 155 }
157 156
158 /* Hidden for the duration of initial transition. */ 157 /* Hidden for the duration of initial transition. */
159 .oobe-display #progress-dots.down { 158 .oobe-display #progress-dots.down {
160 visibility: hidden; 159 visibility: hidden;
161 } 160 }
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
254 line-height: 31px; 253 line-height: 31px;
255 text-transform: lowercase; 254 text-transform: lowercase;
256 width: 23em; 255 width: 23em;
257 } 256 }
258 257
259 .header-section::before { 258 .header-section::before {
260 /* Divider in header between product name and title, 259 /* Divider in header between product name and title,
261 * like "[Product name] > [step header]". */ 260 * like "[Product name] > [step header]". */
262 content: '\00A0\203A\00A0\00A0'; 261 content: '\00A0\203A\00A0\00A0';
263 } 262 }
OLDNEW
« no previous file with comments | « ui/login/oobe.css ('k') | ui/webui/resources/css/chrome_shared.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698