Index: skin/firstRun.css |
=================================================================== |
--- a/skin/firstRun.css |
+++ b/skin/firstRun.css |
@@ -114,6 +114,65 @@ |
background-image: url(/skin/twitter.png); |
} |
+#glass-pane |
+{ |
+ position: absolute; |
+ top: 0; |
+ right: 0; |
+ bottom: 0; |
+ left: 0; |
+ background: rgba(0, 0, 0, 0.5); |
+ |
+ display: -webkit-box; |
+ -webkit-box-orient: horizontal; |
+ -webkit-box-pack: center; |
+ -webkit-box-align: center; |
+ |
+ display: box; |
+ box-orient: horizontal; |
+ box-pack: center; |
+ box-align: center; |
+} |
+ |
+#share-popup |
+{ |
+ width: 550px; |
+ height: 550px; |
+ 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; |
+} |
+ |
+#glass-pane.visible, #share-popup.visible |
+{ |
+ visibility: visible; |
+ opacity: 1; |
+} |
+ |
+#share-popup.visible |
+{ |
+ -webkit-transition-duration: 0.15s; |
+ transition-duration: 0.15s; |
+} |
+ |
/* Adjust font size on smaller screens */ |
@media (max-height: 800px) |
{ |