[IMP] Styles on sections

bzr revid: fp@tinyerp.com-20140126140449-2qdqcwfamsvxblr1

addons/website/static/src/css/website.css

@@ -102,6 +102,14 @@ header a.navbar-brand img {
   max-height: 50px;
 }
 
+/* ----- Snippets Styles ----- */
+.readable {
+  font-size: 120%;
+  max-width: 700px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /* ----- BOOTSTRAP FIX ----- */
 .container .container {
   padding-left: 0;

addons/website/static/src/css/website.sass

@@ -68,6 +68,14 @@ header
         img
             max-height: 50px
 
+/* ----- Snippets Styles ----- */
+
+.readable
+    font-size: 120%
+    max-width: 700px
+    margin-left: auto
+    margin-right: auto
+
 /* ----- BOOTSTRAP FIX ----- */
 
 .container

addons/website/views/snippets.xml

@@ -379,7 +379,7 @@
     <div data-snippet-id="portfolio" data-selector-children=".oe_structure, [data-oe-type=html]">
         <div class="oe_snippet_thumbnail">
             <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_portfolio.png"/>
-            <span class="oe_snippet_thumbnail_title">Portfolio</span>      
+            <span class="oe_snippet_thumbnail_title">Portfolio</span>
         </div>
         <section class="oe_snippet_body">
             <div class="container">
@@ -866,6 +866,15 @@
 
 <div id="snippet_styles" class="hidden">
 
+    <div data-snippet-style-id='text-style' data-selector="section">
+        <li class="dropdown-submenu">
+            <a tabindex="-1" href="#">Style</a>
+            <ul class="dropdown-menu">
+                <li data-class="readable"><a>Readability</a></li>
+            </ul>
+        </li>
+    </div>
+
     <div data-snippet-style-id='carousel-style' data-selector="div[data-snippet-id='carousel']">
         <li class="dropdown-submenu" data-required="true">
             <a tabindex="-1" href="#">Layout</a>