| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 html { | 6 html { |
| 7 font-family: segoe ui, arial, helvetica, sans-serif; | 7 font-family: segoe ui, arial, helvetica, sans-serif; |
| 8 font-size: 14px; | 8 font-size: 14px; |
| 9 /* It's necessary to put this here instead of in body in order to get the | 9 /* It's necessary to put this here instead of in body in order to get the |
| 10 background-size of 100% to work properly */ | 10 background-size of 100% to work properly */ |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 [hidden] { | 26 [hidden] { |
| 27 display: none !important; | 27 display: none !important; |
| 28 } | 28 } |
| 29 | 29 |
| 30 #notification-container { | 30 #notification-container { |
| 31 display: block; | 31 display: block; |
| 32 margin-top: 2px; | 32 margin-top: 2px; |
| 33 position: relative; | 33 position: relative; |
| 34 text-align: center; | 34 text-align: center; |
| 35 z-index: 100; | 35 z-index: 100; |
| 36 -webkit-transition-duration: 0.1s; | 36 -webkit-transition-duration: 100ms; |
| 37 -webkit-transition-property: opacity; | 37 -webkit-transition-property: opacity; |
| 38 } | 38 } |
| 39 | 39 |
| 40 #notification-container.inactive { | 40 #notification-container.inactive { |
| 41 opacity: 0; | 41 opacity: 0; |
| 42 -webkit-transition-duration: 0.2s; | 42 -webkit-transition-duration: 200ms; |
| 43 } | 43 } |
| 44 | 44 |
| 45 #notification { | 45 #notification { |
| 46 background-color: #FFF199; | 46 background-color: #FFF199; |
| 47 border: 1px solid lightGrey; | 47 border: 1px solid lightGrey; |
| 48 border-radius: 6px; | 48 border-radius: 6px; |
| 49 color: black; | 49 color: black; |
| 50 display: inline-block; | 50 display: inline-block; |
| 51 font-weight: bold; | 51 font-weight: bold; |
| 52 padding: 7px 15px; | 52 padding: 7px 15px; |
| (...skipping 174 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 227 } | 227 } |
| 228 | 228 |
| 229 /* Trash. *********************************************************************/ | 229 /* Trash. *********************************************************************/ |
| 230 | 230 |
| 231 #trash { | 231 #trash { |
| 232 height: 100%; | 232 height: 100%; |
| 233 position: absolute; | 233 position: absolute; |
| 234 opacity: 0; | 234 opacity: 0; |
| 235 right: 0; | 235 right: 0; |
| 236 top: 50px; | 236 top: 50px; |
| 237 -webkit-transition: top 0.2s, opacity 0; | 237 -webkit-transition: top 200ms, opacity 0; |
| 238 -webkit-transition-delay: 0, 0.2s; | 238 -webkit-transition-delay: 0, 200ms; |
| 239 } | 239 } |
| 240 | 240 |
| 241 #footer.showing-trash-mode #trash { | 241 #footer.showing-trash-mode #trash { |
| 242 opacity: 1; | 242 opacity: 1; |
| 243 top: 0; | 243 top: 0; |
| 244 -webkit-transition-delay: 0, 0; | 244 -webkit-transition-delay: 0, 0; |
| 245 } | 245 } |
| 246 | 246 |
| 247 #trash > span { | 247 #trash > span { |
| 248 background-image: url('images/trash.png'); | 248 background-image: url('images/trash.png'); |
| (...skipping 21 matching lines...) Expand all Loading... |
| 270 padding: 0; | 270 padding: 0; |
| 271 position: absolute; | 271 position: absolute; |
| 272 margin: 0; | 272 margin: 0; |
| 273 max-width: 150px; | 273 max-width: 150px; |
| 274 min-width: 90px; | 274 min-width: 90px; |
| 275 outline: none; | 275 outline: none; |
| 276 top: 0; | 276 top: 0; |
| 277 z-index: 5; | 277 z-index: 5; |
| 278 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 278 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
| 279 } | 279 } |
| OLD | NEW |