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

Side by Side Diff: chrome/browser/resources/print_preview/print_preview.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
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 height: 100%; 6 height: 100%;
7 overflow: hidden; 7 overflow: hidden;
8 } 8 }
9 9
10 body { 10 body {
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
94 } 94 }
95 95
96 .two-column.visible .left-column, 96 .two-column.visible .left-column,
97 .two-column.visible .right-column { 97 .two-column.visible .right-column {
98 padding-bottom: 5px; 98 padding-bottom: 5px;
99 padding-top: 5px; 99 padding-top: 5px;
100 } 100 }
101 101
102 .two-column:not(.visible) .left-column, 102 .two-column:not(.visible) .left-column,
103 .two-column:not(.visible) .right-column { 103 .two-column:not(.visible) .right-column {
104 -webkit-transition: padding-bottom 150ms, padding-top 150ms;
105 padding-bottom: 0; 104 padding-bottom: 0;
106 padding-top: 0; 105 padding-top: 0;
106 transition: padding-bottom 150ms, padding-top 150ms;
107 } 107 }
108 108
109 .two-column:not(.visible) select { 109 .two-column:not(.visible) select {
110 border-top-width: 0; 110 border-top-width: 0;
111 margin-top: 0; 111 margin-top: 0;
112 padding-top: 0; 112 padding-top: 0;
113 } 113 }
114 114
115 p { 115 p {
116 -webkit-line-box-contain: block; 116 -webkit-line-box-contain: block;
(...skipping 23 matching lines...) Expand all
140 #print-preview button.default { 140 #print-preview button.default {
141 font-kerning: none; 141 font-kerning: none;
142 font-weight: bold; 142 font-weight: bold;
143 } 143 }
144 144
145 #print-preview button.default:not(:focus):not(:disabled) { 145 #print-preview button.default:not(:focus):not(:disabled) {
146 border-color: #808080; 146 border-color: #808080;
147 } 147 }
148 148
149 span.hint { 149 span.hint {
150 -webkit-transition: color 200ms;
151 background: white; 150 background: white;
152 display: block; 151 display: block;
153 font-size: 0.9em; 152 font-size: 0.9em;
154 font-weight: bold; 153 font-weight: bold;
155 height: 0; 154 height: 0;
156 line-height: 10px; 155 line-height: 10px;
157 margin: 0; 156 margin: 0;
158 overflow: hidden; 157 overflow: hidden;
158 transition: color 200ms;
159 } 159 }
160 160
161 span.hint.visible { 161 span.hint.visible {
162 -webkit-user-select: text; 162 -webkit-user-select: text;
163 animation-duration: 200ms; 163 animation-duration: 200ms;
164 animation-fill-mode: forwards; 164 animation-fill-mode: forwards;
165 color: rgb(140, 20, 20); 165 color: rgb(140, 20, 20);
166 height: auto; 166 height: auto;
167 margin-bottom: -5px; 167 margin-bottom: -5px;
168 margin-top: 5px; 168 margin-top: 5px;
169 padding-bottom: 5px; 169 padding-bottom: 5px;
170 } 170 }
171 171
172 span.hint.closing { 172 span.hint.closing {
173 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
174 background: transparent; 173 background: transparent;
175 height: 0 !important; 174 height: 0 !important;
176 margin: 0; 175 margin: 0;
177 opacity: 0; 176 opacity: 0;
177 transition: margin 150ms, height 150ms, opacity 150ms;
178 } 178 }
179 179
180 .collapsible { 180 .collapsible {
181 height: 0; 181 height: 0;
182 position: relative; 182 position: relative;
183 } 183 }
184 184
185 .collapsible.visible { 185 .collapsible.visible {
186 animation-duration: 200ms; 186 animation-duration: 200ms;
187 animation-fill-mode: forwards; 187 animation-fill-mode: forwards;
188 height: auto; 188 height: auto;
189 } 189 }
190 190
191 .collapsible.closing { 191 .collapsible.closing {
192 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
193 height: 0 !important; 192 height: 0 !important;
194 opacity: 0; 193 opacity: 0;
195 overflow: hidden; 194 overflow: hidden;
195 transition: margin 150ms, height 150ms, opacity 150ms;
196 } 196 }
197 197
198 .collapsible.closing > * { 198 .collapsible.closing > * {
199 position: absolute; 199 position: absolute;
200 } 200 }
201 201
202 select { 202 select {
203 width: 100%; 203 width: 100%;
204 } 204 }
205 205
(...skipping 20 matching lines...) Expand all
226 animation-fill-mode: forwards; 226 animation-fill-mode: forwards;
227 height: auto; 227 height: auto;
228 opacity: 1; 228 opacity: 1;
229 overflow: hidden; 229 overflow: hidden;
230 padding-bottom: 0; 230 padding-bottom: 0;
231 position: static; 231 position: static;
232 visibility: visible; 232 visibility: visible;
233 } 233 }
234 234
235 .closing .extra { 235 .closing .extra {
236 -webkit-transition: padding-top 100ms, height 100ms, opacity 200ms,
237 background 300ms;
238 height: 0 !important; 236 height: 0 !important;
239 opacity: 0; 237 opacity: 0;
240 overflow: hidden; 238 overflow: hidden;
241 padding-top: 0; 239 padding-top: 0;
242 position: static; 240 position: static;
241 transition: padding-top 100ms, height 100ms, opacity 200ms, background 300ms;
243 visibility: visible; 242 visibility: visible;
244 } 243 }
245 244
246 /* Individual settings sections */ 245 /* Individual settings sections */
247 246
248 /* TODO(estade): this should be in a shared location but I'm afraid of the 247 /* TODO(estade): this should be in a shared location but I'm afraid of the
249 * damage it could do. */ 248 * damage it could do. */
250 [hidden] { 249 [hidden] {
251 display: none !important; 250 display: none !important;
252 } 251 }
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
315 :enabled:focus:-webkit-any(input[type='checkbox'], 314 :enabled:focus:-webkit-any(input[type='checkbox'],
316 input[type='radio'], 315 input[type='radio'],
317 button) { 316 button) {
318 /* Cancel border-color for :focus specified in widgets.css. */ 317 /* Cancel border-color for :focus specified in widgets.css. */
319 border-color: rgba(0,0,0,0.25); 318 border-color: rgba(0,0,0,0.25);
320 } 319 }
321 320
322 html:not(.focus-outline-visible) [is='action-link']:focus { 321 html:not(.focus-outline-visible) [is='action-link']:focus {
323 outline: none; 322 outline: none;
324 } 323 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698