Updates styles with Bootstrap v3

css/laps.less

@@ -4,13 +4,12 @@
 
 	#wp-admin-bar-laps {
 		.ab-sub-wrapper {
-			//			display: block !important;
 			min-width: 90%;
 			width: 90%;
 			position: fixed;
 			left: 5%;
-
 		}
+
 		.ab-submenu {
 			padding: 0;
 		}
@@ -27,48 +26,40 @@
 		.ab-empty-item {
 			display: none;
 		}
-
 	}
 
 	.laps-timeline {
 		overflow: hidden;
 		height: 20px;
 		margin: 6px 0;
-		#gradient > .vertical(#f5f5f5, #f9f9f9);
+		background-color: #f5f5f5;
+		border-radius: 4px;
 		.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
-		.border-radius(4px);
 	}
 
 	.laps-timeline .event {
-		width: 0%;
-		height: 20px;
-		color: #fff;
 		float: left;
+		width: 0%;
+		height: 100%;
 		font-size: 12px;
+		color: #fff;
 		text-align: center;
-		text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-		#gradient > .vertical(#ee5f5b, #c43c35);
-		.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
-		.box-sizing(border-box);
+		background-color: #428bca;
+		.box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
 		.transition(width .6s ease);
-
-		position: absolute;
-	}
-
-	.laps-timeline .event + .event {
-		.box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
+		position: absolute; // disable stacking at start
 	}
 
 	.laps-timeline .event-theme {
-		#gradient > .vertical(#62c462, #57a957);
+		background-color: #5cb85c;
 	}
 
 	.laps-timeline .event-plugin {
-		#gradient > .vertical(#5bc0de, #339bb9);
+		background-color: #428bca;
 	}
 
 	.laps-timeline .event-core {
-		#gradient > .vertical(lighten(#f89406, 15%), #f89406);
+		background-color: #f0ad4e;
 	}
 
 	[data-hint]:after {