cooktwice list view

list_view

--------------- the page ------------------

<li class="recipe">
  <a href="#" class="star"/>
  <h3><%= "Chile-Braised Pork Shoulder Tacos" %></h3>
  <p class="details"><%= "Added by you, shared with 3 others, edited by 2 others, 5 comments" %></p>
  <p class="source"><%= "Bon Apetit" %></li>
  <div class="actions">
     <a href="#" class="share">Share</a>
  </div>
</li>


------------- the stylesheet --------------

section view_list ul {
	background: #eae8e8;
	margin-left: 30px;
	margin-right: 150px;
	margin-bottom: 10px;
	padding: 10px 10px;
	list-style-type: none;
	display: block;
}

section view_list ul li {
	list-style-type: none;
	display: list-item;
}

.list_favorite {
	float: left;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
}
.list_title {
	padding-left: 60px;
	font-size: 150%;
}
.list_comment {
	padding-left: 60px;
	color: #999;
}
.list_source {
	padding-left: 60px;
	color: #000;
}
.list_action {
	float: right;
	margin-left: 300px;
	padding: 0 0.7em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid #999 1px;
	color: #999;
}