UI-1443: Update nav-tabs CSS

submodules/strategy/strategy.css

@@ -344,92 +344,52 @@
 /********** Strategy Calls ***********/
 
 #strategy_container .element-container.strategy-calls .calls-tabs {
-	height: 32px;
-	padding: 20px 20px 0;
+	height: 34px;
+	margin: 0;
+	padding: 20px;
 }
 
-#strategy_container .element-container.strategy-calls .calls-tabs .open-hours-tab i {
-	color: #74B814;
-}
-#strategy_container .element-container.strategy-calls .calls-tabs .open-hours-tab.active i {
-	color: #333;
+#strategy_container .element-container.strategy-calls .calls-tabs .open-hours-tab:hover a,
+#strategy_container .element-container.strategy-calls .calls-tabs .open-hours-tab:hover i {
+	color: #74b814;
 }
+
 #strategy_container .element-container.strategy-calls .calls-tabs .open-hours-tab.active a {
-	background-color: hsl(85, 80%, 40%) !important;
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcef75", endColorstr="#73b714");
-	background-image: -khtml-gradient(linear, left top, left bottom, from(#bcef75), to(#73b714));
-	background-image: -moz-linear-gradient(top, #bcef75, #73b714);
-	background-image: -ms-linear-gradient(top, #bcef75, #73b714);
-	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcef75), color-stop(100%, #73b714));
-	background-image: -webkit-linear-gradient(top, #bcef75, #73b714);
-	background-image: -o-linear-gradient(top, #bcef75, #73b714);
-	background-image: linear-gradient(#bcef75, #73b714);
-	border-color: #73b714 #73b714 hsl(85, 80%, 32.5%);
-	color: #333 !important;
-	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
-	-webkit-font-smoothing: antialiased;
-}
-
-#strategy_container .element-container.strategy-calls .calls-tabs .lunch-hours-tab i {
+	background-color: #74b814;
+}
+
+#strategy_container .element-container.strategy-calls .calls-tabs .lunch-hours-tab:hover a,
+#strategy_container .element-container.strategy-calls .calls-tabs .lunch-hours-tab:hover i {
 	color: #f89406;
 }
+
 #strategy_container .element-container.strategy-calls .calls-tabs .lunch-hours-tab.active a {
-	color: #ffffff;
-	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-	background-color: #faa732;
-	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
-	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
-	background-image: -o-linear-gradient(top, #fbb450, #f89406);
-	background-image: linear-gradient(to bottom, #fbb450, #f89406);
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
-	border-color: #f89406 #f89406 #ad6704;
-	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-
-#strategy_container .element-container.strategy-calls .calls-tabs .after-hours-tab i {
+	background-color: #f89406;
+}
+
+#strategy_container .element-container.strategy-calls .calls-tabs .after-hours-tab:hover a,
+#strategy_container .element-container.strategy-calls .calls-tabs .after-hours-tab:hover i {
 	color: #363636;
 }
+
 #strategy_container .element-container.strategy-calls .calls-tabs .after-hours-tab.active a {
-	color: #ffffff;
-	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 	background-color: #363636;
-	background-image: -moz-linear-gradient(top, #444444, #222222);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
-	background-image: -webkit-linear-gradient(top, #444444, #222222);
-	background-image: -o-linear-gradient(top, #444444, #222222);
-	background-image: linear-gradient(to bottom, #444444, #222222);
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
-	border-color: #222222 #222222 #000000;
-	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-
-#strategy_container .element-container.strategy-calls .calls-tabs .holidays-tab i {
+}
+
+#strategy_container .element-container.strategy-calls .calls-tabs .holidays-tab:hover a,
+#strategy_container .element-container.strategy-calls .calls-tabs .holidays-tab:hover i {
 	color: #49afcd;
 }
+
 #strategy_container .element-container.strategy-calls .calls-tabs .holidays-tab.active a {
-	color: #ffffff;
-	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 	background-color: #49afcd;
-	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
-	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
-	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
-	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
-	border-color: #2f96b4 #2f96b4 #1f6377;
-	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-
-#strategy_container .element-container.strategy-calls .calls-tabs li.active i {
-	color: #ffffff;
+}
+
+#strategy_container .element-container.strategy-calls .calls-tabs .active a:hover,
+#strategy_container .element-container.strategy-calls .calls-tabs .active a:focus,
+#strategy_container .element-container.strategy-calls .calls-tabs .active a:hover i,
+#strategy_container .element-container.strategy-calls .calls-tabs .active a:focus i, {
+	color: #fff;
 }
 
 #strategy_container .element-container.strategy-calls .callflow-tabs {