@import "../less/keyframes";

.taskbar {
	.no-select;
	display: none;
	-moz-opacity: 0.6;
	opacity: 0.6;
	margin-top: 0;
    bottom: 5px;
	-webkit-transition: opacity 150ms ease-in;
	   -moz-transition: opacity 150ms ease-in;
	    -ms-transition: opacity 150ms ease-in;
	     -o-transition: opacity 150ms ease-in;
	        transition: opacity 150ms ease-in;

	&[data-active="1"] {
		display: block;
	}

	&:hover {
		-moz-opacity: 1;
		opacity: 1;
	}

	ul.pull-right{
		margin-right: 15px;
	}

	li {
		float: left;
        margin-left:10px;

		&.new a {
			-webkit-animation: taskbar-active 3s infinite;
			-moz-animation: taskbar-active 3s infinite;
			-o-animation: taskbar-active 3s infinite;
			animation: taskbar-active 3s infinite;
		}

		a {
            display: inline-block;
            height: 50px;
            width: 50px;
            line-height: 50px;
            font-size: 20px;
            padding: 0;
            background-color: #69f;
            text-align: center;
            color: #fff;
            border-radius: 25px;
            &:focus,
            &:hover {
                background-color: #69f;
            }
		}

		img {
			max-width: 24px;
			max-height: 24px;
			margin-right: 1em;
		}

		&.pulse {
			-webkit-animation: pulsate 2500ms linear;
			-webkit-animation-iteration-count: infinite;
		}

		@-webkit-keyframes pulsate {
			0% { background: none; }
			50% { background: #e5e5e5; }
			100% { background: none; }
		}
	}


	@media (max-width: 979px) {
		/*
	 		Gets in the way of entering text when writing posts
		*/
		display: none !important;
	}
}

.tooltip-inner {
    max-height:100px;
    overflow:hidden;
}