page trails

Posted: July 5, 2012 in web
#foo-trail-bar li.current-trail{
	background-color:#c5d7ef !important;
	color:#000;
	font-weight:bold !important;
}
#foo-trail-bar li{
	float:left;
	list-style:none;
	padding:7px 30px 8px 10px;
	background:#e5ecf9 url(@light-light) no-repeat right;
	color:#666;
}
#foo-trail-bar{
	margin:0;
	padding:0;
}
#foo-trail{
	background-color:#e5ecf9;
	width:100%;
	display:inline-block;
	//margin-bottom:20px;
}
#foo-trail-bar li.foo-dark-light{
	background:url(@dark-light) no-repeat right;
	font-weight:normal;
}
#foo-trail-bar li.foo-light-dark{
	background:url(@light-dark) no-repeat right;
	font-weight:normal;
}

	<div id="foo-trail">
		<ul id="foo-trail-bar">
			<li class="foo-light-dark">#{content['payment.trail.step1']}</li>
			<li class="current-trail foo-dark-light">
				#{content['payment.trail.recurring.step2']}</li>
		</ul>
	</div>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s