From 34e26dbfb171abef4b39f1e4aa4f3ce2097b1ff8 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Wed, 8 Jul 2015 18:57:08 +0200
Subject: [PATCH 01/11] [FIX] website: 92 is beautiful

Arbitrary 93px make the menu (with all snippets to drag and drop) bugged.
We have one snippet by line...

why not 91 :/ ? I dont know...
---
 addons/website/static/src/css/snippets.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/website/static/src/css/snippets.css b/addons/website/static/src/css/snippets.css
index 4d3f2c6c5ff..4c219f7dda8 100644
--- a/addons/website/static/src/css/snippets.css
+++ b/addons/website/static/src/css/snippets.css
@@ -104,7 +104,7 @@
 .oe_snippet {
   display: inline-block;
   vertical-align: top;
-  width: 93px;
+  width: 92px;
   margin-left: 3px;
   margin-right: 3px;
   margin-top: 1px;

From 9b11430887bf7369efe359781a579831d0f717a8 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Wed, 8 Jul 2015 18:58:04 +0200
Subject: [PATCH 02/11] [FIX] website: basic banner snippet - allow to change
 background after that the snippet is dropped

---
 addons/website/views/snippets.xml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 2272ed40537..d280a8dde9a 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -3,13 +3,13 @@
 <data>
 
 <template id="s_banner" name="Banner">
-    <div id="myCarousel" class="carousel slide s_banner" data-interval="10000" style="height: 320px;">
+    <div id="myCarousel" class="carousel slide s_banner oe_custom_bg" data-interval="10000" style="height: 320px;">
         <!-- Indicators -->
         <ol class="carousel-indicators hidden">
             <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
         </ol>
         <div class="carousel-inner">
-            <div class="item active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
+            <div class="item oe_img_bg oe_custom_bg active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
                 <div class="container">
                     <div class="row content">
                         <div class="carousel-content col-md-6 col-xs-12 mt64">

From 2254a970d426da5f23bddcb21eca58e7556e1742 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Thu, 9 Jul 2015 16:30:16 +0200
Subject: [PATCH 03/11] [FIX] report: use hardcoded viewport in wkhtmltopdf to
 use col-md-* Bootstrap

Without this, wkhtmltopdf, don't use media query from bootstrap and so respect
only col-xs-* class (xs by default because no media query).

Viewport from wkhtmltopdf is not really respected, so 1024x768 or 1920x768 will
not change the real view port, but only use the right media query.
---
 addons/report/models/report.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/addons/report/models/report.py b/addons/report/models/report.py
index 11937235a77..261050d98a8 100644
--- a/addons/report/models/report.py
+++ b/addons/report/models/report.py
@@ -375,6 +375,8 @@ class Report(osv.Model):
         :returns: Content of the pdf as a string
         """
         command_args = []
+        if wkhtmltopdf_state == "ok":
+            command_args.extend(['--viewport-size', '1024x768'])
 
         # Passing the cookie to wkhtmltopdf in order to resolve internal links.
         try:

From fa7d32e722a8b50e0c9e2d04217ec44fa6cd1b3a Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Thu, 9 Jul 2015 11:17:56 +0200
Subject: [PATCH 04/11] [REV] website, website_quote: partial revert of
 d1d8802/ed9f8fd

This hack was just good to print, but break all repsonsive snippets.
Previous commit specify the use of col-md when printing, and so avoid
to add xs anywhere !
---
 addons/website/views/snippets.xml             | 84 +++++++++----------
 .../data/website_quotation_data.xml           |  8 +-
 .../data/website_quotation_demo.xml           | 76 ++++++++---------
 3 files changed, 82 insertions(+), 86 deletions(-)

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index d280a8dde9a..c730fd55cac 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -12,7 +12,7 @@
             <div class="item oe_img_bg oe_custom_bg active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
                 <div class="container">
                     <div class="row content">
-                        <div class="carousel-content col-md-6 col-xs-12 mt64">
+                        <div class="carousel-content col-md-6 mt64">
                                 <h2>Your Banner Title</h2>
                                 <h3>Click to customize this text</h3>
                                 <p>
@@ -35,7 +35,7 @@
     <section class="s_text_image">
         <div class="container">
             <div class="row">
-                <div class="col-md-6 col-xs-6 mt16">
+                <div class="col-md-6 mt16">
                     <h3>A Section Subtitle</h3>
                     <p>
                         Write one or two paragraphs describing your product or
@@ -46,7 +46,7 @@
                         and give it to them.
                     </p>
                 </div>
-                <div class="col-md-6 col-xs-6 mt16">
+                <div class="col-md-6 mt16">
                   <img class="img img-responsive shadow mb16" src="/website/static/src/img/text_image.png" alt="Odoo text and image block"/>
                 </div>
             </div>
@@ -58,10 +58,10 @@
     <section class="s_image_text">
         <div class="container">
             <div class="row">
-                <div class="col-md-6 col-xs-6 mt16">
+                <div class="col-md-6 mt16">
                   <img class="img img-responsive shadow mb16" src="/website/static/src/img/image_text.jpg"  alt="Odoo image and text block"/>
                 </div>
-                <div class="col-md-6 col-xs-6 mt16">
+                <div class="col-md-6 mt16">
                     <h3>A Section Subtitle</h3>
                     <p>
                         Write one or two paragraphs describing your product,
@@ -81,7 +81,7 @@
     <section class="s_text_image_floating">
         <div class="container">
             <div class="row">
-                <div class="col-md-12 col-xs-12 mb16 mt16">
+                <div class="col-md-12 mb16 mt16">
                     <div class="o_image_floating o_margin_l pull-right">
                         <div class="o_container">
                             <img class="img img-rounded img-responsive" src="/website/static/src/img/odoo.jpg"  alt="Odoo Members"/>
@@ -140,13 +140,13 @@
     <section class="s_text_block">
         <div class="container">
             <div class="row">
-                <div class="col-md-12 col-xs-12 text-center mt16 mb32">
+                <div class="col-md-12 text-center mt16 mb32">
                     <h2>
                         A Great Headline
                     </h2>
                     <h3 class="text-muted">A good subtitle</h3>
                 </div>
-                <div class="col-md-12 col-xs-12 mb16 mt16">
+                <div class="col-md-12 mb16 mt16">
                     <p>
                         A great way to catch your reader's attention is to tell a story.
                         Everything you consider writing can be told as a story.
@@ -173,7 +173,7 @@
     <section class="s_title">
         <div class="container">
             <div class="row">
-                <div class="col-md-12 col-xs-12">
+                <div class="col-md-12">
                     <h1 class="text-center">Your Website Title</h1>
                     <h3 class="text-muted text-center">And a great subtitle too</h3>
                 </div>
@@ -186,17 +186,17 @@
     <section class="s_features">
         <div class="container">
             <div class="row mt16 mb16">
-                <div class="col-md-4 col-xs-4  text-center">
+                <div class="col-md-4 text-center">
                     <span class="fa fa-suitcase fa-5x"></span>
                     <h3 class="mt8 mb0">First Feature</h3>
                     <p class="text-muted">Tell what's the value for the<br/>customer for this feature.</p>
                 </div>
-                <div class="col-md-4 col-xs-4 text-center">
+                <div class="col-md-4 text-center">
                     <span class="fa fa-lock fa-5x"></span>
                     <h3 class="mt8 mb0">Second Feature</h3>
                     <p class="text-muted">Write what the customer would like to know,<br/>not what you want to show.</p>
                 </div>
-                <div class="col-md-4 col-xs-4 text-center">
+                <div class="col-md-4 text-center">
                     <span class="fa fa-heart fa-5x"></span>
                     <h3 class="mt8 mb0">Third Feature</h3>
                     <p class="text-muted">A small explanation of this great<br/>feature, in clear words.</p>
@@ -210,13 +210,13 @@
     <section class="oe_dark s_big_picture">
         <div class="container">
             <div class="row">
-                <div class="col-md-12 col-xs-12 text-center mt32 mb32">
+                <div class="col-md-12 text-center mt32 mb32">
                     <h2>A Punchy Headline</h2>
                 </div>
-                <div class="col-md-12 col-xs-12">
+                <div class="col-md-12">
                   <img class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"  alt="Odoo CMS - a big picture"/>
                 </div>
-                <div class="col-md-6 col-xs-6 col-md-offset-3 col-xs-offset-3 mb16 mt16">
+                <div class="col-md-6 col-md-offset-3 mb16 mt16">
                     <p class="text-center">
                         <b>A Small Subtitle</b>
                     </p>
@@ -238,7 +238,7 @@
     <section class="s_three_columns">
         <div class="container">
             <div class="row">
-                <div class="col-md-4 col-xs-4">
+                <div class="col-md-4">
                     <img class="img img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg" alt="Odoo - Sample 1 for three columns"/>
                     <h4 class="mt16">Feature One</h4>
                     <p>
@@ -247,7 +247,7 @@
                         column and use the top icons to perform your action.
                     </p>
                 </div>
-                <div class="col-md-4 col-xs-4">
+                <div class="col-md-4">
                     <img class="img img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg" alt="Odoo - Sample 2 for three columns"/>
                     <h4 class="mt16">Feature Two</h4>
                     <p>
@@ -257,7 +257,7 @@
                         one as a copy.
                     </p>
                 </div>
-                <div class="col-md-4 col-xs-4">
+                <div class="col-md-4">
                     <img class="img img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg" alt="Odoo - Sample 3 for three columns"/>
                     <h4 class="mt16">Feature Three</h4>
                     <p>
@@ -345,12 +345,12 @@
     <section class="s_comparisons">
         <div class="container">
           <div class="row">
-            <div class="col-md-12 col-xs-12 text-center mt16 mb32">
+            <div class="col-md-12 text-center mt16 mb32">
                 <h2>Our Offers</h2>
             </div>
           </div>
           <div class="row">
-            <div class="col-md-4 col-xs-4">
+            <div class="col-md-4">
                 <div class="panel panel-info">
 
                   <div class="panel-heading text-center">
@@ -379,7 +379,7 @@
                   </div>
                 </div>
             </div>
-            <div class="col-md-4 col-xs-4">
+            <div class="col-md-4">
                 <div class="panel panel-primary">
 
                   <div class="panel-heading text-center">
@@ -408,7 +408,7 @@
                   </div>
                 </div>
             </div>
-            <div class="col-md-4 col-xs-4">
+            <div class="col-md-4">
                 <div class="panel panel-info">
 
                   <div class="panel-heading text-center">
@@ -447,14 +447,14 @@
     <section class="jumbotron s_button">
         <div class="container">
             <div class="row">
-                <div class="col-md-9 col-xs-9 text-muted">
+                <div class="col-md-9 text-muted">
                     <p class="mb0">
                         <strong>50,000+ companies run Odoo to grow their businesses.</strong>
                     </p><p class="mb0">
                         Join us and make your company a better place.
                     </p>
                 </div>
-                <div class="col-md-3 col-xs-3">
+                <div class="col-md-3">
                     <a href="/page/website.contactus" class="btn btn-primary btn-lg pull-right mt8">
                         <i class="fa fa-arrow-right"></i>
                         Contact Us Now
@@ -511,7 +511,7 @@
     <section class="s_references">
         <div class="container">
             <div class="row">
-                <div class="col-md-12 col-xs-12">
+                <div class="col-md-12">
                     <h1 class="text-center">
                         Our References
                     </h1>
@@ -519,7 +519,7 @@
                         More than 500 happy customers.
                     </h3>
                 </div>
-                <div class="col-md-4 col-xs-4 col-md-offset-1 col-xs-offset-1 mt16 mb32">
+                <div class="col-md-4 col-md-offset-1 mt16 mb32">
                     <blockquote>
                         <p>
                             Write a quote here from one of your customers. Quotes are a
@@ -528,7 +528,7 @@
                         <small>Author of this quote</small>
                     </blockquote>
                 </div>
-                <div class="col-md-4 col-xs-4 col-md-offset-2 col-xs-offset-2 mt16 mb32">
+                <div class="col-md-4 col-md-offset-2 mt16 mb32">
                     <blockquote>
                         <p>
                             Odoo provides essential platform for our project management.
@@ -537,19 +537,19 @@
                         <small>John Doe, CEO</small>
                     </blockquote>
                 </div>
-                <div class="col-md-2 col-xs-2 col-md-offset-1 col-xs-offset-1">
+                <div class="col-md-2 col-md-offset-1">
                   <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
                 </div>
-                <div class="col-md-2 col-xs-2">
+                <div class="col-md-2">
                   <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
                 </div>
-                <div class="col-md-2 col-xs-2">
+                <div class="col-md-2">
                   <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
                 </div>
-                <div class="col-md-2 col-xs-2">
+                <div class="col-md-2">
                   <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
                 </div>
-                <div class="col-md-2 col-xs-2">
+                <div class="col-md-2">
                   <img src="/website/static/src/img/openerp_logo.png" class="img img-responsive img-thumbnail" alt="OpenERP logo"/>
                 </div>
             </div>
@@ -610,43 +610,43 @@
     <section class="s_feature_grid">
         <div class="container">
             <div class="row">
-                <div class="col-md-5 col-xs-5 text-center">
+                <div class="col-md-5 text-center">
                     <div class="col-md-12 mt16 mb16">
                         <h2>List of Features</h2>
                         <h4 class="text-muted">Add a great slogan</h4>
                     </div>
-                    <div class="col-md-12 col-xs-12">
+                    <div class="col-md-12">
                         <span style="min-width: 45px" class="fa fa-3x fa-comment pull-left mb16"></span>
                         <h3 class="mt0 mb0">Change Icons</h3>
                         <p>Click on the icon to adapt it to your feature</p>
                     </div>
-                    <div class="col-md-12 col-xs-12">
+                    <div class="col-md-12">
                         <span style="min-width: 45px" class="fa fa-3x fa-columns pull-left mb16"></span>
                         <h3 class="mt0 mb0">Duplicate</h3>
                         <p>Duplicate blocks to add more features.</p>
                     </div>
-                    <div class="col-md-12 col-xs-12">
+                    <div class="col-md-12">
                         <span style="min-width: 45px" class="fa fa-3x fa-user pull-left mb16"></span>
                         <h3 class="mt0 mb0">Delete Blocks</h3>
                         <p class="text-muted">Select and delete blocks to remove some features.</p>
                     </div>
                 </div>
                 <div class="col-md-5 text-center col-md-offset-2">
-                    <div class="col-md-12 col-xs-12 mt16 mb16">
+                    <div class="col-md-12 mt16 mb16">
                         <h2>Second List</h2>
                         <h4 class="text-muted">Add a great slogan</h4>
                     </div>
-                    <div class="col-md-12 col-xs-12">
+                    <div class="col-md-12">
                         <span style="min-width: 45px" class="fa fa-3x fa-magic pull-left mb16"></span>
                         <h3 class="mt0 mb0">Great Value</h3>
                         <p>Tell features the visitor would like to know, not what you'd like to say.</p>
                     </div>
-                    <div class="col-md-12 col-xs-12">
+                    <div class="col-md-12">
                         <span style="min-width: 45px" class="fa fa-3x fa-bolt pull-left mb16"></span>
                         <h3 class="mt0 mb0">Change Background</h3>
                         <p>From the main container, you can change the background to highlight features.</p>
                     </div>
-                    <div class="col-md-12 col-xs-12">
+                    <div class="col-md-12">
                         <span style="min-width: 45px" class="fa fa-3x fa-picture-o pull-left mb16"></span>
                         <h3 class="mt0 mb0">Sample images</h3>
                         <p>All these icons are licensed under creative commons so that you can use them.</p>
@@ -886,7 +886,6 @@
     <div data-js='gallery' data-selector=".o_gallery">
         <li class="dropdown-submenu">
             <a tabindex="-2" href="#">Mode</a>
-
             <ul class="dropdown-menu">
                 <li data-mode="nomode"   > <a>Float</a></li>
                 <li data-mode="masonry"  > <a>Masonry</a> </li>
@@ -907,7 +906,6 @@
         </li>
         <li class="dropdown-submenu">
             <a tabindex="-2" href="#">Columns</a>
-
             <ul class="dropdown-menu">
                 <li data-columns="1"  > <a>1</a> </li>
                 <li data-columns="2"  > <a>2</a> </li>
@@ -929,7 +927,6 @@
         </li>
         <li class="dropdown-submenu">
            <a tabindex="-2" href="#">Styling</a>
-
            <ul class="dropdown-menu">
                <li data-styling=""              ><a>Square</a></li>
                <li data-styling="img-rounded"   ><a>Rounded corners</a></li>
@@ -1057,7 +1054,6 @@
     </div>
 
     <!-- t-field -->
-
     <div data-js='many2one'
         data-selector="[data-oe-many2one-model]"
         data-no-check="true">
diff --git a/addons/website_quote/data/website_quotation_data.xml b/addons/website_quote/data/website_quotation_data.xml
index b4613bd5e6d..40335af3dff 100644
--- a/addons/website_quote/data/website_quotation_data.xml
+++ b/addons/website_quote/data/website_quotation_data.xml
@@ -101,7 +101,7 @@
                 </section>
                 <section data-snippet-id="text-block">
                     <div class="row">
-                        <div class="col-md-12 col-xs-12">
+                        <div class="col-md-12">
                             <p>
                                 <h3 class="text-muted">Our offer is based on 3 commitments, which drive our business and our partners:</h3>
                             </p>
@@ -110,7 +110,7 @@
                 </section>
                 <section data-snippet-id="quality">
                     <div class="row mt32">
-                        <div class="col-md-4 col-xs-4">
+                        <div class="col-md-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <center><h3 class="panel-title">Quality</h3></center>
@@ -122,7 +122,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-4 col-xs-4">
+                        <div class="col-md-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <center><h3 class="panel-title">Service</h3></center>
@@ -134,7 +134,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-4 col-xs-4">
+                        <div class="col-md-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <center><h3 class="panel-title">Price</h3></center>
diff --git a/addons/website_quote/data/website_quotation_demo.xml b/addons/website_quote/data/website_quotation_demo.xml
index 6f3c1354733..8c38162a286 100644
--- a/addons/website_quote/data/website_quotation_demo.xml
+++ b/addons/website_quote/data/website_quotation_demo.xml
@@ -59,7 +59,7 @@
                 </section>
                 <section>
                     <div class="row">
-                        <div class="col-md-12 col-xs-12">
+                        <div class="col-md-12">
                             <p>
                                 Our partnership offer includes all you need to
                                 grow your business and deliver quality services
@@ -80,7 +80,7 @@
 
                 <section>
                     <div class="row mt32">
-                        <div class="col-md-4 col-xs-4">
+                        <div class="col-md-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <h3 class="panel-title">A Valuable Product</h3>
@@ -90,14 +90,15 @@
                                        Deliver <strong>strong value added services</strong> as you can
                                        rely on a leading open source software, with
                                        the support of the publisher.
-                                   <p></p>
+                                   <p>
+                                   </p>
                                        <strong>Grow with your existing customer base</strong>
                                        by continuously proposing new modules.
                                    </p>
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-4 col-xs-4">
+                        <div class="col-md-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <h3 class="panel-title">A Strong Demand</h3>
@@ -113,7 +114,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-4 col-xs-4">
+                        <div class="col-md-4">
                             <div class="panel panel-info">
                                 <div class="panel-heading">
                                    <h3 class="panel-title">High Margins</h3>
@@ -147,10 +148,10 @@
 
                 <section>
                     <div class="row">
-                        <div class="col-md-12 col-xs-12">
+                        <div class="col-md-12">
                             <h2>Get access to our experts</h2>
                         </div>
-                        <div class="col-md-7 col-xs-7">
+                        <div class="col-md-7">
                             <p>
                                 For an extra fee, partners can get access to Odoo's
                                 core developers and functional experts. This can help
@@ -159,7 +160,7 @@
                                 consultants on demand.
                             </p>
                         </div>
-                        <div class="col-md-5 col-xs-5">
+                        <div class="col-md-5">
                             <img src="/website_quote/static/src/img/partner_icon_01.png"/>
                         </div>
                     </div>
@@ -167,10 +168,10 @@
 
                 <section>
                     <div class="row">
-                        <div class="col-md-12 col-xs-12">
+                        <div class="col-md-12">
                             <h2>Official certified partner</h2>
                         </div>
-                        <div class="col-md-7 col-xs-7">
+                        <div class="col-md-7">
                             <p>
                                 Odoo promotes its partners through various ways:
                                 publication on our website, official communication,
@@ -180,7 +181,7 @@
                                 directory listing.
                             </p>
                         </div>
-                        <div class="col-md-5 col-xs-5">
+                        <div class="col-md-5">
                             <img src="/website_quote/static/src/img/openerp_gold_partner.png"/>
                         </div>
                     </div>
@@ -188,10 +189,10 @@
 
                 <section>
                     <div class="row">
-                        <div class="col-md-12 col-xs-12">
+                        <div class="col-md-12">
                             <h2>Access to the Lead</h2>
                         </div>
-                        <div class="col-md-7 col-xs-7">
+                        <div class="col-md-7">
                             <p>
                                 Every year, we redirect more than 100,000 customer
                                 requests to our official partners. These are prospects
@@ -201,7 +202,7 @@
                                 (nearest partner) and the grade of the partner.
                             </p>
                         </div>
-                        <div class="col-md-5 col-xs-5">
+                        <div class="col-md-5">
                             <img src="/website_quote/static/src/img/partner_icon_02.png" class="img"/>
                         </div>
                     </div>
@@ -222,10 +223,10 @@
                 <section class="mb32">
                     <h2>Test developments automatically</h2>
                     <div class="row">
-                        <div class="col-md-5 col-xs-5">
+                        <div class="col-md-5">
                             <img src="/website_quote/static/src/img/partner_sc_01.png" class="img shadow"/>
                         </div>
-                        <div class="col-md-7 col-xs-7">
+                        <div class="col-md-7">
                             <p class="mt23">
                                 Save time in your implementation project by having your
                                 developments tested automatically by our automated test
@@ -259,7 +260,7 @@
                 </section>
                 <section>
                     <div class="row">
-                        <div class="col-md-12 col-xs-12 mb32">
+                        <div class="col-md-12 mb32">
                             <p>These courses feature the same high quality course content found in our traditional classroom trainings, supplemented with modular sessions and cloud-based labs. Many of our online learning courses also include dozens of recorded webinars and live sessions by our senior instructors. At the end of the training, you can pass the Odoo Certification exam in one of the 5000+ Pearson VUE test centers worldwide.</p>
                         </div>
                         <div class="col-md-offset-1">
@@ -271,13 +272,13 @@
                                 <li>Better comfort to facilitate your learning process</li>
                             </ul>
                         </div>
-                        <div class="col-md-12 col-xs-12">
+                        <div class="col-md-12">
                             <h2>Structure of the Training</h2>
                         </div>
                         <div class="col-md-5 col-md-offset-1 mt16 mb16">
                             <img class="img img-responsive" src="/website_quote/static/src/img/online_training.png"/>
                         </div>
-                        <div class="col-md-6 col-xs-6 mt32">
+                        <div class="col-md-6 mt32">
                             <h4><strong>There are three components to the training</strong></h4>
                             <ul>
                                 <li>Videos with detailed demos</li>
@@ -304,21 +305,20 @@
                 <section id="whatsuit">
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 col-xs-12 text-center mb8 mt0">
+                            <div class="col-md-12 text-center mb8 mt0">
                                 <h2>Course Summary</h2>
                             </div>
-                            <div class="col-md-12 col-xs-12 mt16 mb0">
+                            <div class="col-md-12 mt16 mb0">
                                 <p><span style="text-align: -webkit-center; ">This course is dedicated to developers who need to grasp knowledge of the <strong>business applications development </strong>process. This course is for new developers or for IT professionals eager to learn more about technical aspects.</span></p>
                             </div>
                         </div>
                     </div>
                     <div class="container">
                         <div class="row">
-
-                            <div class="col-md-12 col-xs-12 text-center mt0 mb16">
+                            <div class="col-md-12 text-center mt0 mb16">
                                 <h2>What you will learn?</h2>
                             </div>
-                            <div class="col-md-4 col-xs-4">
+                            <div class="col-md-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 1</h3>
@@ -337,7 +337,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-md-4 col-xs-4">
+                            <div class="col-md-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 2</h3>
@@ -358,7 +358,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-md-4 col-xs-4">
+                            <div class="col-md-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 3</h3>
@@ -384,11 +384,11 @@
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 col-xs-12 text-center mb16 mt0">
+                            <div class="col-md-12 text-center mb16 mt0">
                                 <h2>Requirements</h2>
                             </div>
 
-                            <div class="col-md-12 col-xs-12 mb16 mt16">
+                            <div class="col-md-12 mb16 mt16">
                                 <p><strong>Objectives:</strong></p>
 
                                 <p><strong>Having attended this course, participants should be able to:</strong></p>
@@ -396,20 +396,20 @@
                                 <ul><li>Understand the development concepts and architecture;</li>
                                     <li>Install and administer your own server;</li>
                                     <li>Develop a new module for a particular application.</li>
-                                </ul><p>&#160;</p>
+                                </ul><p>&amp;nbsp;</p>
 
                                 <p><strong>Our prices include:</strong></p>
 
                                 <ul><li>drinks and lunch;</li>
                                     <li>training material.</li>
-                                </ul><p>&#160;</p>
+                                </ul><p>&amp;nbsp;</p>
 
                                 <p><strong>Requirements:</strong></p>
 
                                 <ul><li>Bring your own laptop.</li>
                                     <li>Participants are expected to have some knowledge in programming. A basic knowledge of the Python programming is recommended.</li>
                                     <li>Participants preferably have a functional knowledge of our software (see Functional Training).</li>
-                                </ul><p>&#160;</p>
+                                </ul><p>&amp;nbsp;</p>
 
                                 <p>To get more information, visit the <a href="https://www.odoo.com/">Odoo Official Website</a>.</p>
                             </div>
@@ -434,10 +434,10 @@
                 <section>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 col-xs-12 text-center mb8 mt0">
+                            <div class="col-md-12 text-center mb8 mt0">
                                 <h2>Objectives</h2>
                             </div>
-                            <div class="col-md-12 col-xs-12 mt16 mb0">
+                            <div class="col-md-12 mt16 mb0">
                                 <p><span style="text-align: -webkit-center; ">Upon completion of the training, the participant will be able to:</span></p>
                                 <ul class="list-group">
                                     <li class="list-group-item"> Install and administer Odoo.</li>
@@ -454,10 +454,10 @@
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 col-xs-12 text-center mt0 mb16">
+                            <div class="col-md-12 text-center mt0 mb16">
                                 <h2>What you will learn?</h2>
                             </div>
-                            <div class="col-md-4 col-xs-4">
+                            <div class="col-md-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 1</h3>
@@ -473,7 +473,7 @@
                                     </ul>
                                 </div>
                             </div>
-                            <div class="col-md-4 col-xs-4">
+                            <div class="col-md-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 2</h3>
@@ -489,7 +489,7 @@
                                     </ul>
                                 </div>
                             </div>
-                            <div class="col-md-4 col-xs-4">
+                            <div class="col-md-4">
                                 <div class="panel panel-info">
                                     <div class="panel-heading text-center">
                                         <h3 style="margin: 0">Day 3</h3>
@@ -509,7 +509,7 @@
                     </div>
                     <div class="container">
                         <div class="row">
-                            <div class="col-md-12 col-xs-12 mb16 mt16">
+                            <div class="col-md-12 mb16 mt16">
                                 <h2>Requirements</h2>
 
                                 <ul><li>Bring your own laptop.</li>

From fb4c6bc865e6f4956c4e7f6b6850cf4df087cd65 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Fri, 10 Jul 2015 16:07:10 +0200
Subject: [PATCH 05/11] [FIX] website: banner in cover to be repsonsive

---
 addons/website/static/src/css/website.css  | 2 +-
 addons/website/static/src/css/website.sass | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 75382d5ade1..5630cc52d3c 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -455,7 +455,7 @@ ul.nav-stacked > li > a {
 
 /* ---- SNIPPETS --- */
 .oe_img_bg {
-  background-size: 100%;
+  background-size: cover;
 }
 
 .carousel, .parallax, .blockquote {
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index a7b4bd38f40..8e06e8d3014 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -338,7 +338,7 @@ ul.nav-stacked > li > a
 /* ---- SNIPPETS --- */
 
 .oe_img_bg
-    background-size: 100%
+    background-size: cover
 
 .carousel, .parallax, .blockquote
     overflow: hidden

From 5ed23c87d45a837925f4dd8f6201ddc7773f24ca Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Wed, 8 Jul 2015 18:52:56 +0200
Subject: [PATCH 06/11] [FIX] website: use summernote.less and fix color picker
 (+ add FA support)

---
 .../static/lib/summernote/src/less/summernote.less       | 2 +-
 addons/website/static/src/js/summernote.js               | 9 +++++++--
 addons/website/static/src/js/website.editor.js           | 2 --
 addons/website/views/website_templates.xml               | 6 +++---
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/addons/website/static/lib/summernote/src/less/summernote.less b/addons/website/static/lib/summernote/src/less/summernote.less
index 4a16ba4b273..c9c538e940d 100644
--- a/addons/website/static/lib/summernote/src/less/summernote.less
+++ b/addons/website/static/lib/summernote/src/less/summernote.less
@@ -1,4 +1,4 @@
-@import "elements.less";
+/* @_import "elements.less"; */
 
 /* Theme Variables
  ------------------------------------------*/
diff --git a/addons/website/static/src/js/summernote.js b/addons/website/static/src/js/summernote.js
index 282a06623aa..70678e58014 100644
--- a/addons/website/static/src/js/summernote.js
+++ b/addons/website/static/src/js/summernote.js
@@ -1779,7 +1779,7 @@ define(['summernote/editing/Editor', 'summernote/summernote'], function (Editor)
         var startPoint = rng.getStartPoint();
         var endPoint = rng.getEndPoint();
 
-        if (rng.isCollapsed()) {
+        if (rng.isCollapsed() && !dom.isFont(rng.sc)) {
             return {
                 sc: startPoint.node,
                 so: startPoint.offset,
@@ -1827,6 +1827,11 @@ define(['summernote/editing/Editor', 'summernote/summernote'], function (Editor)
         });
         nodes = list.unique(nodes);
 
+        // If ico fa
+        if (rng.isCollapsed()) {
+            node.push(startPoint.node);
+        }
+
         // apply font: foreColor, backColor, size (the color can be use a class text-... or bg-...)
         var node, font, $font, fonts = [], className;
         if (color || bgcolor || size) {
@@ -1850,7 +1855,7 @@ define(['summernote/editing/Editor', 'summernote/summernote'], function (Editor)
 
             if (color) {
               for (var k=0; k<className.length; k++) {
-                if (!className[k].length && className[k].slice(0,5) === "text-") {
+                if (className[k].length && className[k].slice(0,5) === "text-") {
                   className.splice(k,1);
                   k--;
                 }
diff --git a/addons/website/static/src/js/website.editor.js b/addons/website/static/src/js/website.editor.js
index e0b042be1aa..17b9eb909cf 100644
--- a/addons/website/static/src/js/website.editor.js
+++ b/addons/website/static/src/js/website.editor.js
@@ -111,8 +111,6 @@ define(['summernote/summernote'], function () {
             })).appendTo($resizefa);
         }
         var $colorfa = $airPopover.find('.note-color').clone();
-        $colorfa.find(".btn-group:first").remove();
-        $colorfa.find("ul.dropdown-menu").css('min-width', '172px');
         $colorfa.find('button[data-event="color"]').attr('data-value', '{"foreColor": "#f00"}')
             .find("i").css({'background': '', 'color': '#f00'});
         $resizefa.after($colorfa);
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 5f317ba401a..67dd1e7d0f1 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -59,9 +59,9 @@
     <script>openerp.define.next = 'summernote/openerp';</script>
     <script type="text/javascript" src="/website/static/src/js/summernote.js"></script>
     <script>openerp.define.desactive();</script>
-
-    <!--link rel="stylesheet" href="/website/static/lib/summernote/src/less/summernote.less"/-->
-    <link rel="stylesheet" href="/website/static/lib/summernote/summernote.css"/>
+    <link rel="stylesheet" href="/website/static/lib/summernote/src/less/elements.less"/>
+    <link rel="stylesheet" href="/website/static/lib/summernote/src/less/summernote.less"/>
+    <!--<link rel="stylesheet" href="/website/static/lib/summernote/summernote.css"/>-->
 </template>
 
 <template id="assets_common" inherit_id="web.assets_common" name="Website common assets">

From 1621d3fe1a4576dda094676aa7a2438d92a5d300 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Fri, 10 Jul 2015 17:15:31 +0200
Subject: [PATCH 07/11] [FIX] website: Fix background option

Add oe_dark in color list for 'background color', else end user cannot change the color
Force background-color and not background, else background-size from oe_img is overrided
and so the background is displayed with a size:auto instead of cover
---
 addons/website/static/src/css/website.css               | 3 +--
 addons/website/static/src/css/website.sass              | 3 +--
 addons/website/static/src/js/website.snippets.editor.js | 2 +-
 addons/website/views/snippets.xml                       | 2 +-
 addons/website/views/website_templates.xml              | 2 ++
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 5630cc52d3c..67b19115069 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -740,8 +740,7 @@ div.carousel div.carousel-content {
 
 /* Background (kept for 8.0 compatibility) */
 .oe_dark {
-  background: #eff8f8;
-  background: rgba(200, 200, 200, 0.14);
+  background-color: rgba(200, 200, 200, 0.14);
 }
 
 .oe_black {
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 8e06e8d3014..75cecee09b9 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -577,8 +577,7 @@ div.carousel
 /* Background (kept for 8.0 compatibility) */
 
 .oe_dark
-    background: #eff8f8
-    background: rgba(200, 200, 200, 0.14)
+    background-color: rgba(200, 200, 200, 0.14)
 
 .oe_black
     background-color: rgba(0, 0, 0, 0.9)
diff --git a/addons/website/static/src/js/website.snippets.editor.js b/addons/website/static/src/js/website.snippets.editor.js
index 8eacef3e84e..e760e7abefc 100644
--- a/addons/website/static/src/js/website.snippets.editor.js
+++ b/addons/website/static/src/js/website.snippets.editor.js
@@ -1060,7 +1060,7 @@
         },
         background: function(type, value, $li) {
             if (value && value.length) {
-                this.$bg.attr("style", 'background-image: url(' + value + ')' + (this.$bg.attr("style") || '').replace(/background-image:[^;]+/, '') );
+                this.$bg.attr("style", 'background-image: url(' + value + '); ' + (this.$bg.attr("style") || '').replace(/background-image:[^;]+;/, ''));
                 this.$bg.addClass("oe_img_bg");
             } else {
                 this.$bg.css("background-image", "");
diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index c730fd55cac..e06052feafd 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -207,7 +207,7 @@
 </template>
 
 <template id="s_big_picture" name="Big Picture">
-    <section class="oe_dark s_big_picture">
+    <section class="s_big_picture bg-primary">
         <div class="container">
             <div class="row">
                 <div class="col-md-12 text-center mt32 mb32">
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 67dd1e7d0f1..19292f32467 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -517,6 +517,8 @@
             <td><button class="bg-info" title="Info Color"/></td>
             <td><button class="bg-warning" title="Warning Color"/></td>
             <td><button class="bg-danger" title="Danger Color"/></td>
+            <!-- retrocompatibility v8 -->
+            <td><button class="oe_dark" title="Light"/></td>
         </tr>
     </table>
 </template>

From 653ccf7b3b601abd59127cad7aca72ea59dabbb4 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Fri, 10 Jul 2015 17:47:58 +0200
Subject: [PATCH 08/11] [FIX] website: A panel is a panel...

---
 addons/website/views/snippets.xml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index e06052feafd..d220235686b 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -291,8 +291,8 @@
 </template>
 
 <template id="s_panel" name="Panel">
-    <div class="o_panel s_panel">
-        <div class="panel-heading">
+    <div class="panel panel-default o_panel s_panel">
+        <div class="panel-heading ">
             <h3 class="panel-title">Feature Title</h3>
         </div>
         <div class="panel-body">

From 80db19100a8ab0201f72f89aa6eb89a9dfedcf8b Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Fri, 10 Jul 2015 17:49:04 +0200
Subject: [PATCH 09/11] [FIX] website: dont call a dog a cat !

Already in V8, the 'Separator' is not a content but a structure snippet !
---
 addons/website/views/snippets.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index d220235686b..1414335ea99 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -775,6 +775,7 @@
         <t t-snippet="website.s_features" t-thumbnail="/website/static/src/img/blocks/block_features.png"/>
         <t t-snippet="website.s_big_picture" t-thumbnail="/website/static/src/img/blocks/block_big_picture.png"/>
         <t t-snippet="website.s_three_columns" t-thumbnail="/website/static/src/img/blocks/block_three_columns.png"/>
+        <t t-snippet="website.s_separator" t-thumbnail="/website/static/src/img/blocks/block_separator.png"/>
     </div>
 </div>
 
@@ -789,7 +790,6 @@
         <t t-snippet="website.s_quote" t-thumbnail="/website/static/src/img/blocks/block_quote.png"/>
         <t t-snippet="website.s_panel" t-thumbnail="/website/static/src/img/blocks/block_panel.png"/>
         <t t-snippet="website.s_image_floating" t-thumbnail="/website/static/src/img/blocks/block_text_image.png"/>
-        <t t-snippet="website.s_separator" t-thumbnail="/website/static/src/img/blocks/block_separator.png"/>
         <t t-snippet="website.s_share" t-thumbnail="/website/static/src/img/blocks/block_button.png"/>
     </div>
 </div>

From a3a20b49e4634f1cfe605eecb1914a77b846398c Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Fri, 10 Jul 2015 18:33:20 +0200
Subject: [PATCH 10/11] [FIX] website: support big text on jumbotron p (big
 button, quote, ...)

---
 addons/website/static/src/css/website.css  | 4 ++++
 addons/website/static/src/css/website.sass | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 67b19115069..7a4f511b485 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -287,6 +287,10 @@ td {
   font-size: 120%;
 }
 
+.jumbotron.para_large p{
+  font-size: 150%;
+}
+
 .readable {
   font-size: 120%;
   max-width: 700px;
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 75cecee09b9..52f8d62c9ab 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -191,6 +191,10 @@ td
 .para_large
     font-size: 120%
 
+.jumbotron.para_large p{
+  font-size: 150%;
+}
+
 .readable
     font-size: 120%
     max-width: 700px

From b76ad02c8eecc5fce121b59410129542ff03e388 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Mon, 13 Jul 2015 10:46:44 +0200
Subject: [PATCH 11/11] [FIX] website: fix tour to select colorpicker

---
 addons/website/static/src/js/website.tour.rte.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/website/static/src/js/website.tour.rte.js b/addons/website/static/src/js/website.tour.rte.js
index 810f3bf3925..ce6b8d5e287 100644
--- a/addons/website/static/src/js/website.tour.rte.js
+++ b/addons/website/static/src/js/website.tour.rte.js
@@ -89,7 +89,7 @@
                 }
             },
             {
-                element:   'div[data-target-event="backColor"] .colorpicker button[data-event="backColor"]:first',
+                element:   'div[data-target-event="backColor"]:visible .colorpicker button[data-event="backColor"]:first',
                 title:     "change text backColor again",
             },
             {