diff options
| author | raylu <raylu@mixpanel.com> | 2011-07-10 13:50:27 -0700 |
|---|---|---|
| committer | raylu <raylu@mixpanel.com> | 2011-07-10 13:50:27 -0700 |
| commit | 91d78c52f26817d5904a8a031fa0bac0d49c6316 (patch) | |
| tree | 27bbcce06177be626e57cec7385a4e62944363d1 /views/pages | |
| parent | 6933531b74d2bc92a829703c629433b66ae6079a (diff) | |
| download | otakuhub-91d78c52f26817d5904a8a031fa0bac0d49c6316.tar.xz | |
make homepage scroll gradient work in webkit on non-OSX
use overlaid div with background instead of SVG mask
Diffstat (limited to 'views/pages')
| -rw-r--r-- | views/pages/home.html.php | 15 |
1 files changed, 3 insertions, 12 deletions
diff --git a/views/pages/home.html.php b/views/pages/home.html.php index c261efb..b682a27 100644 --- a/views/pages/home.html.php +++ b/views/pages/home.html.php @@ -4,19 +4,10 @@ $this->styles($this->html->style("/css/home.css")); <h1>The Otaku Social Network</h1> <a href="/users/signup" id="signup" class="gradient">Sign up!</a> -<svg height="0"> - <mask id="scrollmask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"> - <linearGradient id="g" gradientUnits="objectBoundingBox" x2="1" y2="0"> - <stop stop-color="white" stop-opacity="0" offset="0"/> - <stop stop-color="white" stop-opacity="1" offset="0.03"/> - <stop stop-color="white" stop-opacity="1" offset="0.89"/> - <stop stop-color="white" stop-opacity="0" offset="1"/> - </linearGradient> - <rect x="0.0" y="0.0" width="1.0" height="1.0" fill="url(#g)"/> - </mask> -</svg> <a class="prev browse left"></a> -<div id="scrollwrapper" style="mask: url(#scrollmask)"> +<div id="scrollwrapper"> + <div id="sg_left"></div> + <div id="sg_right"></div> <div id="browsable" class="scrollable"> <div class="items"> <div> |