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

Side by Side Diff: ui/login/oobe.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/display_manager.js ('k') | ui/login/screen_container.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 * This is the stylesheet used by the Out of the box experience (OOBE) flow, 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow,
6 * sign in and lock screens. 6 * sign in and lock screens.
7 */ 7 */
8 8
9 html, 9 html,
10 body { 10 body {
(...skipping 18 matching lines...) Expand all
29 29
30 button { 30 button {
31 font-family: inherit; 31 font-family: inherit;
32 outline: none; 32 outline: none;
33 } 33 }
34 34
35 /* Follow same focus coloring as in widgets.css */ 35 /* Follow same focus coloring as in widgets.css */
36 /* Do not apply this style to restricted button state. */ 36 /* Do not apply this style to restricted button state. */
37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not( 37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not(
38 [is="gaia-icon-button"]) { 38 [is="gaia-icon-button"]) {
39 -webkit-transition: border-color 200ms;
40 border: 2px solid transparent; 39 border: 2px solid transparent;
41 /* Don't grey out disabled buttons. */ 40 /* Don't grey out disabled buttons. */
42 color: buttontext !important; 41 color: buttontext !important;
42 transition: border-color 200ms;
43 } 43 }
44 44
45 /* ':focus' used three times to increase specificity. */ 45 /* ':focus' used three times to increase specificity. */
46 button.custom-appearance:focus:focus:focus { 46 button.custom-appearance:focus:focus:focus {
47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */ 47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */
48 } 48 }
49 49
50 button:not(.custom-appearance) { 50 button:not(.custom-appearance) {
51 min-width: 72px !important; 51 min-width: 72px !important;
52 } 52 }
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
128 128
129 .flexible-label { 129 .flexible-label {
130 max-width: 250px; 130 max-width: 250px;
131 } 131 }
132 132
133 [hidden] { 133 [hidden] {
134 display: none !important; 134 display: none !important;
135 } 135 }
136 136
137 #bubble { 137 #bubble {
138 -webkit-transition: 250ms opacity; 138 transition: 250ms opacity;
139 } 139 }
140 140
141 span.bold { 141 span.bold {
142 font-weight: bold; 142 font-weight: bold;
143 } 143 }
144 144
145 #version-labels { 145 #version-labels {
146 -webkit-transition: all 500ms linear;
147 color: #fff; 146 color: #fff;
148 font-size: 11px; 147 font-size: 11px;
149 margin: 10px; 148 margin: 10px;
150 position: relative; 149 position: relative;
151 text-align: end; 150 text-align: end;
152 text-shadow: 151 text-shadow:
153 0 0 4px rgba(0,0,0,.6), 152 0 0 4px rgba(0,0,0,.6),
154 0 1px 2px rgba(0,0,0,.8), 153 0 1px 2px rgba(0,0,0,.8),
155 0 -1px 2px rgba(0,0,0,1); 154 0 -1px 2px rgba(0,0,0,1);
155 transition: all 500ms linear;
156 z-index: 1; 156 z-index: 1;
157 } 157 }
158 158
159 #background { 159 #background {
160 -webkit-transition: 700ms opacity;
161 background-size: 100% 100%; 160 background-size: 100% 100%;
162 height: 100%; 161 height: 100%;
163 left: 0; 162 left: 0;
164 position: absolute; 163 position: absolute;
165 top: 0; 164 top: 0;
165 transition: 700ms opacity;
166 width: 100%; 166 width: 100%;
167 } 167 }
168 168
169 .background-initial { 169 .background-initial {
170 opacity: 0; 170 opacity: 0;
171 } 171 }
172 172
173 .throbber { 173 .throbber {
174 -webkit-margin-end: 0.5em; 174 -webkit-margin-end: 0.5em;
175 margin-top: 1px; 175 margin-top: 1px;
176 } 176 }
OLDNEW
« no previous file with comments | « ui/login/display_manager.js ('k') | ui/login/screen_container.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698