Lego2012
12/13/2016 - 3:31 PM

Retina sprite backgrounds

Retina sprite backgrounds

.nav-primary .genesis-nav-menu a {
	text-transform: uppercase;
	padding: 15px 24px;
	text-align: center;
	font-weight: 700;
}

.nav-primary .genesis-nav-menu li a:before {
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	background-repeat: no-repeat;
	background-size: 120px 60px;
	margin: 0 auto 11px auto;
}
.nav-primary .genesis-nav-menu li a:hover:before,
.nav-primary .genesis-nav-menu li.current-menu-item a:before {
	background-position: -60px 0;
}

.nav-primary .genesis-nav-menu li.health a:before {
	background-image: url(images/nav-icons/health.png);
}

.nav-primary .genesis-nav-menu li.farming a:before {
	background-image: url(images/nav-icons/farming.png);
}

.nav-primary .genesis-nav-menu li.tech a:before {
	background-image: url(images/nav-icons/tech.png);
}

.nav-primary .genesis-nav-menu li.manufacturing a:before {
	background-image: url(images/nav-icons/manufacturing.png);
}

.nav-primary .genesis-nav-menu li.energy a:before {
	background-image: url(images/nav-icons/energy.png);
}

.nav-primary .genesis-nav-menu li.oceans a:before {
	background-image: url(images/nav-icons/oceans.png);
}

.nav-primary .genesis-nav-menu li.environment a:before {
	background-image: url(images/nav-icons/environment.png);
}

.nav-primary .genesis-nav-menu li.space a:before {
	background-image: url(images/nav-icons/space.png);
}

.nav-primary .genesis-nav-menu li.investigator a:before {
	background-image: url(images/nav-icons/investigator.png);
}

Images are 240x120 each.
.home-featured .entry-title:before {
    content: "";
    height: 132px;
    width: 132px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 264px 132px;
    background-position: 0 0;
    margin-bottom: 30px;
}
.home-featured .entry-title:hover:before {
    background-position: -132px -0;
}

.home-featured-1 .entry-title:before {
    background-image: url(images/sprite-personal-insurance.png);
}

.home-featured-2 .entry-title:before {
    background-image: url(images/sprite-business-insurance.png);
}

.home-featured-3 .entry-title:before {
    background-image: url(images/sprite-superannuation.png);
}

/* Images are 528 x 264. */