This is an automated email from the ASF dual-hosted git repository.

solomax pushed a commit to branch csp
in repository https://gitbox.apache.org/repos/asf/openmeetings.git


The following commit(s) were added to refs/heads/csp by this push:
     new 16962da  More work on removing inline styles
16962da is described below

commit 16962da3da57cb833e6b801100c0a6ad32c79c1d
Author: Maxim Solodovnik <[email protected]>
AuthorDate: Thu Jan 23 18:07:59 2020 +0700

    More work on removing inline styles
---
 .../apache/openmeetings/web/app/Application.java   | 28 +++++++---------------
 .../web/app/Application.properties.xml             | 12 +++++-----
 .../web/app/Application_ar.properties.xml          | 12 +++++-----
 .../web/app/Application_bg.properties.xml          | 12 +++++-----
 .../web/app/Application_bn.properties.xml          | 12 +++++-----
 .../web/app/Application_ca.properties.xml          | 12 +++++-----
 .../web/app/Application_cs.properties.xml          | 12 +++++-----
 .../web/app/Application_da.properties.xml          | 12 +++++-----
 .../web/app/Application_de.properties.xml          | 12 +++++-----
 .../web/app/Application_el.properties.xml          | 12 +++++-----
 .../web/app/Application_es.properties.xml          | 12 +++++-----
 .../web/app/Application_fa.properties.xml          | 12 +++++-----
 .../web/app/Application_fi.properties.xml          | 12 +++++-----
 .../web/app/Application_fr.properties.xml          | 12 +++++-----
 .../web/app/Application_gl.properties.xml          | 12 +++++-----
 .../web/app/Application_he.properties.xml          | 12 +++++-----
 .../web/app/Application_hu.properties.xml          | 10 ++++----
 .../web/app/Application_in.properties.xml          | 12 +++++-----
 .../web/app/Application_it.properties.xml          | 12 +++++-----
 .../web/app/Application_ja.properties.xml          | 12 +++++-----
 .../web/app/Application_ko.properties.xml          | 12 +++++-----
 .../web/app/Application_nl.properties.xml          | 12 +++++-----
 .../web/app/Application_pl.properties.xml          | 12 +++++-----
 .../web/app/Application_pt.properties.xml          | 12 +++++-----
 .../web/app/Application_pt_BR.properties.xml       | 12 +++++-----
 .../web/app/Application_ru.properties.xml          | 12 +++++-----
 .../web/app/Application_sk.properties.xml          | 12 +++++-----
 .../web/app/Application_sv.properties.xml          | 12 +++++-----
 .../web/app/Application_th.properties.xml          | 12 +++++-----
 .../web/app/Application_tr.properties.xml          | 12 +++++-----
 .../web/app/Application_uk.properties.xml          | 12 +++++-----
 .../web/app/Application_zh_CN.properties.xml       | 12 +++++-----
 .../web/app/Application_zh_TW.properties.xml       | 12 +++++-----
 .../apache/openmeetings/web/common/BasePanel.java  |  3 +--
 .../apache/openmeetings/web/common/MainPanel.html  |  2 +-
 .../apache/openmeetings/web/pages/BasePage.html    |  2 +-
 .../apache/openmeetings/web/pages/BasePage.java    | 15 +++++++++---
 .../openmeetings/web/pages/auth/SignInDialog.html  |  2 +-
 .../apache/openmeetings/web/room/RoomPanel.html    |  8 +++----
 .../apache/openmeetings/web/room/RoomPanel.java    |  3 +--
 .../openmeetings/web/room/VideoSettings.html       |  6 ++---
 .../apache/openmeetings/web/room/wb/WbPanel.html   |  2 +-
 .../apache/openmeetings/web/user/chat/Chat.html    |  2 +-
 .../src/main/webapp/css/raw-general.css            | 13 ++++++++++
 44 files changed, 239 insertions(+), 229 deletions(-)

diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.java
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.java
index 402a675..f64d741 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.java
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.java
@@ -34,8 +34,6 @@ import static 
org.wicketstuff.dashboard.DashboardContextInitializer.DASHBOARD_CO
 
 import java.io.File;
 import java.net.UnknownHostException;
-import java.security.NoSuchAlgorithmException;
-import java.security.SecureRandom;
 import java.text.MessageFormat;
 import java.util.ArrayList;
 import java.util.Arrays;
@@ -102,10 +100,12 @@ import org.apache.wicket.ThreadContext;
 import org.apache.wicket.WicketRuntimeException;
 import 
org.apache.wicket.authroles.authentication.AbstractAuthenticatedWebSession;
 import org.apache.wicket.authroles.authentication.AuthenticatedWebApplication;
-import org.apache.wicket.core.random.ISecureRandomSupplier;
 import 
org.apache.wicket.core.request.handler.BookmarkableListenerRequestHandler;
 import org.apache.wicket.core.request.handler.ListenerRequestHandler;
 import org.apache.wicket.core.request.mapper.MountedMapper;
+import org.apache.wicket.markup.head.IHeaderResponse;
+import org.apache.wicket.markup.head.filter.FilteringHeaderResponse;
+import org.apache.wicket.markup.html.IHeaderResponseDecorator;
 import org.apache.wicket.markup.html.WebPage;
 import org.apache.wicket.pageStore.IPageStore;
 import org.apache.wicket.pageStore.SerializingPageStore;
@@ -235,22 +235,6 @@ public class Application extends 
AuthenticatedWebApplication implements IApplica
                //chain of Resource Loaders, if not found it will search in 
