[erp5_web_renderjs_ui] Add a fadein animation on page change

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -850,6 +850,9 @@ div[data-gadget-scope='header'] .ui-header ul {
 */
   /* form validation (assuming label>span is used) */
 }
+.gadget-content div[data-gadget-scope='m'] {
+  animation: fadein 0.2s ease-out;
+}
 .gadget-content input[type='submit'] {
   padding: 6pt;
   background-color: #444444;

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>956.17306.22052.36932</string> </value>
+                <value> <string>956.17326.13196.37171</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1482939003.57</float>
+                        <float>1482939830.65</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -967,6 +967,9 @@ div[data-gadget-scope='header'] .ui-header {
 * Gadget: main
 **********************************************/
 .gadget-content {
+  div[data-gadget-scope='m'] {
+    animation: fadein @transition-timing;
+  }
 
   input[type='submit'] {
     padding: @margin-size;