#93 - Template itself.

modules/boonex/ocean/data/template/system/_sub_footer.html

@@ -1,41 +1,43 @@
-	
-	                <bx_injection:injection_content_after />
-	
-	                <div class="bx-clear"></div>
-	
-	            <bx_injection:banner_bottom />
-	
-	        </div> <!-- #bx-content-main -->
-	
-	        <bx_injection:injection_between_content_footer />
-	
-	    </div> <!-- #bx-content-container -->
+		
+		                <bx_injection:injection_content_after />
+		
+		                <div class="bx-clear"></div>
+		
+		            <bx_injection:banner_bottom />
+		
+		        </div> <!-- #bx-content-main -->
+		
+		        <bx_injection:injection_between_content_footer />
+		
+		    </div> <!-- #bx-content-container -->
+		
+		</div>
+	
+	</div> <!-- #bx-content-wrapper -->
+	
+	<div id="bx-footer-wrapper">
+		<div class="bx-def-centered bx-def-padding-top bx-def-padding-sec-leftright bx-def-page-width">
+		
+		    <div id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+		
+		        <bx_injection:injection_footer_before />
+		
+		        <div id="bx-menu-bottom">
+		            <bx_menu:sys_footer />
+		        </div>
+		
+		        <div id="bx-footer-copyright">__copyright__</div>
+		
+		        <bx_injection:injection_footer_after />
+		
+		    </div>
+		
+		</div>
 	
 	</div>
-
-</div> <!-- #bx-content-wrapper -->
-
-<div id="bx-footer-wrapper">
-	<div class="bx-def-centered bx-def-padding-top bx-def-padding-sec-leftright bx-def-page-width">
 	
-	    <div id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
-	
-	        <bx_injection:injection_footer_before />
-	
-	        <div id="bx-menu-bottom">
-	            <bx_menu:sys_footer />
-	        </div>
-	
-	        <div id="bx-footer-copyright">__copyright__</div>
-	
-	        <bx_injection:injection_footer_after />
-	
-	    </div>
-	
-	</div>
+	<bx_menu:sys_site_action />
 
 </div>
 
-<bx_menu:sys_site_action />
-
 <bx_include_auto:_footer.html />

modules/boonex/ocean/data/template/system/_sub_header.html

@@ -1,82 +1,72 @@
-
 <bx_include_auto:_header.html />
 
+<div class="bx-main">
 
-
-<bx_injection:top />
-
-
-
-<div id="bx-toolbar" class="bx-def-shadow">
-
-    <div class="bx-def-centered bx-def-padding-sec-left bx-def-padding-sec-right bx-def-page-width">
-
-        <div id="bx-toolbar-content" class="bx-clearfix">
-
-            <div id="bx-menu-toolbar-1-container">
-                <bx_menu:sys_toolbar_site />
-            </div>
-
-
-            <div id="bx-logo-container">
-
-                <bx_injection:injection_logo_before />
-                    __main_logo__
-                <bx_injection:injection_logo_after />
-
-            </div>
-
-            <div id="bx-menu-toolbar-2-container">
-                <bx_menu:sys_toolbar_member />
-            </div>
-
-        </div>
-
-    </div>
-
-</div>
-
-
-
-<bx_injection:injection_between_logo_top_menu />
-
-
-
-<div id="bx-menu-main-bar-wrapper">
-
-    <div id="bx-menu-main-bar" class="bx-def-color-bg-sec">
-
-        <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-page-width">
-
-            <bx_injection:injection_top_menu_before />
-
-            <div id="bx-menu-main-container">
-                <div id="bx-menu-main-container-scroller"> 
-                    <bx_menu:sys_site_submenu />
-                </div>
-            </div>
-
-            <bx_injection:injection_top_menu_after />
-
-        </div>
-
-    </div>
-
-</div>
-
-
-<bx_injection:injection_between_content_menu />
-
-<div id="bx-content-wrapper" class="bx-def-padding-topbottom">
-
-	__informer__
-
-	<div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width">
+	<bx_injection:top />
 	
-	    <div id="bx-content-container" class="bx-def-padding-sec-leftright">
+	<div id="bx-toolbar" class="bx-def-shadow">
 	
-	        <bx_injection:injection_content_before />
+	    <div class="bx-def-centered bx-def-padding-sec-left bx-def-padding-sec-right bx-def-page-width">
 	
-	        <div id="bx-content-main" class="">
+	        <div id="bx-toolbar-content" class="bx-clearfix">
+	
+	            <div id="bx-menu-toolbar-1-container">
+	                <bx_menu:sys_toolbar_site />
+	            </div>
 
+	            <div id="bx-logo-container">
+	
+	                <bx_injection:injection_logo_before />
+	                    __main_logo__
+	                <bx_injection:injection_logo_after />
+	
+	            </div>
+	
+	            <div id="bx-menu-toolbar-2-container">
+	                <bx_menu:sys_toolbar_member />
+	            </div>
+	
+	        </div>
+	
+	    </div>
+	
+	</div>
 
+	<bx_injection:injection_between_logo_top_menu />
+	
+	<div id="bx-menu-main-bar-wrapper">
+	
+	    <div id="bx-menu-main-bar" class="bx-def-color-bg-sec">
+	
+	        <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-page-width">
+	
+	            <bx_injection:injection_top_menu_before />
+	
+	            <div id="bx-menu-main-container">
+	                <div id="bx-menu-main-container-scroller"> 
+	                    <bx_menu:sys_site_submenu />
+	                </div>
+	            </div>
+	
+	            <bx_injection:injection_top_menu_after />
+	
+	        </div>
+	
+	    </div>
+	
+	</div>
+	
+	
+	<bx_injection:injection_between_content_menu />
+	
+	<div id="bx-content-wrapper" class="bx-def-padding-topbottom">
+	
+		__informer__
+	
+		<div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width">
+		
+		    <div id="bx-content-container" class="bx-def-padding-sec-leftright">
+		
+		        <bx_injection:injection_content_before />
+		
+		        <div id="bx-content-main" class="">

modules/boonex/ocean/data/template/system/css/general.css

@@ -1,5 +1,15 @@
 @import url(../../../../../../../template/css/general.css);
 
+html,
+body {
+	height: 100%;	
+}
+
+.bx-main {
+	position: relative;
+	min-height: 100%;
+}
+
 /* --------------- toolbar */
 #bx-toolbar {
 	height: 64px;
@@ -33,6 +43,9 @@
 
 /* --------------- content */
 #bx-content-wrapper {
+	padding-bottom: 100px;
+	padding-bottom: 6.25rem;
+
 	background-image: url(../images/bg-page.png);
 	background-repeat: repeat-x;
 	border-top: 1px solid #3498bf;
@@ -40,6 +53,13 @@
 
 /* --------------- footer */
 #bx-footer-wrapper {
+	position: absolute;
+
+	width: 100%;
+	height: 100px;
+	height: 6.25rem;
+	bottom: 0;
+
 	background-color: #ffffff;
 	border-top: 1px solid #93b3c3;
 }