Created
August 17, 2012 17:17
-
-
Save zerolab/3380738 to your computer and use it in GitHub Desktop.
Test book bundle layout
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.card { | |
float: left; | |
margin: 0 16px 16px 0; | |
background: #fff; | |
border: 1px solid #eaeaea; | |
border-radius: 4px; | |
padding-left: 122px; | |
width: 300px; | |
box-sizing: border-box; | |
} | |
.card img { | |
margin-left: -122px; | |
float: left; | |
} | |
.card.description { | |
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; | |
font-size: 16px; | |
} | |
.card.book:hover { | |
border-color: #ccc; | |
box-shadow: 0 2px 5px rgba(0, 0, 0, .5); | |
cursor: pointer; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="card intro"> | |
<p>This is a sample five book bundle. All metadata taken from Amazon via their APIs</p> | |
</div> | |
<div class="card book"> | |
<img height="160" width="106" typeof="foaf:Image" src="http://ecx.images-amazon.com/images/I/517PXXQ6KRL._SL160_.jpg" alt="Image of The Color of Magic: A Discworld Novel" title="The Color of Magic: A Discworld Novel"> | |
<h3>The Color of Magic</h3> | |
<p>by Terry Pratchett</p> | |
</div> | |
<div class="card book"> | |
<img height="160" width="99" typeof="foaf:Image" src="http://ecx.images-amazon.com/images/I/51HYBK0P5JL._SL160_.jpg" alt="Image of Pattern Recognition" title="Pattern Recognition" /> | |
<h3>Pattern Recognition</h3> | |
<p>by William Gibson</p> | |
</div> | |
<div class="card book"> | |
<img height="160" width="104" typeof="foaf:Image" src="http://ecx.images-amazon.com/images/I/51cSkR2toEL._SL160_.jpg" alt="Image of Zero History [ZERO HIST] [Paperback]" title="Zero History [ZERO HIST] [Paperback]" /> | |
<h3>Zero History</h3> | |
<p>by William Gibson</p> | |
</div> | |
<div class="card book"> | |
<img height="160" width="107" typeof="foaf:Image" src="http://ecx.images-amazon.com/images/I/51A5FPCD7YL._SL160_.jpg" alt="Image of Count Zero" title="Count Zero" /> | |
<h3>Count Zero</h3> | |
<p>by William Gibson</p> | |
</div> | |
<div class="card book"> | |
<img height="160" width="106" typeof="foaf:Image" src="http://ecx.images-amazon.com/images/I/314ilskzuLL._SL160_.jpg" alt="Image of The Pursuit of Happyness" title="The Pursuit of Happyness"> | |
<h3>The Pursuit of Happyness</h3> | |
<p>by Chris Gardner</p> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment