@import "mixins.less";

#wpadminbar {

	#wp-admin-bar-laps {
		.ab-sub-wrapper {
			min-width: 90%;
			width: 90%;
			position: fixed;
			left: 5%;
		}

		.ab-submenu {
			padding: 0;
		}
	}

	#wp-admin-bar-laps_output {

		padding: 0 10px;

		&:hover {
			background-color: transparent;
		}

		.ab-empty-item {
			display: none;
		}
	}

	.laps-timeline {
		overflow: hidden;
		height: 20px;
		margin: 6px 0;
		background-color: #f5f5f5;
		border-radius: 4px;
		.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
	}

	.laps-timeline .event {
		float: left;
		width: 0%;
		height: 20px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background-color: #428bca;
		.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 {
		background-color: #5cb85c;
	}

	.laps-timeline .event-plugin {
		background-color: #428bca;
	}

	.laps-timeline .event-core {
		background-color: #f0ad4e;
	}

	.laps-timeline .event-query {
		background-color: #5bc0de;
	}

	[data-hint]:after {
		font-size: 13px;
		background-color: #464646;
		text-shadow: none;
	}

	.hint--bottom:before {
	  border-bottom-color: #464646;
	}
}