Added initial take on SQL queries timeline.

css/laps.css

@@ -28,7 +28,7 @@
 #wpadminbar .laps-timeline .event {
   float: left;
   width: 0%;
-  height: 100%;
+  height: 20px;
   font-size: 12px;
   color: #fff;
   text-align: center;
@@ -38,6 +38,7 @@
   -webkit-transition: width 0.6s ease;
   transition: width 0.6s ease;
   position: absolute;
+  border-left: 1px solid #f5f5f5;
 }
 #wpadminbar .laps-timeline .event-theme {
   background-color: #5cb85c;
@@ -48,6 +49,9 @@
 #wpadminbar .laps-timeline .event-core {
   background-color: #f0ad4e;
 }
+#wpadminbar .laps-timeline .event-query {
+  background-color: #5bc0de;
+}
 #wpadminbar [data-hint]:after {
   font-size: 13px;
   background-color: #464646;

css/laps.less

@@ -40,7 +40,7 @@
 	.laps-timeline .event {
 		float: left;
 		width: 0%;
-		height: 100%;
+		height: 20px;
 		font-size: 12px;
 		color: #fff;
 		text-align: center;
@@ -48,6 +48,7 @@
 		.box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
 		.transition(width .6s ease);
 		position: absolute; // disable stacking at start
+		border-left: 1px solid #f5f5f5;
 	}
 
 	.laps-timeline .event-theme {
@@ -62,6 +63,10 @@
 		background-color: #f0ad4e;
 	}
 
+	.laps-timeline .event-query {
+		background-color: #5bc0de;
+	}
+
 	[data-hint]:after {
 		font-size: 13px;
 		background-color: #464646;