Testimonials

Last modified:

Links used on this page:

Pretty CSS Testimonials

dabblet.com

“We must hide our canoes for the Mezops of Luana are always at war with us and would steal them if they found them.

Ja | At The Earth’s Core

You don’t need to see his identification. These aren’t the droids you’re looking for. He can go about his business. Move along.

Obi-Wan Kenobi | Jedi Master

Just wanted to thank you for this new version. I’ve tinkered with some other software products for this – and yours is simple, fast, and just plain works.

Russell | May 18, 2013

Compressed CSS:

<style>
.testimonial {
	margin:0;
	background:#B7EDFF;
	padding:10px 50px;
	position:relative;
	font-family:Georgia,serif;
	color:#666;
	border-radius:5px;
	font-style:italic;
	text-shadow:0 1px 0 #ECFBFF;
	background-image:linear-gradient(#CEF3FF,#B7EDFF);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#CEF3FF),to(#B7EDFF));
	background-image:-webkit-linear-gradient(top,#CEF3FF,#B7EDFF);
	background-image:-moz-linear-gradient(top,#CEF3FF,#B7EDFF);
	background-image:-ms-linear-gradient(top,#CEF3FF,#B7EDFF);
	background-image:-o-linear-gradient(top,#CEF3FF,#B7EDFF);
}
.testimonial p {
	margin:0;
}
.testimonial:before,.testimonial:after {
	content:"\201C";
	position:absolute;
	font-size:80px;
	line-height:1;
	color:#999;
	font-style:normal;
}
.testimonial:before {
	top:0;
	left:10px;
}
.testimonial:after {
	content:"\201D";
	right:10px;
	bottom:-0.5em;
}
.arrow-down {
	width:0;
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:15px solid #B7EDFF;
	margin:0 0 0 25px;
}
.testimonial-author {
	margin:0 0 0 25px;
	font-family:Arial,Helvetica,sans-serif;
	color:#999;
	text-align:left;
}
.testimonial-author span {
	font-size:12px;
	color: #666;
}
</style>

Comments are closed.