style.html

<div class="clear code-block">
	<pre class="brush: css">
		body, html {background: #000; font-size: 12px;}
		#container {width: 810px; margin: 0 auto 0 auto;}
		#notice {color: #fff; font-weight: bold; font-size: 15px; font-style: italic;}
		h1 {font-size: 38px; line-height: 45px;}
		h1 span {font-size: 16px; color: #ff0084;}
		h1 a:hover span {color: #fff;}
		#tut-info {width: 810px; margin: 0 0 20px 0;}
		#tut-info a {float: left; display: block; background: #fff; font-size: 20px; padding: 20px 20px; font-weight: bold; margin: 0 15px 0 0;}
		#tut-info a:hover {background: #ff0084;}
		#loader {margin: 20px 0 40px 350px;}
		.image-container {height: 180px; width: 240px; position: relative; float: left; margin: 0 20px 20px 0; background-color: #666; border: 5px solid #fff; overflow: hidden;}
		.image-info {display: none;}
		.image-info-active {height: 180px; width: 240px; background: rgba(255,255,255,.85);}
		a {cursor: pointer; text-decoration: none; color: #0063dc;}
		a:hover {color: #fff; background: #0063dc;}
		a.title {color: #ff0084;}
		a.title:hover {color: #fff; background: #ff0084;}
		.bottom {padding: 5px;}
		.bottom p {margin: 0 0 5px 0; }
		p.top {background: #fff; width: 240px; padding: 0 0 5px 0; margin: 0;}
		a.title {font-size: 20px; font-weight: bold; display: block; line-height: 20px;}
		span.author {font-size: 10px;}
		.infoTitle {font-weight: bold;}
		.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
		.clearfix {display:inline-block;}
		.clearfix {display:block;}
	</pre>
</div><!--/.clear-->