Wicket's internal
                //Resource Loader for a the property key
                getResourceSettings().getStringResourceLoaders().add(0, new 
LabelResourceLoader());
-               getSecuritySettings().setRandomSupplier(new 
ISecureRandomSupplier() {
-                       private SecureRandom rnd = null;
-
-                       {
-                               try {
-                                       rnd = 
SecureRandom.getInstance("SHA1PRNG");
-                               } catch (NoSuchAlgorithmException e) {
-                                       log.error("Failed to init secure random 
{}", e);
-                               }
-                       }
-
-                       @Override
-                       public SecureRandom getRandom() {
-                               return rnd;
-                       }
-               });
                getCsp().blocking().strict();
                getRequestCycleListeners().add(new 
WebSocketAwareCsrfPreventionRequestCycleListener() {
                        @Override
@@ -277,6 +261,12 @@ public class Application extends 
AuthenticatedWebApplication implements IApplica
                if (sc != null) {
                        sc.setDefaultMaxSessionIdleTimeout(60 * 1000L); // 
should be enough, should it be configurable?
                }
+               getHeaderResponseDecorators().add(new 
IHeaderResponseDecorator() {
+                       @Override
+                       public IHeaderResponse decorate(IHeaderResponse 
response) {
+                               return new FilteringHeaderResponse(response);
+                       }
+               });
                super.init();
 
                // register some widgets
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.properties.xml
index 86b5ff0..2bef142 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ar.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ar.properties.xml
index da0d4d1..55c9c5d 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ar.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ar.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bg.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bg.properties.xml
index 63e96b5..60288db 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bg.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bg.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bn.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bn.properties.xml
index 063ba16..01e0ade 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bn.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_bn.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ca.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ca.properties.xml
index 14c229f..bb7f06b 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ca.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ca.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_cs.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_cs.properties.xml
index 3a08de2..6742a75 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_cs.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_cs.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_da.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_da.properties.xml
index 11ec1a1..265d199 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_da.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_da.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_de.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_de.properties.xml
index 3ec8c39..ae4ac30 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_de.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_de.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        Standardm&auml;&szlig;ig verwendet {0} die integrierte
                        {1} Datenbank. In Produktivumgebungen wird jedoch der 
Einsatz von {2}, {3}, {4}, {5} or {6} empfohlen.
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -823,27 +823,27 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">Falls Sie weitere Fragen haben oder 
Support bei Installation und Hosting
+       <b> <span class="installer-important">Falls Sie weitere Fragen haben 
oder Support bei Installation und Hosting
                        ben&ouml;tigen:</span></b>
        <br />
        <br />
        <br />
        <br />
-       <b><span style="font-size: 1.2em">Support durch die 
OpenMeetings-Community:</span></b>
+       <b><span class="installer-important">Support durch die 
OpenMeetings-Community:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailinglisten</a></span>
        <br />
        <br />
 
-       <b> <span style="font-size: 1.4em">Einige Unternehmen bieten 
kommerziellen Support
+       <b> <span class="installer-important">Einige Unternehmen bieten 
kommerziellen Support
                f&uuml;r Apache OpenMeetings an:</span></b>
        <br />
        <br />
 
-       <span style="font-size: 1.3em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                
target="_blank">https://openmeetings.apache.org/commercial-support.html</a></span>
        <br />
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_el.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_el.properties.xml
index fa052ff..8628867 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_el.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_el.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_es.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_es.properties.xml
index 912a442..bb04ce5 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_es.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_es.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        {0} viene predeterminado para emplear la base de datos 
{1}. Para
                        medios de producción considere emplear {2}, {3}, {4}, 
{5} u {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -819,24 +819,24 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">Si tiene otras cuestiones o necesita 
soporte para instalación o hosting:</span></b>
+       <b> <span class="installer-important">Si tiene otras cuestiones o 
necesita soporte para instalación o hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Soporte-Comunidad:</span></b>
+       <b><span class="installer-important">Soporte-Comunidad:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Listas de correo</a></span>
        <br />
-       <b> <span style="font-size: 1.4em">Hay algunas compañias
+       <b> <span class="installer-important">Hay algunas compañias
                        que tambien ofrecen soporte comercial para Apache 
OpenMeetings:</span></b>
        <br />
        <br />
        <br />
        <br />
-       <span style="font-size: 1.3em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                
target="_blank">https://openmeetings.apache.org/commercial-support.html</a></span>
        <br />
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fa.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fa.properties.xml
index 0b2adf9..10e0368 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fa.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fa.properties.xml
@@ -714,7 +714,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -816,23 +816,23 @@ target="_blank">Custom Crypt Mechanism</a>
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fi.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fi.properties.xml
index 6f648e4..4d58589 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fi.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fi.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fr.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fr.properties.xml
index e3e4779..0b95d25 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fr.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_fr.properties.xml
@@ -714,7 +714,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        Par défaut {0} utilise la base de données {1}. Dans un 
environnement de production vous devriez opter pour
                        {2}, {3}, {4}, {5} or {6}.
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
 
@@ -817,23 +817,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">Si vous avez plus de questions ou 
avez besoin d'aide pour l'installation ou l'hébergement :</span></b>
+       <b> <span class="installer-important">Si vous avez plus de questions ou 
avez besoin d'aide pour l'installation ou l'hébergement :</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Support via la communauté 
OpenMeetings :</span></b>
+       <b><span class="installer-important">Support via la communauté 
OpenMeetings :</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Listes de diffusion</a></span>
        <br />
        <br />
 
-       <b> <span style="font-size: 1.2em">Support commercial:</span></b>
+       <b> <span class="installer-important">Support commercial:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Support commercial</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_gl.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_gl.properties.xml
index df45d28..27a4921 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_gl.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_gl.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_he.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_he.properties.xml
index 86b5ff0..2bef142 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_he.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_he.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_hu.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_hu.properties.xml
index 6554b64..4cc2649 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_hu.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_hu.properties.xml
@@ -714,7 +714,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        Az {0} alapértelmezette a beépített {1} adatbázist 
használja.
                        További lehetőségként használható a {2}, {3}, {4}, {5} 
or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -814,19 +814,19 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
                </li>
        </ol>
 
-       <b><span style="font-size: 1.2em">Közösségi-támogatás:</span></b>
+       <b><span class="installer-important">Közösségi-támogatás:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Levelező lista</a></span>
        <br />
        <br />
        <br />
-       <b> <span style="font-size: 1.4em">Néhány cég, akik üzleti támogatást 
nyújthatnak Apache OpenMeetings:</span></b>
+       <b> <span class="installer-important">Néhány cég, akik üzleti 
támogatást nyújthatnak Apache OpenMeetings:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.3em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                
target="_blank">https://openmeetings.apache.org/commercial-support.html</a></span>
        <br />
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_in.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_in.properties.xml
index e6f63ec..f4794e8 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_in.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_in.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_it.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_it.properties.xml
index 9f82d34..b3e6cb5 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_it.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_it.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        Per default {0} usa il database integrato {1}. Per
                        ambienti di produzione dovresti considerare l'uso di 
{2}, {3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,24 +821,24 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">Se hai ulteriori
+       <b> <span class="installer-important">Se hai ulteriori
                        domande o hai bisogno di supporto sull'installazione o 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Supporto Communità:</span></b>
+       <b><span class="installer-important">Supporto Communità:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
 
-       <b> <span style="font-size: 1.2em">Supporto Commerciale:</span></b>
+       <b> <span class="installer-important">Supporto Commerciale:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Supporto Commerciale</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ja.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ja.properties.xml
index 49aa0ed..8ac2895 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ja.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ja.properties.xml
@@ -714,7 +714,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        既定では、{0} は組み込み済みデータベース {1} を使用しますが、
                        本番環境では、下記のデータベースの使用をご検討ください: {2}, {3}, {4}, {5}, {6} 
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>注:</strong> 予見し難い DB 
ログイン名と8文字以上の強固なパスワードを使用してください。</p>
                </div>
 
@@ -817,22 +817,22 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">インストール手順やホスティング等のお問い合わせ先:</span></b>
+       <b> <span 
class="installer-important">インストール手順やホスティング等のお問い合わせ先:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">コミュニティ・サポート:</span></b>
+       <b><span class="installer-important">コミュニティ・サポート:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">メーリング・リスト</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">商用サポート:</span></b>
+       <b> <span class="installer-important">商用サポート:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">商用サポート</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ko.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ko.properties.xml
index 0c5994d..ee4de41 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ko.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ko.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_nl.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_nl.properties.xml
index d522c27..a2730cb 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_nl.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_nl.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pl.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pl.properties.xml
index c838740..1d6515a 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pl.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pl.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt.properties.xml
index ab98db7..8f1c504 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt_BR.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt_BR.properties.xml
index 38fbb5c..ca91084 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt_BR.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_pt_BR.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ru.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ru.properties.xml
index de6f421..375e4f2 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ru.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_ru.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        По умолчанию {0} использует интегрированную базу данных 
{1}. В
                        продакшине Вы должны задуматься об использовании таких 
баз, как {2}, {3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>ВНИМАНИЕ</strong> Пожалуйста используйте 
логин БД, который трудно угадать и 'сложный' пароль с длинной не менее 8 
символов.</p>
                </div>
        ]]></entry>
@@ -819,26 +819,26 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
                        </ul>
                </li>
        <br />
-       <b> <span style="font-size: 1.2em">Если у Вас остались
+       <b> <span class="installer-important">Если у Вас остались
                        вопросы или Вам требуется поддержка по установке или 
хостингу:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Поддержка сообщества:</span></b>
+       <b><span class="installer-important">Поддержка сообщества:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Список рассылки</a></span>
        <br />
        <br />
        <br />
-       <b> <span style="font-size: 1.4em">Это компании,
+       <b> <span class="installer-important">Это компании,
                которые также оказывают коммерческую поддержку Apache 
OpenMeetings:</span></b>
        <br />
        <br />
        <br />
-       <span style="font-size: 1.3em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                
target="_blank">https://openmeetings.apache.org/commercial-support.html</a></span>
        <br />
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sk.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sk.properties.xml
index 101923b..00bb1e3 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sk.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sk.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sv.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sv.properties.xml
index 60ac0c1..cede951 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sv.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_sv.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_th.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_th.properties.xml
index 6a6f5f6..14ee6c8 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_th.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_th.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_tr.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_tr.properties.xml
index af5ac65..f3a5dc6 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_tr.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_tr.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_uk.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_uk.properties.xml
index 8cd0f1c..44ab9d3 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_uk.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_uk.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        По умолчанию {0} использует интегрированную базу данных 
{1}. В
                        продакшине Вы должны задуматься об использовании таких 
баз, как {2}, {3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -820,24 +820,24 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
                </li>
 
        <br />
-       <b> <span style="font-size: 1.2em">Если у Вас остались
+       <b> <span class="installer-important">Если у Вас остались
                        вопросы или Вам требуется поддержка по установке или 
хостингу:</span></b>
        <br />
        <br />
-       <b><span style="font-size: 1.2em">Поддержка сообщества:</span></b>
+       <b><span class="installer-important">Поддержка сообщества:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Список рассылки</a></span>
        <br />
        <br />
        <br />
-       <b> <span style="font-size: 1.4em">Это компании,
+       <b> <span class="installer-important">Это компании,
                которые также оказывают коммерческую поддержку Apache 
OpenMeetings:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.3em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                
target="_blank">https://openmeetings.apache.org/commercial-support.html</a></span>
        <br />
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_CN.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_CN.properties.xml
index ee5cf25..f6df7f0 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_CN.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_CN.properties.xml
@@ -713,7 +713,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                <blockquote>
                        默认 {0} 使用集成 {1} 数据库。对于生产环境,你应该考虑使用 {2},{3},{4},{5} 或 {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
 
@@ -817,23 +817,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">如果您在安装或托管有进一步的问题或需要支持:</span></b>
+       <b> <span class="installer-important">如果您在安装或托管有进一步的问题或需要支持:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">社区支持:</span></b>
+       <b><span class="installer-important">社区支持:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">邮件列表</a></span>
        <br />
        <br />
 
-       <b> <span style="font-size: 1.2em">商业支持:</span></b>
+       <b> <span class="installer-important">商业支持:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">商业支持</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_TW.properties.xml
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_TW.properties.xml
index 492f380..390daac 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_TW.properties.xml
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/app/Application_zh_TW.properties.xml
@@ -715,7 +715,7 @@ see https://openmeetings.apache.org/LanguageEditor.html for 
Details
                        By default {0} uses the integrated {1} database. For
                        production environment you should consider using {2}, 
{3}, {4}, {5} or {6}
                </blockquote>
-               <div class="ui-state-highlight ui-corner-all" 
style="margin-top: 20px;padding: 0 .7em;">
+               <div class="ui-state-highlight ui-corner-all installer-note">
                        <p><strong>NOTE</strong> Please use unpredictable DB 
login and 'strong' password with length 8 characters or more.</p>
                </div>
        ]]></entry>
@@ -821,23 +821,23 @@ see https://openmeetings.apache.org/LanguageEditor.html 
for Details
        </ol>
 
        <br />
-       <b> <span style="font-size: 1.2em">If you have further
+       <b> <span class="installer-important">If you have further
                        questions or need support in installation or 
hosting:</span></b>
        <br />
        <br />
 
-       <b><span style="font-size: 1.2em">Community-Support:</span></b>
+       <b><span class="installer-important">Community-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/mailing-lists.html";
                target="_blank">Mailing lists</a></span>
        <br />
        <br />
-       <b> <span style="font-size: 1.2em">Commercial-Support:</span></b>
+       <b> <span class="installer-important">Commercial-Support:</span></b>
        <br />
        <br />
-       <span style="font-size: 1.1em"><a
+       <span class="installer-less-important"><a
                href="https://openmeetings.apache.org/commercial-support.html";
                target="_blank">Commercial-Support</a></span>
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/BasePanel.java
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/BasePanel.java
index ee6ecfc..8e9429c 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/BasePanel.java
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/BasePanel.java
@@ -24,7 +24,6 @@ import org.apache.openmeetings.db.util.FormatHelper;
 import org.apache.openmeetings.web.app.WebSession;
 import org.apache.openmeetings.web.common.menu.MenuPanel;
 import org.apache.openmeetings.web.pages.BasePage;
-import org.apache.openmeetings.web.pages.MainPage;
 import org.apache.wicket.core.request.handler.IPartialPageRequestHandler;
 import org.apache.wicket.markup.html.panel.Panel;
 import org.apache.wicket.model.IModel;
@@ -69,7 +68,7 @@ public abstract class BasePanel extends Panel {
        public BasePanel onMenuPanelLoad(IPartialPageRequestHandler handler) {
                handler.add(getBasePage().getHeader().setVisible(true), 
getMainPanel().getMenu().setVisible(true)
                                , getMainPanel().getTopLinks().setVisible(true)
-                               , 
((MainPage)getPage()).getLoader().setVisible(false));
+                               , getBasePage().getLoader().setVisible(false));
                return this;
        }
 
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/MainPanel.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/MainPanel.html
index be59838..a2af2bf 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/MainPanel.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/common/MainPanel.html
@@ -49,6 +49,6 @@
        <div wicket:id="userInfoDialog"></div>
        <div wicket:id="newMessageDialog"></div>
        <div wicket:id="invite-to-room"></div>
-       <div wicket:id="ws-panel" style="display: none"></div>
+       <div wicket:id="ws-panel" hidden="hidden"></div>
 </wicket:panel>
 </html>
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.html
index 650c1fb..e6b8f42 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.html
@@ -25,7 +25,7 @@
        <link rel="shortcut icon" href="public/favicon.png" type="image/png"/>
        <wicket:header-items/>
        <title wicket:id="pageTitle">[title]</title>
-       <link rel="stylesheet" type="text/css" href="css/custom.css"/>
+       <wicket:container wicket:id="customCSS"></wicket:container>
 </head>
 <body>
        <div wicket:id="main-loader" class="main-loader ui-widget-header">
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.java
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.java
index 40236b7..ed8384f 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.java
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/BasePage.java
@@ -39,6 +39,8 @@ import org.apache.wicket.markup.head.IHeaderResponse;
 import org.apache.wicket.markup.head.JavaScriptHeaderItem;
 import org.apache.wicket.markup.head.OnDomReadyHeaderItem;
 import org.apache.wicket.markup.head.PriorityHeaderItem;
+import org.apache.wicket.markup.head.filter.FilteredHeaderItem;
+import org.apache.wicket.markup.head.filter.HeaderResponseContainer;
 import org.apache.wicket.markup.html.TransparentWebMarkupContainer;
 import org.apache.wicket.markup.html.WebMarkupContainer;
 import org.apache.wicket.markup.html.basic.Label;
@@ -53,8 +55,9 @@ public abstract class BasePage extends 
AsyncUrlFragmentAwarePage {
        private static final long serialVersionUID = 1L;
        public static final String ALIGN_LEFT = "align-left ";
        public static final String ALIGN_RIGHT = "align-right ";
-       private final Map<String, String> options;
-       private final HeaderPanel header;
+       public static final String CUSTOM_CSS_FILTER = "customCSS";
+       private final Map<String, String> options = new HashMap<>();
+       private HeaderPanel header;
        private final WebMarkupContainer loader = new 
WebMarkupContainer("main-loader") {
                private static final long serialVersionUID = 1L;
 
@@ -72,9 +75,13 @@ public abstract class BasePage extends 
AsyncUrlFragmentAwarePage {
                } else {
                        throw new RestartResponseException(NotInitedPage.class);
                }
-               options = new HashMap<>();
                options.put("fragmentIdentifierSuffix", "");
                options.put("keyValueDelimiter", "/");
+       }
+
+       @Override
+       protected void onInitialize() {
+               super.onInitialize();
                String appName = getApplicationName();
 
                String code = getLanguageCode();
@@ -85,6 +92,7 @@ public abstract class BasePage extends 
AsyncUrlFragmentAwarePage {
                add(new Label("pageTitle", appName));
                add(header = new HeaderPanel("header", appName));
                
add(loader.setVisible(isMainPage()).setOutputMarkupPlaceholderTag(true).setOutputMarkupId(true));
+               add(new HeaderResponseContainer("customCSS", 
CUSTOM_CSS_FILTER));
        }
 
        public abstract boolean isRtl();
@@ -125,6 +133,7 @@ public abstract class BasePage extends 
AsyncUrlFragmentAwarePage {
                        
script.append(getGaCode()).append("');").append(isMainPage() ? "initHash()" : 
"init()").append(';');
                        response.render(OnDomReadyHeaderItem.forScript(script));
                }
+               response.render(new 
FilteredHeaderItem(CssHeaderItem.forUrl("css/custom.css"), CUSTOM_CSS_FILTER));
        }
 
        @Override
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/auth/SignInDialog.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/auth/SignInDialog.html
index c9bf476..9031594 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/auth/SignInDialog.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/pages/auth/SignInDialog.html
@@ -40,7 +40,7 @@
                                                </tr>
                                                <tr>
                                                        <td></td>
-                                                       <td style="white-space: 
nowrap;"><input wicket:id="rememberMe"
+                                                       <td 
class="remember"><input wicket:id="rememberMe"
                                                                type="checkbox" 
/><label wicket:for="rememberMe"><wicket:message key="288" /></label></td>
                                                </tr>
                                                <tr>
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.html
index c096fce..d174c87 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.html
@@ -39,10 +39,10 @@
                <div wicket:id="wait-apply-moderation"></div>
                <div wicket:id="noone-can-help"></div>
        </div>
-       <div id="disconnected-dlg" wicket:message="title:204, data-reload:753" 
style="display:none">
+       <div id="disconnected-dlg" wicket:message="title:204, data-reload:753" 
hidden="hidden">
                <wicket:message key="556"/>
        </div>
-       <div style="display:none">
+       <div hidden="hidden">
                <div id="user-video">
                        <div class="video">
                                <canvas width="10" class="level-meter" 
wicket:message="title:767"></canvas>
@@ -50,7 +50,7 @@
                        </div>
                        <div class="footer ui-state-highlight">
                                <div class="on"><wicket:message 
key="video.mic.on"/></div>
-                               <div class="off" 
style="display:none;"><wicket:message key="video.mic.off"/></div>
+                               <div class="off" 
hidden="hidden"><wicket:message key="video.mic.off"/></div>
                        </div>
                </div>
                <div id="video-refresh-btn">
@@ -93,7 +93,7 @@
                        <wicket:message key="1419"/>
                </div>
                <div id="sharer" wicket:message="title:730">
-                       <h2 class="alert" style="display: none">Screen-sharing 
is not supported in your browser</h2>
+                       <h2 class="alert" hidden="hidden">Screen-sharing is not 
supported in your browser</h2>
                        <div class="container">
                                <div>
                                        <span class="label"><wicket:message 
key="734"/></span>
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.java
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.java
index 1ecb97f..fd68cc9 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.java
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/RoomPanel.java
@@ -62,7 +62,6 @@ import org.apache.openmeetings.web.app.QuickPollManager;
 import org.apache.openmeetings.web.app.TimerService;
 import org.apache.openmeetings.web.app.WebSession;
 import org.apache.openmeetings.web.common.BasePanel;
-import org.apache.openmeetings.web.pages.BasePage;
 import org.apache.openmeetings.web.room.activities.Activity;
 import org.apache.openmeetings.web.room.menu.RoomMenuPanel;
 import org.apache.openmeetings.web.room.sidebar.RoomSidebar;
@@ -659,7 +658,7 @@ public class RoomPanel extends BasePanel {
        public BasePanel onMenuPanelLoad(IPartialPageRequestHandler handler) {
                getBasePage().getHeader().setVisible(false);
                getMainPanel().getTopControls().setVisible(false);
-               Component loader = 
((BasePage)getPage()).getLoader().setVisible(false);
+               Component loader = getBasePage().getLoader().setVisible(false);
                if (r.isHidden(RoomElement.Chat) || !isVisible()) {
                        getMainPanel().getChat().toggle(handler, false);
                }
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/VideoSettings.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/VideoSettings.html
index 1186b1a..7d193a4 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/VideoSettings.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/VideoSettings.html
@@ -20,7 +20,7 @@
 <!DOCTYPE html>
 <html xmlns:wicket="http://wicket.apache.org";>
 <wicket:panel>
-       <div id="video-settings" wicket:message="title:51, data-btn-save:144, 
data-btn-cancel:lbl.cancel" style="display:none;">
+       <div id="video-settings" wicket:message="title:51, data-btn-save:144, 
data-btn-cancel:lbl.cancel" hidden="hidden">
                <div class="title"><wicket:message key="758"/></div>
                <div class="sett-container">
                        <div class="opt-block">
@@ -88,8 +88,8 @@
        </div>
        <div id="jsInfo"></div>
        <div id="jsNotifications"></div>
-       <div wicket:id="ws-panel" style="display: none"></div>
-       <div style="display: none">
+       <div wicket:id="ws-panel" hidden="hidden"></div>
+       <div hidden="hidden">
                <select>
                        <option id="settings-option-loading" value="-2" 
data-class="ui-icon-refresh"><wicket:message key="230"/></option>
                        <option id="settings-option-disabled" value="-1" 
data-class="ui-icon-closethick"><wicket:message key="159"/></option>
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/wb/WbPanel.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/wb/WbPanel.html
index 7cbafac..29f9535 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/wb/WbPanel.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/wb/WbPanel.html
@@ -27,7 +27,7 @@
                </div>
        </div>
 
-       <div style="display:none;">
+       <div hidden="hidden">
                <div id="wb-text-style-block"></div>
                <div id="wb-tabbar-ctrls-left">
                        <div class="add clickable om-icon big"></div>
diff --git 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/user/chat/Chat.html
 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/user/chat/Chat.html
index 0a7d943..8df1554 100644
--- 
a/openmeetings-web/src/main/java/org/apache/openmeetings/web/user/chat/Chat.html
+++ 
b/openmeetings-web/src/main/java/org/apache/openmeetings/web/user/chat/Chat.html
@@ -32,7 +32,7 @@
                        <input type="hidden" wicket:id="activeTab" 
id="activeChatTab"/>
                </div>
        </form>
-       <div style="display: none">
+       <div hidden="hidden">
                <div id="chat-date-template" class='date-row'></div>
                <div id="chat-msg-template" class='msg-row'>
                        <div class='user-row'>
diff --git a/openmeetings-web/src/main/webapp/css/raw-general.css 
b/openmeetings-web/src/main/webapp/css/raw-general.css
index 51292ff..1c1fcbb 100644
--- a/openmeetings-web/src/main/webapp/css/raw-general.css
+++ b/openmeetings-web/src/main/webapp/css/raw-general.css
@@ -37,6 +37,9 @@ html, body {
        background-repeat: no-repeat;
        padding-left: 20px;
 }
+.signin .remember {
+       white-space: nowrap;
+}
 #header {
        font-size: 28px;
        line-height: 40px;
@@ -750,3 +753,13 @@ form .input {
 .captcha-img {
        vertical-align: bottom;
 }
+.installer-note {
+       margin-top: 20px;
+       padding: 0.7em;
+}
+.installer-important {
+       font-size: 1.2em;
+}
+.installer-less-important {
+       font-size: 1.1em;
+}

Reply via email to