Skip to content

Instantly share code, notes, and snippets.

@jasondavis
Created September 13, 2012 01:43
Show Gist options
  • Select an option

  • Save jasondavis/3711307 to your computer and use it in GitHub Desktop.

Select an option

Save jasondavis/3711307 to your computer and use it in GitHub Desktop.
Books
/**
* Books
*/
body {
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 22px;
margin: 0 10px 10px 0;
padding: 0;
text-align: left;
width: 100%;
color: #404040;
background: #EDECE8 url("http://www.codedevelopr.com/assets/images/bg.png") repeat;
}
#content-wrap {
width: 726px;
padding: 0;
}
.no-js-left, .left {
float: left;
margin-right: 15px;
}
#content-wrap .type-book {
float: left;
width: 150px;
height: 200px;
padding: 0;
margin: 10px 15px 35px 15px;
background-color: white;
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
}
<!-- books -->
<div id="content-wrap" class="left"><!-- #content-wrap-->
<h1>Books Posts Type</h1>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/1.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/2.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/3.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/4.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/6.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/7.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/8.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/9.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/10.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/11.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/3.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/4.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/12.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/13.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/3.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/4.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/3.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/4.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/3.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/4.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
<div class="type-book">
<img src="http://www.codedevelopr.com/assets/images/books/testbooks/5.jpg" border="0" width="150">
</div>
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment