[IMP] Parallax Snippet

bzr revid: fp@tinyerp.com-20130926174723-bm0mt96x36u21c5q

4 files changed, 36 insertions, 0 deletions

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index d3d275aac71..d5342cfdd74 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -337,6 +337,14 @@ footer {
   padding: 0 0 20px 0;
 }
 
+/* Parallax Theme */
+.parallax_full {
+  background: #eeeeee url(/website/static/src/img/parallax/parallax_bg.jpg) bottom center repeat fixed;
+  min-height: 650px;
+  width: 100%;
+  z-index: -999;
+}
+
 /* -- Hack for removing double scrollbar from mobile preview -- */
 div#mobile-preview.modal {
   overflow: hidden;
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 5e3468d9f33..25f45e3f7c4 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -255,6 +255,14 @@ footer
 #themes-list .well
     padding: 0 0 20px 0
 
+/* Parallax Theme */
+
+.parallax_full
+    background: #eee url(/website/static/src/img/parallax/parallax_bg.jpg) bottom center repeat fixed
+    min-height: 650px
+    width: 100%
+    z-index: -999
+
 /* -- Hack for removing double scrollbar from mobile preview -- */
 div#mobile-preview.modal
     overflow: hidden
diff --git a/addons/website/static/src/img/parallax/parallax_bg.jpg b/addons/website/static/src/img/parallax/parallax_bg.jpg
new file mode 100644
index 00000000000..aa1dd20f21a
--- /dev/null
+++ b/addons/website/static/src/img/parallax/parallax_bg.jpg
diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index af562606bbe..c73060ca8c5 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -60,11 +60,13 @@
                   <li><a href="#snippet_structure">Structure</a></li>
                   <li><a href="#snippet_content">Content</a></li>
                   <li><a href="#snippet_business">Business</a></li>
+                  <li><a href="#snippet_effect">Effects</a></li>
                 </ul>
                 <div class="pill-content">
                     <div id="snippet_structure"><label><div>Structure</div></label></div>
                     <div id="snippet_content"><label><div>Content</div></label></div>
                     <div id="snippet_business"><label><div>Business</div></label></div>
+                    <div id="snippet_effect"><label><div>Effects</div></label></div>
                 </div>
             </div>
         </div>
@@ -789,5 +791,23 @@
         </section>
     </div>
 
+    <div t-name="website.snippets.parallax" data-snippet-id='parallax' data-category='effect' data-selector-children='.oe_structure, [data-oe-type=html]'>
+        <div class='oe_snippet_thumbnail'>Parallax</div>
+        <section class="oe_snippet_body parallax_full oe_structure">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12 mt128 mb32">
+                        <h1 class="text-center">
+                            <b>Our References</b>
+                        </h1>
+                        <h3 class="text-center">
+                            More than 500 happy customers.
+                        </h3>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+
 
 </templates>