Unified Diff: skin/firstRun.css
Issue 8615139:
adblockpluschrome: Open share page in lightbox (Closed)
Patch Set:
Created Oct. 25, 2012, 9:57 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« firstRun.js ('K')
|
« firstRun.js ('k')
|
no next file »
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| 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: opactiy, visibility; |
|
Wladimir Palant
2012/10/25 10:45:03
opactiy => opacity?
Felix Dahlke
2012/10/25 12:00:51
Yes, ouch.
|
| +} |
| + |
| +#glass-pane |
| +{ |
| + -webkit-transition-duration: 0.2s; |
| + transition-duration: 0.2s; |
|
Wladimir Palant
2012/10/25 10:45:03
Maybe merge this with the #glass-pane rules above?
Felix Dahlke
2012/10/25 12:00:51
This is actually what I came up with fine tuning t
|
| +} |
| + |
| +#share-popup |
| +{ |
| + -webkit-transition-duration: 0.1s; |
| + transition-duration: 0.1s; |
| +} |
|
Wladimir Palant
2012/10/25 10:45:03
Maybe merge this with the #share-popup rules above
Felix Dahlke
2012/10/25 12:00:51
Same as above.
|
| + |
| +#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) |
| { |
