moar

code/MoyaWeb/WebContent/resources/templates/template2014/css/skinning.css

@@ -16,3 +16,4 @@
 .bgColor1 .ui-layout-unit-header {
 	background-image: none;
 }
+

code/MoyaWeb/WebContent/resources/templates/template2014/css/structual.css

 /* Structual stuff, like sizes, margins etc.*/
-
 .bgColor1.ui-layout-unit {
 	margin: 0px;
 	padding: 0px;
@@ -10,8 +9,33 @@
 	padding: 0px;
 }
 
-
 .bgColor1 .ui-layout-unit-header {
 	margin: 0px;
 	padding: 0px;
 }
+
+#header_right {
+	text-align: right;
+}
+
+#header_box {
+	display: flex;
+	display: -ms-flexbox;
+	display: -webkit-flex;
+}
+
+#mainlayoutpanel {
+	margin: 10px;
+	padding: 10px;
+}
+
+#header_center {
+	position: relative;
+	text-align: right;
+	-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
+	-moz-box-flex: 1; /* OLD - Firefox 19- */
+	width: 20%; /* For old syntax, otherwise collapses. */
+	-webkit-flex: 1; /* Chrome */
+	-ms-flex: 1; /* IE 10 */
+	flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
+}
\ No newline at end of file

code/MoyaWeb/WebContent/resources/templates/template2014/template.xhtml

@@ -68,11 +68,15 @@
 
 
 
-		<p:layout fullPage="true">
+		<p:layout fullPage="true" id="mainlayoutpanel">
+
+
+			<p:layoutUnit id="toppanel" position="north" styleClass="bgColor1" size="60" >
+				
+					<div id="header_box">
+						<div id="header_left">
 						
 						
-			<p:layoutUnit id="toppanel" collapsible="true" position="north" styleClass="bgColor1" minSize="55">
-				<f:facet name="header">
 							<h:link outcome="/index">
 								<c:choose>
 									<c:when test="#{sessionHandler.isInDevelopmentMode()}">
@@ -89,6 +93,8 @@
 								</c:choose>
 							</h:link>
 							
+						</div>
+						<div id="header_center">
 							<ui:fragment rendered="#{layoutView.canManageContent}">
 								<div>
 									<h:form>
@@ -97,11 +103,13 @@
 									</h:form>
 								</div>
 							</ui:fragment>
+						</div>
 
-
+						<div id="header_right">
 							<a href="http://www.codecrew.fi"><img src="#{request.contextPath}/resources/templates/template1/img/moya_logo.png" /> </a>
+						</div>
+					</div>
 				
-				</f:facet>
 			</p:layoutUnit>
 			<p:layoutUnit header="Menu**" collapsible="true" id="leftpanel" position="west" resizable="true">
 				<nav>
@@ -126,6 +134,7 @@
 					</h:link>
 				</div>
 
+				
 				<ui:insert name="title" />
 				<p:menubar rendered="#{primeMenuView.hasSecondaryMenu}" model="#{primeMenuView.secondaryMenuModel}" />
 
@@ -151,7 +160,7 @@
 
 			</p:layoutUnit>
 
-			<p:layoutUnit header="User**" resizable="true" collapsible="true" id="rightpanel" position="east" >
+			<p:layoutUnit header="User**" resizable="true" collapsible="true" id="rightpanel" position="east">