<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<ul class="dbh-shop-listings listings products">
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/bane-shirt/9753/" title="BANE">
<span class="photo">
<img src="http://cdn3.designbyhumans.com/product/199/bane-womens-front-190x285-b-p.jpg" alt="BANE" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$22</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/bane-shirt/9753/">BANE</a> by <a href="http://www.designbyhumans.com/shop/nicolonimor">MR-NICOLO</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/concentric-downpour-retro-color-shirt/3889/" title="Concentric Downpour">
<span class="photo">
<img src="http://cdn.designbyhumans.com/product/6/553-190x285-b-p.jpg" alt="Concentric Downpour" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price">$15—$25</span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/concentric-downpour-retro-color-shirt/3889/">Concentric Downpour</a> by <a href="http://www.designbyhumans.com/profile/ohbarrett">ohbarrett</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/the-rising-shadow-bane-batman-shirt/9751/" title="The Rising Shadow">
<span class="photo">
<img src="http://cdn.designbyhumans.com/product/198/therisingshadow-women-front-190x285-b-p.jpg" alt="The Rising Shadow" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$24</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/the-rising-shadow-bane-batman-shirt/9751/">The Rising Shadow</a> by <a href="http://www.designbyhumans.com/shop/Studio8Worx">Studio8Worx</a>
</li>
<li class="dbh-shop-listing listing product endrow">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/wonderless-lion-all-over-print-tee/7883/" title="Wonderless">
<span class="photo">
<img src="http://cdn3.designbyhumans.com/product/17/di6-190x285-b-p.jpg" alt="Wonderless" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$24</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/wonderless-lion-all-over-print-tee/7883/">Wonderless</a> by <a href="http://www.designbyhumans.com/profile/sheviper">SheViper</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/the-rhythm-of-the-rising-sun-samurai-guitar-s/11937/" title="The Rhythm of Rising Sun">
<span class="photo">
<img src="http://cdn.designbyhumans.com/product/294/rhythm-of-rising-sun-womens-front-190x285-b-p.jpg" alt="The Rhythm of Rising Sun" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$24</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/the-rhythm-of-the-rising-sun-samurai-guitar-s/11937/">The Rhythm of Rising Sun</a> by <a href="http://www.designbyhumans.com/shop/rejagalu">rejagalu</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/cthulhu-hp-lovecraft-t-shirt/10595/" title="Cthulhu Rises">
<span class="photo">
<img src="http://cdn1.designbyhumans.com/product/253/cthulhurise-womens-front-190x285-b-p.jpg" alt="Cthulhu Rises" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$22</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/cthulhu-hp-lovecraft-t-shirt/10595/">Cthulhu Rises</a> by <a href="http://www.designbyhumans.com/shop/Rafahu">Rafahu</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/the-faded-doodle-drawing-shirt/9517/" title="The Faded Doodle">
<span class="photo">
<img src="http://cdn2.designbyhumans.com/product/130/2sr3_6ex-190x285-b-p.jpg" alt="The Faded Doodle" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$22</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/the-faded-doodle-drawing-shirt/9517/">The Faded Doodle</a> by <a href="http://www.designbyhumans.com/shop/wotto">wotto</a>
</li>
<li class="dbh-shop-listing listing product endrow">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/rebuild-the-forest-retro-t-shirt/9474/" title="Rebuild the Forest">
<span class="photo">
<img src="http://cdn.designbyhumans.com/product/123/2ng4_zl1-190x285-b-p.jpg" alt="Rebuild the Forest" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$22</del> <ins>$12</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/rebuild-the-forest-retro-t-shirt/9474/">Rebuild the Forest</a> by <a href="http://www.designbyhumans.com/shop/free_agent08">free_agent08</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/cosmonaut-astranaut-monkey-space-shirt/6011/" title="Cosmonaut">
<span class="photo">
<img src="http://cdn2.designbyhumans.com/product/261/cosmonaut-womens-front-190x285-b-p.jpg" alt="Cosmonaut" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$22</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/cosmonaut-astranaut-monkey-space-shirt/6011/">Cosmonaut</a> by <a href="http://www.designbyhumans.com/shop/TheMightytiki">TheMightytiki</a>
</li>
<li class="dbh-shop-listing listing product">
<a class="trigger" href="http://www.designbyhumans.com/shop/women/ppp-perversion-of-paranoid-populace-surveilla/3936/" title="PPP (perversion of paranoid populace)">
<span class="photo">
<img src="http://cdn.designbyhumans.com/product/251/ppp-womens-front-190x285-b-p.jpg" alt="PPP (perversion of paranoid populace)" width="190" height="285">
</span>
<span class="browse-flag sale-flag"><span class="txt">S</span><span class="txt">a</span><span class="txt">l</span><span class="txt">e</span><span class="arrow"></span></span>
<span class="price"><del>$24</del> <ins>$15</ins></span>
</a>
<a class="title" href="http://www.designbyhumans.com/shop/women/ppp-perversion-of-paranoid-populace-surveilla/3936/">PPP (perversion of paranoid populace)</a> by <a href="http://www.designbyhumans.com/shop/radiomode">radiomode</a>
</li>
</ul>
.dbh-shop-listings {
margin: 0 -5px;
}
.listings {
margin: 0 -10px;
font-size: 0;
}
.dbh-shop-listing {
padding: 0 5px 20px;
}
.listing {
display: -moz-inline-stack;
display: inline-block;
position: relative;
width: 190px;
padding: 0 10px 10px;
overflow: hidden;
font-weight: 400;
font-size: 10px;
line-height: 15px;
vertical-align: top;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a, img, applet, object, iframe, embed, canvas, pre, blockquote, abbr, acronym, address, cite, code, strike, sub, sup, strong, em, ins, del, q, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, section, aside, footer, header, menu, nav, details, figure, figcaption, hgroup, output, ruby, summary, time, mark, audio, video, dfn, kbd, samp, tt, var {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: top;
outline: none;
}
.listings .trigger {
display: block;
position: relative;
width: 100%;
font-weight: 700;
line-height: 25px;
overflow: hidden;
color: #888;
text-decoration: none;
}
#shop-main .sale-flag {
padding: 10px 0;
background: #e66;
font-size: 14px;
line-height: 10px;
color: #fff;
}
#shop-main .browse-flag {
position: absolute;
top: 0;
right: 5px;
width: 30px;
text-align: center;
text-transform: uppercase;
overflow: visible;
}
#shop-main .sale-flag .arrow {
border-style: dotted dotted solid;
border-width: 0 15px 10px;
border-color: transparent #e66;
}
#shop-main .browse-flag .arrow {
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 0;
}
.listings .price del {
text-decoration: line-through;
}
.listings .price ins {
color: #ee6666;
text-decoration: none;
padding: 0 5px 0 0;
}
.listings .title {
display: block;
padding: 0;
font-weight: 700;
font-size: 1.2em;
line-height: 1.3em;
color: #333;
}
#shop-main .sale-flag {
padding: 10px 0;
background: #e66;
font-size: 14px;
line-height: 10px;
color: #fff;
}
#shop-main .browse-flag {
position: absolute;
top: 0;
right: 5px;
width: 30px;
text-align: center;
text-transform: uppercase;
overflow: visible;
}
