nodebb-theme-halloween/less/header.less

Halloween theme for NodeBB

@import "../../nodebb-theme-vanilla/less/header";

.header {
	//glowing animation for active state
	.dropdown-toggle {
		i {
			@-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;
			}
		}
	}
}

.breadcrumb {
	background-color: @halloween1;

	a, span, i, li.active {
		color: black;
	}
}