diff --git a/css/area_footer.less b/css/area_footer.less
index f5edef4..28c07b7 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -57,7 +57,7 @@
     .showSidebar {
         #dokuwiki__footer {
             .col-xs-12 {
-                width: 73%;
+                width: @ini_site_width;
             }
         }
     }
diff --git a/css/base.less b/css/base.less
index a778b2b..ecbf28f 100755
--- a/css/base.less
+++ b/css/base.less
@@ -46,6 +46,11 @@
 /* global vars */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
+@nav_direct_background   : @ini_background_content;
+@nav_direct_color        : @ini_existing;
+
+@ini_sidebar_width : (100 - @ini_site_width) - 4;
+
 @height-context-bar: 50px;
 
 @margin-small:       1rem;
diff --git a/css/base_structure.less b/css/base_structure.less
index f4a2062..83957ce 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -99,7 +99,7 @@
             position: relative;
 
             > .col-xs-12 {
-                width: 23%;
+                width: @ini_sidebar_width;
                 box-sizing: border-box;
             }
         }
@@ -114,7 +114,7 @@
 
             + .col-xs-12 {
                 float: right;
-                width: 73%;
+                width: @ini_site_width;
                 box-sizing: border-box;
             }
         }
@@ -137,7 +137,7 @@
     .showSidebar {
         .content {
             .row > .col-xs-12 {
-                width: 73%;
+                width: @ini_site_width;
                 float: right;
             }
         }