#28 - Flat design.

template/_sub_footer.html

@@ -15,9 +15,9 @@
 
 <hr class="bx-def-hr" />
 
-<div class="bx-page-wrapper bx-def-page-width bx-def-padding-sec-left bx-def-padding-sec-right">
+<div class="bx-page-wrapper bx-def-page-width">
 
-    <div id="bx-footer">
+    <div id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right">
 
         <bx_injection:injection_footer_before />
 

template/_sub_header.html

@@ -46,7 +46,7 @@
 
     <div id="bx-menu-main-bar" class="bx-def-color-bg-sec">
 
-        <div class="bx-page-wrapper bx-def-padding-sec-left bx-def-padding-sec-right bx-def-page-width">
+        <div class="bx-page-wrapper bx-def-page-width">
 
             <bx_injection:injection_top_menu_before />
 
@@ -70,9 +70,9 @@
 __informer__
 
 
-<div class="bx-page-wrapper bx-def-padding-sec-left bx-def-padding-sec-right bx-def-page-width">
+<div class="bx-page-wrapper bx-def-page-width">
 
-    <div id="bx-content-container">
+    <div id="bx-content-container" class="bx-def-padding-sec-left bx-def-padding-sec-right">
 
         <bx_injection:injection_content_before />
 

template/css/default.css

@@ -200,43 +200,43 @@
 
 .bx-def-padding-sec {
     padding:10px;
-    padding:0.6rem;
+    padding:0.5rem;
 }
 .bx-def-padding-sec-rightbottomleft {
     padding-right:10px;
-    padding-right:0.6rem;
+    padding-right:0.5rem;
     padding-bottom:10px;
-    padding-bottom:0.6rem;
+    padding-bottom:0.5rem;
     padding-left:10px;
-    padding-left:0.6rem;
+    padding-left:0.5rem;
 }
 .bx-def-padding-sec-topbottom {
     padding-top:10px;
-    padding-top:0.6rem;
+    padding-top:0.5rem;
     padding-bottom:10px;
-    padding-bottom:0.6rem;
+    padding-bottom:0.5rem;
 }
 .bx-def-padding-sec-leftright {
     padding-left:10px;
-    padding-left:0.6rem;
+    padding-left:0.5rem;
     padding-right:10px;
-    padding-right:0.6rem;
+    padding-right:0.5rem;
 }
 .bx-def-padding-sec-top {
     padding-top:10px;
-    padding-top:0.6rem;
+    padding-top:0.5rem;
 }
 .bx-def-padding-sec-right {
     padding-right:10px;
-    padding-right:0.6rem;
+    padding-right:0.5rem;
 }
 .bx-def-padding-sec-bottom {
     padding-bottom:10px;
-    padding-bottom:0.6rem;
+    padding-bottom:0.5rem;
 }
 .bx-def-padding-sec-left {
     padding-left:10px;
-    padding-left:0.6rem;
+    padding-left:0.5rem;
 }
 
 .bx-def-padding-thd {

template/css/general.css

@@ -45,9 +45,15 @@
     -ms-box-sizing: border-box;
     box-sizing: border-box;
 
+    height: 48px;
+    height: 3rem;
+           
     margin:0 48px;
     margin:0 3rem;
 
+    line-height: 48px;
+    line-height: 3rem;
+    
     vertical-align: middle;
     text-align: center;
 

template/css/menu.css

@@ -225,8 +225,6 @@ ul.bx-menu-toolbar li a .sys-icon,
 ul.bx-menu-toolbar li a img,
 ul.bx-menu-toolbar li a span {
     vertical-align:middle;
-    margin:0 5px;
-    margin:0 0.3125rem;
 }
 ul.bx-menu-toolbar li a span {
     margin-right:0;

template/menu_toolbar.html

@@ -1,7 +1,7 @@
 <ul class="bx-menu-toolbar bx-menu-object-__object__">
     <bx_repeat:menu_items>
         <li class="bx-def-color-bg-hl-hover __class_add__">
-            <a href="__link__" target="__target__" onclick="__onclick__" class="bx-def-margin-sec-left bx-def-font-contrasted"><bx_if:title><span>__title__</span></bx_if:title><bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon><bx_if:image><img class="bx-def-thumb-size" src="__icon_url__" /></bx_if:image></a>
+            <a href="__link__" target="__target__" onclick="__onclick__" class="bx-def-margin-sec-left bx-def-font-contrasted"><bx_if:title><span class="bx-def-margin-sec-leftright">__title__</span></bx_if:title><bx_if:icon><i class="sys-icon __icon__ bx-def-margin-sec-leftright"></i></bx_if:icon><bx_if:image><img class="bx-def-thumb-size bx-def-margin-sec-leftright" src="__icon_url__" /></bx_if:image></a>
         </li>
     </bx_repeat:menu_items>
 </ul>