Google+ Tools
Make Google+ profile picture
Make Google plus banners for profile
Create and share your Google Plus profile banners.

Profile image for mrk studios naomier on March 10, 2012

CSS for the listings of Foodies Awards winners

Language
CSS
Tags

CSS for listings template


<style type="text/css">
#foodie-container {
	padding: 5px;
	float: left;
	width: 980px;
}
.foodie-category {
    float: left;
    margin: 2px 5px 15px 5px;
    padding: 2px;
    width: 124px;
}
.foodie-category li {
	list-style: none !important;
}		
.foodie-category a {
	color: #167; 
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.foodie-category a:hover {
	text-decoration: underline;
}	
.foodie-winner {
	border: 1px solid #ccc;
	float: left;
	height: 290px;
	margin: 2px 6px 10px 6px;
	overflow: hidden;
	padding: 4px;
	width: 304px;
}	
article, header, nav, section {
	display: block;
}
small {
	font-size: 11px;
}
h3 {
	border-bottom: 2px dotted #ccc;
	color: #167;	
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 2px 0 5px;
	padding: 2px;
}	
</style>

Comments

blog comments powered by Disqus