OLD | NEW |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |