server/src/main/webapp/WEB-INF/incl/layout/template.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
        xmlns:f="http://xmlns.jcp.org/jsf/core"
        xmlns:h="http://xmlns.jcp.org/jsf/html"
        xmlns:a="http://richfaces.org/a4j"
        xmlns:gluufn="http://www.gluu.org/jsf/functions"
        contentType="text/html" locale="#{language.localeCode}">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      	<title>#{organizationService.organization.organizationTitle}</title>
        <script type="text/javascript">
            if (top != self)
                top.location.href = self.document.location;
            if (parent != self)
                top.location.href = location.href;
            if (top.frames.length != 0)
                top.location.href = self.document.location;
            if (window != window.top)
                top.location.href = location.href;
        </script>

        <link rel="shortcut icon" href="#{request.contextPath}/servlet/favicon?v=#{faviconImageServlet.faviconTimestamp}"/>
        <link rel="icon" href="#{request.contextPath}/servlet/favicon?v=#{faviconImageServlet.faviconTimestamp}"/>
        <link type="text/css" rel="stylesheet" href="#{oxTrustConfigurationService.cssLocation}/theme.ecss" />
        <link type="text/css" rel="stylesheet" href="#{oxTrustConfigurationService.cssLocation}/theme.css" />
        <link type="text/css" rel="stylesheet" href="#{oxTrustConfigurationService.cssLocation}/site.css" />
        <link type="text/css" rel="stylesheet" href="#{oxTrustConfigurationService.cssLocation}/../stylesheets/styles.css" />

        <script type="text/javascript" src="#{oxTrustConfigurationService.jsLocation}/gluuCommon.js"></script>
        <h:outputScript name="jquery.js"/>
        <h:outputScript name="bootstrap.js"/>
        <ui:insert name="head"/>	

        <ui:param name="themeColor" value="#{organizationService.organization.themeColor}" />
        <ui:fragment rendered="#{not empty themeColor}">
            <style type="text/css">
                .rf-tb-itm, .rf-tb-emp{
                    height: 33px;
                    background-color: #{gluufn:getColor(themeColor, "00ff00")}
                    background-image: none;
                }
            </style>
        </ui:fragment>
    </h:head>
    <h:body>
        <img src="#{request.contextPath}/servlet/logo" alt="logo" id="logo"/>
        <h:form>
            <ui:include src="menu.xhtml">
                <ui:param name="projectName" value="oxTrust"/>
            </ui:include>
        </h:form>
      <div class="#{not isLogin?'body':'loginBody'}">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-md-8 col-sm-offset-0 col-md-offset-2">
                        <h:messages id="messages" globalOnly="true" styleClass="message"
                            errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
                            rendered="#{showGlobalMessages != 'false'}"/>
                        <ui:insert name="body"/>
                    </div>
                </div>
            </div>
      </div>
        <ui:fragment rendered="#{not isLogin}">
            <div class="footer">
                <p>Copyright <a href="http://www.gluu.org">Gluu</a> All rights reserved.</p>
            </div>
        </ui:fragment>

      <div class="footer">
      </div>
    </h:body>
</f:view>
</html>