GTNPORTAL-3216: make it easier to extend and customize the mobile site

mobile-integration/portlets/banner/src/main/resources/locale/portlet/responsivebanner_en.properties

@@ -1,3 +1,2 @@
 slogan=Everything you need for your Web applications
-madeBy=Made by
-you=you
+message=Made by <a href="http://www.redhat.com/">Red Hat</a> + <a href="http://www.exoplatform.com/">eXo Platform SAS</a> + <a href="https://community.jboss.org/en/gatein/dev">you</a>

mobile-integration/portlets/banner/src/main/resources/locale/portlet/responsivebanner_it.properties

@@ -1,3 +1,2 @@
 slogan=Tutto quello di cui hai bisogno per la tua applicazione Web
-madeBy=Fatto da
-you=te
+message=Fatto da <a href="http://www.redhat.com/">Red Hat</a> + <a href="http://www.exoplatform.com/">eXo Platform SAS</a> + <a href="https://community.jboss.org/en/gatein/dev">te</a>

mobile-integration/portlets/banner/src/main/webapp/jsp/banner.jsp

@@ -6,14 +6,11 @@
 <c:set var="resourceBundle" value="${portletConfig.getResourceBundle(renderRequest.locale)}" />
 
 <div class="gtnResponsiveBannerPortlet">
-    <div class="gtnResponsvieBanner_slogan">
+    <div class="gtnResponsiveBanner_slogan">
         <h1>${resourceBundle.getString("slogan")}</h1>
     </div>
-    <div class="gtnResponsvieBanner_madeBy">
-        <h2>
-            ${resourceBundle.getString("madeBy")} <a href="http://www.redhat.com/">Red Hat</a> + <a
-                href="http://www.exoplatform.com/">eXo Platform SAS</a> + <a href="https://community.jboss.org/en/gatein/dev">${resourceBundle.getString("you")}</a>
-        </h2>
+    <div class="gtnResponsiveBanner_message">
+        <h2>${resourceBundle.getString("message")}</h2>
     </div>
 </div>
 <div class="gtnResponsiveBannerPortletShadow"></div>

mobile-integration/portlets/header/src/main/webapp/css/ResponsiveStylesheet.css

@@ -15,15 +15,15 @@
 
 /* The gatein Logo */
 .gtnResponsiveHeaderPortlet .logo {
-    background-image:  url("../images/gatein_logo_ltr.png"); /* orientation=rt */
-    background-image:  none, url("../images/gatein_logo_ltr.svg"), url("../images/gatein_logo_ltr.png"); /* orientation=rt */
+    background-image:  url("../images/logo_ltr.png"); /* orientation=rt */
+    background-image:  none, url("../images/logo_ltr.svg"), url("../images/logo_ltr.png"); /* orientation=rt */
 
-    background-image:  url("../images/gatein_logo.png"); /* orientation=lt */
-    background-image:  none, url("../images/gatein_logo.svg"), url("../images/gatein_logo.png"); /* orientation=lt */
+    background-image:  url("../images/logo.png"); /* orientation=lt */
+    background-image:  none, url("../images/logo.svg"), url("../images/logo.png"); /* orientation=lt */
 
     line-height: 1em;
     background-repeat: no-repeat;
-    background-size: cover;
+    background-size: contain;
     width: 10.375em;
     height: 2.8125em;
     background-position: 0 0;

mobile-integration/skin/src/main/webapp/skin/Stylesheet.css

@@ -70,4 +70,7 @@
 
 @import url(ResponsiveSkin/portlet/wsrp/WSRP.css);
 
-@import url(Portlet/Stylesheet.css);
+@import url(Portlet/Stylesheet.css);
+
+/* User Customizations to the Responsive Skin */
+@import url(ResponsiveSkin/custom/Stylesheet.css);