[11.0][DOC] mail_private: updated description (#151)

mail_private/static/description/index.html

@@ -8,60 +8,109 @@
 </section>
 
 <section class="oe_container">
-    <div class="oe_row oe_spaced">
-      <div class="oe_span12">
-          <blockquote>
-              The module will be available for Odoo 9.0 soon. You have time to buy Internal Messaging before price increase! (When you purchase 8.0 version, you get a right to download 9.0 and any further module versions).
-          </blockquote>
-
-        <p class="oe_mt32">
+  <div class="oe_row oe_spaced">
+    <div class="oe_span12">
+      <p class="oe_mt32">
+	<div class="alert alert-warning" style="padding:0.6em 0.6em; font-size: 120%;">
           By default, to send a private message to specific recipient(s) you need to delete other followers included to the same document. The module allows to send private messages to recipients you specified, regardless of who are in the followers list.
-		</p>
-		<p>
-		  It simplify internal communication in leads, when you need to send some private messages to your colleagues before reply to customer.
-It helps in records like project tasks too. In a task with many participants, you can easily send message and only specified colleagues will be notified. It allows to have clean inbox for everybody. It's very essential, because people often neglect important message in Inbox full of useless messages.
-		</p>
-	  </div>
 	</div>
+      </p>
+      <div class="alert alert-success" style="padding:0.3em 0.6em; font-size: 120%;">
+	<ul style="padding-left: 1.2em;">
+	  <li style="margin-top: 0.3em;">
+	    It simplify internal communication in leads, when you need to send some private messages to your colleagues before reply to a customer.
+	  </li>
+	  <li style="margin-top: 0.3em;">
+	    It helps in records like project tasks: in a task with many participants, you can easily send message and only specified colleagues will be notified.
+	  </li>
+	  <li style="margin-top: 0.3em;">
+	    It allows to have clean inbox for everybody. It's very essential, because people often neglect important message in Inbox full of useless messages.
+	  </li>
+	</ul>
+      </div>
+    </div>
+  </div>
 </section>
 
 <section class="oe_container oe_dark">
   <div class="oe_row oe_spaced">
-	<div class="oe_span12">
-	  <h3 class="oe_slogan">How it works</h3>
-	  <p class="oe_mt32">
-		Click on the "Send internal message" and choose the recipient(s). Then type any message and click on the "Send" button.
-	  </p>
-      <div class="oe_demo oe_picture oe_screenshot">
-        <img src="check_recipients.png"/>
+    <div class="oe_span12 text-center">
+      <h3 class="oe_slogan">How it works</h3>
+      <p class="oe_mt32">
+	<font style="font-size: 120%;">
+	  Click <b>Send internal message</b>, choose the recipient(s) and send a message.
+	</font>
+      </p>
+      <div class="oe_screenshot" align="center">
+	<img style="max-width: 80%" src="check_recipients.png?1"/>
       </div>
     </div>
   </div>
 </section>
 
 <section class="oe_container">
-    <div class="oe_row oe_spaced">
-      <div class="oe_span12">
-        <p class="oe_mt32">
-          As a result you can see the message with a dark background, which is sent to the corresponding recipient(s). Other followers of the document will not receive your message.
-		</p>
-        <div class="oe_demo oe_picture oe_screenshot">
-          <img src="result_message.png"/>
-        </div>
+  <div class="oe_row oe_spaced">
+    <div class="oe_span12 text-center">
+      <p class="oe_mt32">
+	<font style="font-size: 120%;">
+          As a result, the message is sent to the corresponding recipient(s). Other followers will not receive the notification.
+	</font>
+      </p>
+      <div class="oe_screenshot" align="center">
+	<img style="max-width: 80%" src="result_message.png?2"/>
       </div>
     </div>
+  </div>
 </section>
 
 
 <section class="oe_container">
-  <div class="oe_row oe_spaced">
-    <div class="oe_span12">
-      <h2>Need our service?</h2>
-      <p class="oe_mt32">Contact us by <a href="mailto:apps@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
-      <ul>
-        <li><a href="mailto:apps@it-projects.info">apps@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
-        <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
-      </ul>
+    <div class="oe_row oe_spaced">
+        <div class="oe_span8">
+            <h2>Need our service?</h2>
+            <p class="oe_mt32">Contact us by <a href="mailto:apps@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
+            <ul>
+                <li><a href="mailto:apps@it-projects.info">apps@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
+                <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
+            </ul>
+        </div>
+        <div class="oe_span4">
+            <div class="stamp" style="width:200px;">
+                <div style="margin-top: 15px;
+                            position: relative;
+                            font-family:'Vollkorn', serif;
+                            font-size: 16px;
+                            line-height: 25px;
+                            text-transform: uppercase;
+                            font-weight: bold;
+                            color: #75526b;
+                            border: 3px dashed #75526b;
+                            float: left;
+                            padding: 4px 12px;
+                            -webkit-transform: rotate(6deg);
+                            -o-transform: rotate(6deg);
+                            -moz-transform: rotate(6deg);
+                            -ms-transform: rotate(6deg);">
+                    Tested on Odoo<br/>11.0 community
+                </div>
+                <div style="margin-top: 15px;
+			    position: relative;
+			    font-family:'Vollkorn', serif;
+			    font-size: 16px;
+			    line-height: 25px;
+			    text-transform: uppercase;
+			    font-weight: bold;
+			    color: #75526b;
+			    border: 3px dashed #75526b;
+			    float: left;
+			    padding: 4px 12px;
+			    -webkit-transform: rotate(-7deg);
+			    -o-transform: rotate(-7deg);
+			    -moz-transform: rotate(-7deg);
+			    -ms-transform: rotate(-7deg);">
+                  Tested on Odoo<br/>11.0 enterprise
+                </div>
+            </div>
+        </div>
     </div>
-  </div>
 </section>