org.eclipse.pde/intro/css/samples.css

/* Lay out the real content of the samples page. */

.samples-group {
	width : 750px;
	/* To center in Moz (have to use text-align for IE) */	
	margin : 0px auto;
	margin-bottom : 10px;
	text-align : left;
	float : none;
	clear : both;
}

.samples-group H4 { margin-top : 10px; }

.sample-link { 
	width : 360px;
	text-align : left; 
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 10px;
	margin-bottom : -30px;
	vertical-align : top;
}

/* specialize the swt samples group to be spread over only 1 column */
#swt .sample-link { 
	width : 720px;
}

.samples-group > .sample-link {
	float : left;
	height : 150px;
	vertical-align : middle;
}


.sample-link .link-label {
	display : block;
	width : 300px;
	position : relative;
	top : -50px;
	left : 60px;
}

#swt .sample-link .link-label {
	width : 600px;	
} 

.sample-link p .text {
	display : block;
	width : 300px;
	position : relative;
	top : -45px;
	left : 53px;
}

#swt .sample-link .text {
	width : 620px;	
} 

.sample-link img {
	height : 56px;
	width : 56px;
	vertical-align : middle;
}

.sample-link:hover { border-right : 0px; }


#swt .sample-link img {
	background-image : url(graphics/obj_48/samplered_obj.gif);
}

#swt .sample-link:hover img {
	background-image : url(graphics/obj_48/sampleredhov_obj.gif);
}

#workbench .sample-link img {
	background-image : url(graphics/obj_48/samplepurp_obj.gif);
}

#workbench .sample-link:hover img {
	background-image : url(graphics/obj_48/samplepurphov_obj.gif);
}