schadeck

/**
 * Nettuts style blockquote
 */

blockquote { 
	background: transparent url(http://net.tutsplus.com/wp-content/themes/tuts/images/theme/nettuts/q_left.png) no-repeat 1em 1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font: italic 1em/1.75 Verdana, Helvetica, sans-serif;
 }

schadeck

/**
 * Blockquote using :before and :after v1: float
 */

blockquote {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 50px;
}

schadeck

/**
 * Blockquote using :before and :after v2: absolute
 */

blockquote {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 50px;
	position: relative;

schadeck

/**
 * chris coyier version  blockquote
 */


blockquote {
	background:#f9f9f9;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;

schadeck

/**
 * inline block example IE7 hack
 */

ul.ib { 
	width:250px; 
	display:block; 
}
ul.ib li {
	width: 100px;

schadeck

/**
 * inline block example IE7 hack
 */

ul.ib { 
	width:250px; 
	display:block; 
}
ul.ib li {
	width: 100px;

schadeck

/**
 * RedTeamDesign - CSS3 ordered list styles
 */

body{ margin: 40px auto; width: 500px; }
/* -------------------------------------- */
ol{ 
counter-reset: li; list-style: none; 
	*list-style: decimal; 
	font: 15px 'trebuchet MS', 'lucida sans'; 

schadeck

/**
 * CSS3 Multiple Background Example
 */

background: #369;
background-image: url('http://placehold.it/100x100/f00/fff&text=n-1'), url('http://placehold.it/100x100/0f0/fff&text=n-2');
background-repeat: repeat-x, repeat-y;
background-position: center center, center center;

min-height:100%;

schadeck

/**
 * CSS3 Multiple Background Example
 */

background: #369;
background-image: url('http://placehold.it/100x100/f00/fff&text=n-1'), url('http://placehold.it/100x100/0f0/fff&text=n-2');
background-repeat: repeat-x, repeat-y;
background-position: center center, center center;

min-height:100%;

schadeck

/**
 * Playing with box-shadow
 */

div { 
	width: 300px; 
	height: 300px;
	margin: 50px auto; 
	border: 5px solid #ccc;