| Index: skin/firstRun.css |
| =================================================================== |
| --- a/skin/firstRun.css |
| +++ b/skin/firstRun.css |
| @@ -114,6 +114,14 @@ |
| background-image: url(/skin/twitter.png); |
| } |
| +#glass-pane, #share-popup |
| +{ |
| + visibility: hidden; |
| + opacity: 0; |
| + -webkit-transition-property: opacity, visibility; |
| + transition-property: opacity, visibility; |
| +} |
| + |
| #glass-pane |
| { |
| position: absolute; |
| @@ -121,7 +129,7 @@ |
| right: 0; |
| bottom: 0; |
| left: 0; |
| - background: rgba(0, 0, 0, 0.5); |
| + background: rgba(0, 0, 0, 0.5) url(/skin/ajax-loader.gif) no-repeat 50% 50%; |
| display: -webkit-box; |
| -webkit-box-orient: horizontal; |
| @@ -132,31 +140,16 @@ |
| box-orient: horizontal; |
| box-pack: center; |
| box-align: center; |
| -} |
| -#share-popup |
| -{ |
| - border: none; |
| -} |
| - |
| -#glass-pane, #share-popup |
| -{ |
| - visibility: hidden; |
| - opacity: 0; |
| - -webkit-transition-property: opacity, visibility; |
| - transition-property: opacity, visibility; |
| -} |
| - |
| -#glass-pane |
| -{ |
| -webkit-transition-duration: 0.2s; |
| transition-duration: 0.2s; |
| } |
| #share-popup |
| { |
| - -webkit-transition-duration: 0.1s; |
| - transition-duration: 0.1s; |
| + border: none; |
| + -webkit-transition-delay: 0.1s; |
| + transition-delay: 0.1s; |
| } |
| #glass-pane.visible, #share-popup.visible |