My favorites | Sign in
Project Logo
                
Search
for
Updated Apr 05, 2008 by ralphvdh
Labels: css, example
ExampleCSS  

Add this CSS to your gallery section CSS-file to make your gallery look better.

.setpreview {
	margin: 0 2em 1em 2em;
}
.setpreview .thumbnail {
	float: left;
	margin-right: 1em;
}
.flickrset a {
	border: solid #F67733 2px;
	width: 75px;
	height: 75px;
	background: #fff0d6;
	float: left;
	margin: 10px;
	padding: 5px;
}
.flickrset a:hover {
	background: #F67733;
}
.flickrset img {
	border: 0;
}
.pages_nav {
	clear: both;
}
.individual {
	padding: 0 2em;
}
.individual .image {
	margin: 0.5em auto;
	text-align: center;
}
.individual .flickrsetnav {
	text-align: center;
}
.individual .flickrsetnav a,
.individual .flickrsetnav a:link,
.individual .flickrsetnav a:visited {
	text-decoration: none;
}
.individual .setname {
	display: inline;
}

Sign in to add a comment
Hosted by Google Code