| 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 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 152 display: block; | 152 display: block; |
| 153 font-size: 0.9em; | 153 font-size: 0.9em; |
| 154 font-weight: bold; | 154 font-weight: bold; |
| 155 height: 0; | 155 height: 0; |
| 156 line-height: 10px; | 156 line-height: 10px; |
| 157 margin: 0; | 157 margin: 0; |
| 158 overflow: hidden; | 158 overflow: hidden; |
| 159 } | 159 } |
| 160 | 160 |
| 161 span.hint.visible { | 161 span.hint.visible { |
| 162 -webkit-animation-duration: 200ms; | |
| 163 -webkit-animation-fill-mode: forwards; | |
| 164 -webkit-user-select: text; | 162 -webkit-user-select: text; |
| 163 animation-duration: 200ms; |
| 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; | 173 -webkit-transition: margin 150ms, height 150ms, opacity 150ms; |
| 174 background: transparent; | 174 background: transparent; |
| 175 height: 0 !important; | 175 height: 0 !important; |
| 176 margin: 0; | 176 margin: 0; |
| 177 opacity: 0; | 177 opacity: 0; |
| 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 -webkit-animation-duration: 200ms; | 186 animation-duration: 200ms; |
| 187 -webkit-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; | 192 -webkit-transition: margin 150ms, height 150ms, opacity 150ms; |
| 193 height: 0 !important; | 193 height: 0 !important; |
| 194 opacity: 0; | 194 opacity: 0; |
| 195 overflow: hidden; | 195 overflow: hidden; |
| 196 } | 196 } |
| 197 | 197 |
| (...skipping 17 matching lines...) Expand all Loading... |
| 215 .extra { | 215 .extra { |
| 216 background: white; | 216 background: white; |
| 217 height: 0; | 217 height: 0; |
| 218 opacity: 0; | 218 opacity: 0; |
| 219 padding-top: 0; | 219 padding-top: 0; |
| 220 position: absolute; | 220 position: absolute; |
| 221 visibility: hidden; | 221 visibility: hidden; |
| 222 } | 222 } |
| 223 | 223 |
| 224 .visible .extra { | 224 .visible .extra { |
| 225 -webkit-animation-duration: 200ms; | 225 animation-duration: 200ms; |
| 226 -webkit-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, | 236 -webkit-transition: padding-top 100ms, height 100ms, opacity 200ms, |
| 237 background 300ms; | 237 background 300ms; |
| 238 height: 0 !important; | 238 height: 0 !important; |
| 239 opacity: 0; | 239 opacity: 0; |
| 240 overflow: hidden; | 240 overflow: hidden; |
| 241 padding-top: 0; | 241 padding-top: 0; |
| 242 position: static; | 242 position: static; |
| 243 visibility: visible; | 243 visibility: visible; |
| 244 } | 244 } |
| 245 | 245 |
| 246 /* Individual settings sections */ | 246 /* Individual settings sections */ |
| 247 | 247 |
| 248 /* TODO(estade): this should be in a shared location but I'm afraid of the | 248 /* TODO(estade): this should be in a shared location but I'm afraid of the |
| 249 * damage it could do. */ | 249 * damage it could do. */ |
| 250 [hidden] { | 250 [hidden] { |
| 251 display: none !important; | 251 display: none !important; |
| 252 } | 252 } |
| 253 | 253 |
| 254 @-webkit-keyframes dancing-dots-jump { | 254 @keyframes dancing-dots-jump { |
| 255 0% { top: 0; } | 255 0% { top: 0; } |
| 256 55% { top: 0; } | 256 55% { top: 0; } |
| 257 60% { top: -10px; } | 257 60% { top: -10px; } |
| 258 80% { top: 3px; } | 258 80% { top: 3px; } |
| 259 90% { top: -2px; } | 259 90% { top: -2px; } |
| 260 95% { top: 1px; } | 260 95% { top: 1px; } |
| 261 100% { top: 0; } | 261 100% { top: 0; } |
| 262 } | 262 } |
| 263 | 263 |
| 264 span.jumping-dots > span { | 264 span.jumping-dots > span { |
| 265 -webkit-animation: dancing-dots-jump 1800ms infinite; | 265 animation: dancing-dots-jump 1800ms infinite; |
| 266 padding: 1px; | 266 padding: 1px; |
| 267 position: relative; | 267 position: relative; |
| 268 } | 268 } |
| 269 | 269 |
| 270 span.jumping-dots > span:nth-child(2) { | 270 span.jumping-dots > span:nth-child(2) { |
| 271 -webkit-animation-delay: 100ms; | 271 animation-delay: 100ms; |
| 272 } | 272 } |
| 273 | 273 |
| 274 span.jumping-dots > span:nth-child(3) { | 274 span.jumping-dots > span:nth-child(3) { |
| 275 -webkit-animation-delay: 300ms; | 275 animation-delay: 300ms; |
| 276 } | 276 } |
| 277 | 277 |
| 278 #print-header .button-strip { | 278 #print-header .button-strip { |
| 279 -webkit-box-orient: horizontal; | 279 -webkit-box-orient: horizontal; |
| 280 -webkit-box-pack: end; | 280 -webkit-box-pack: end; |
| 281 display: -webkit-box; | 281 display: -webkit-box; |
| 282 } | 282 } |
| 283 | 283 |
| 284 #print-header .button-strip button { | 284 #print-header .button-strip button { |
| 285 -webkit-margin-start: 9px; | 285 -webkit-margin-start: 9px; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 315 :enabled:focus:-webkit-any(input[type='checkbox'], | 315 :enabled:focus:-webkit-any(input[type='checkbox'], |
| 316 input[type='radio'], | 316 input[type='radio'], |
| 317 button) { | 317 button) { |
| 318 /* Cancel border-color for :focus specified in widgets.css. */ | 318 /* Cancel border-color for :focus specified in widgets.css. */ |
| 319 border-color: rgba(0,0,0,0.25); | 319 border-color: rgba(0,0,0,0.25); |
| 320 } | 320 } |
| 321 | 321 |
| 322 html:not(.focus-outline-visible) [is='action-link']:focus { | 322 html:not(.focus-outline-visible) [is='action-link']:focus { |
| 323 outline: none; | 323 outline: none; |
| 324 } | 324 } |
| OLD | NEW |