General: Remove Inline Styles Navbar Logo Position and Fix The Centet…

… Position With Proper Calc Value
philipherlambang · Sep 26, 2017 · 7e52b2b · 7e52b2b
1 parent bdd0f62
commit 7e52b2b
Show file tree

Hide file tree

Showing 28 changed files with 32 additions and 27 deletions.
diff --git a/about.html b/about.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/articleDetails.html b/articleDetails.html
@@ -93,7 +93,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/articles.html b/articles.html
@@ -93,7 +93,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/blank.html b/blank.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/changePassword.html b/changePassword.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/channelDashboard.html b/channelDashboard.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/channelDetail.html b/channelDetail.html
@@ -91,7 +91,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/channelEdit.html b/channelEdit.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/checkout1.html b/checkout1.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/checkout2.html b/checkout2.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/checkout3.html b/checkout3.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/chefDirectory.html b/chefDirectory.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/contact.html b/contact.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/css/kimi.css b/css/kimi.css
@@ -93,6 +93,11 @@ a{color:#fc9159}
     margin-bottom: 0;
 }
 
+.logo-center {
+    width: calc(100% - 95.5px); /* 83.5px Get From navbar-menu width 63px +  navbar-search 32.44px */
+    float: left;
+}
+
 .logo-container{
     margin-bottom: 0;
     margin-top:5px;

diff --git a/include/top_navigation.html b/include/top_navigation.html
@@ -35,7 +35,7 @@
                     <span class="icon-bar icon-medium"></span>
                 </button>
             </div>
-            <div class="visible-xs" style="width: 70%; float: left;">
+            <div class="visible-xs logo-center">
                 <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.svg" width="150" onerror="this.onerror=null; this.src='image.png'"></a></p>
             </div>
             <div class="visible-xs pull-right">

diff --git a/index.html b/index.html
@@ -97,7 +97,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/jobs.html b/jobs.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/login.html b/login.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/merchantGuide.html b/merchantGuide.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/plan.html b/plan.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/productDetail.html b/productDetail.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/questions.html b/questions.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/register.html b/register.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/registerMerchant.html b/registerMerchant.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/resetPassword.html b/resetPassword.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/search.html b/search.html
@@ -95,7 +95,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/shoppingCart.html b/shoppingCart.html
@@ -90,7 +90,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">

diff --git a/thankyou.html b/thankyou.html
@@ -92,7 +92,7 @@
                 <span class="icon-bar icon-medium"></span>
             </button>
         </div>
-        <div class="visible-xs" style="width: 70%; float: left;">
+        <div class="visible-xs logo-center">
             <p class="text-center logo-container visible-xs"><a href="index.html"><img src="images/logo.png" width="90"></a></p>
         </div>
         <div class="visible-xs pull-right">