nodebb/public/css/header.less

#user_label { //belongs in header.less
	img {
		border: 1px solid #454;
		margin-right: 8px;
		margin-top: -2px;
		float: left;
		width:24px;
		height:24px;
	}

	span {
		font-size: 14px;
		font-weight: 400;
		color: #ded;
	}
}



#pagination {
	position: absolute;
	background: rgb(34, 34, 34);
	right: 0px;
	top: 50px;
	color: white;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 15px;
	display: none;
}


.taskbar {
	display: none;
	-moz-opacity: 0.5;
	opacity: 0.5;
	margin-top: 0;
	-webkit-transition: opacity 250ms ease-in;
	   -moz-transition: opacity 250ms ease-in;
	    -ms-transition: opacity 250ms ease-in;
	     -o-transition: opacity 250ms ease-in;
	        transition: opacity 250ms ease-in;

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

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

	li {
		a > span {
			.inline-block;
			max-width: 200px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}

		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; }
		}
	}
}

#notif-list {
	li {
		font-size: 12px;
		width: 300px;
		text-align: left;

		a {
			white-space: normal;
		}

		&.unread {
			background: #eceff5;
		}
	}
}



.dropdown-toggle {
	i {
		font-size: 12px;

		@-webkit-keyframes glow
		{
			from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
			50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
			to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
		}
		@keyframes glow
		{
			from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
			50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
			to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
		}


		&.active {
			color: #558;

			text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
			-webkit-animation:glow 1.5s infinite linear;
				    animation:glow 1.5s infinite linear;
		}

	}
}