From 868a8e86b5dd87601f14a9f6289c41e08db124cf Mon Sep 17 00:00:00 2001
From: christianesperar <christianesperar@gmail.com>
Date: Tue, 3 May 2016 01:32:08 +0800
Subject: [PATCH] Enhance navigation tab

---
 production/css/custom.css  | 19 ++++----
 production/less/custom.css | 91 ++++++++++++++++++++------------------
 2 files changed, 58 insertions(+), 52 deletions(-)

diff --git a/production/css/custom.css b/production/css/custom.css
index 1ecccc32..4352edf7 100755
--- a/production/css/custom.css
+++ b/production/css/custom.css
@@ -2379,10 +2379,8 @@ span.tag a {
 /* *********  /form tags input  **************************** */
 
 
-/* *********  tabs  **************************** */
-
+/** Tabs **/
 ul.bar_tabs {
-  /* border: 1px solid #ff0000; */
   overflow: visible;
   background: #F5F7FA;
   height: 25px;
@@ -2407,15 +2405,17 @@ ul.bar_tabs > li.active {
   border-top: 0;
   margin-top: -15px;
 }
-ul.bar_tabs > li.active a {
-  background: #fff;
-  border-color: transparent;
-}
 ul.bar_tabs > li a {
   padding: 10px 17px;
   background: #F5F7FA;
   margin: 0;
-  border-radius: 0;
+  border-top-right-radius: 0;
+}
+ul.bar_tabs > li a:hover {
+  border: 1px solid transparent;
+}
+ul.bar_tabs > li.active a {
+  border-bottom: none;
 }
 ul.bar_tabs.right {
   padding-right: 14px;
@@ -2426,8 +2426,7 @@ ul.bar_tabs.right li {
 a:focus {
   outline: none;
 }
-
-/* *********  /tabs  **************************** */
+/** /Tabs **/
 
 
 /* *********  timeline  **************************** */
diff --git a/production/less/custom.css b/production/less/custom.css
index ce8ba060..4352edf7 100755
--- a/production/less/custom.css
+++ b/production/less/custom.css
@@ -868,73 +868,81 @@ legend {
   height: 280px;
 }
 
-/* *********  contacts  ********************************** */
+/** Contacts **/
+.profile_details:nth-child(3n){
+    clear:both;
+}
 
-.profile_view {
-  margin-bottom: 20px;
+.profile_details .profile_view {
   display: inline-block;
-  width: 100%;
-}
-.well.profile_view {
   padding: 10px 0 0;
+  background: #fff;
 }
-.well.profile_view .divider {
+
+.profile_details .profile_view .divider {
   border-top: 1px solid #e5e5e5;
   padding-top: 5px;
   margin-top: 5px;
 }
-.well.profile_view .ratings {
+
+.profile_details .profile_view .ratings {
   margin-bottom: 0;
 }
-.pagination.pagination-split li {
-  display: inline-block;
-  margin-right: 3px;
-}
-.pagination.pagination-split li a {
-  border-radius: 4px;
-  color: #768399;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-}
-.well.profile_view {
-  background: #fff;
-}
-.well.profile_view .bottom {
-  margin-top: -20px;
+
+.profile_details .profile_view .bottom {
   background: #F2F5F7;
   padding: 9px 0;
   border-top: 1px solid #E6E9ED;
 }
-.well.profile_view .left {
+
+.profile_details .profile_view .left {
   margin-top: 20px;
 }
-.well.profile_view .left p {
+
+.profile_details .profile_view .left p {
   margin-bottom: 3px;
 }
-.well.profile_view .right {
+
+.profile_details .profile_view .right {
   margin-top: 0px;
   padding: 10px;
 }
-.well.profile_view .img-circle {
+
+.profile_details .profile_view .img-circle {
   border: 1px solid #E6E9ED;
   padding: 2px;
 }
-.well.profile_view h2 {
+
+.profile_details .profile_view h2 {
   margin: 5px 0;
 }
-.well.profile_view .ratings {
+
+.profile_details .profile_view .ratings {
   text-align: left;
   font-size: 16px;
 }
-.well.profile_view .brief {
+
+.profile_details .profile_view .brief {
   margin: 0;
   font-weight: 300;
 }
-.profile_left {
+
+.profile_details .profile_left {
   background: white;
 }
 
-/* *********  /contacts  ********************************** */
+.pagination.pagination-split li {
+  display: inline-block;
+  margin-right: 3px;
+}
+
+.pagination.pagination-split li a {
+  border-radius: 4px;
+  color: #768399;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+}
+/** Contacts **/
 
 
 /* *********  /custom accordion  **************************** */
@@ -2371,10 +2379,8 @@ span.tag a {
 /* *********  /form tags input  **************************** */
 
 
-/* *********  tabs  **************************** */
-
+/** Tabs **/
 ul.bar_tabs {
-  /* border: 1px solid #ff0000; */
   overflow: visible;
   background: #F5F7FA;
   height: 25px;
@@ -2399,15 +2405,17 @@ ul.bar_tabs > li.active {
   border-top: 0;
   margin-top: -15px;
 }
-ul.bar_tabs > li.active a {
-  background: #fff;
-  border-color: transparent;
-}
 ul.bar_tabs > li a {
   padding: 10px 17px;
   background: #F5F7FA;
   margin: 0;
-  border-radius: 0;
+  border-top-right-radius: 0;
+}
+ul.bar_tabs > li a:hover {
+  border: 1px solid transparent;
+}
+ul.bar_tabs > li.active a {
+  border-bottom: none;
 }
 ul.bar_tabs.right {
   padding-right: 14px;
@@ -2418,8 +2426,7 @@ ul.bar_tabs.right li {
 a:focus {
   outline: none;
 }
-
-/* *********  /tabs  **************************** */
+/** /Tabs **/
 
 
 /* *********  timeline  **************************** */