Skip to content

Instantly share code, notes, and snippets.

@breandan
Created December 14, 2012 16:10
Show Gist options
  • Save breandan/4286562 to your computer and use it in GitHub Desktop.
Save breandan/4286562 to your computer and use it in GitHub Desktop.
Rendered creative content
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<link href="//d1e01kjrzanzaj.cloudfront.net/stylesheets/ad_templates2.css" media="all" rel="stylesheet" type="text/css" />
<style type="text/css">
.clear { clear: both; }
#gradient5 { position: relative; }
#gradient5 h2 { font-size: 18px; margin: 0; }
#gradient5 p.byline { font-size: 15px; margin: 0; }
#gradient5 .destination-info { padding: 8px; background-color: black; position: static; width: 288px; }
.sharing-container { background-image: url('//d1e01kjrzanzaj.cloudfront.net/img/bg-gradient-small2.png'); background-repeat: no-repeat; background-position: left bottom; position: absolute; bottom: 0px; width: 300px; z-index: 999; font-family: Arial, Helvetica, sans-serif; }
.sharing-container { }
.sharing-container img { float: left; }
.sharing-container div.stat { display: block; float: left; padding: 3px 5px; font-weight: normal; font-size: 14px; color: black; background-color: white;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5);
}
.sharing-container div.stat span { font-weight: bold; }
.sharing-container div.network { margin: 58px 0 10px 0; float: left; }
.sharing-container div.last { float: right; }
</style>
<div id="gradient5" class="container" data-dest-url="http://www.howardhousereviews.com/2012/09/hair-removal-at-home-with-the-remington-ilight-second-treatment.html" data-dest-id="6060" target="_blank" href="${CLICK_URL}http%3A%2F%2Faperture.displaymarketplace.com%2Faudmeasure.gif%3FliveconclientID%3D4840429412721%26CreativeID%3D${CREATIVE_ID}%26PlacementID%3D${ADV_ID}%26EventType%3DClick%26rand%3D${CACHEBUSTER}%26RedirectURL%3Dhttp%253A%252F%252Fwww.howardhousereviews.com%252F2012%252F09%252Fhair-removal-at-home-with-the-remington-ilight-second-treatment.html" style="display: block; width: 300px; height: 250px; overflow: hidden; " >
<div id="title" class="destination-info">
<h2><a href="http%3A%2F%2Faperture.displaymarketplace.com%2Faudmeasure.gif%3FliveconclientID%3D4840429412721%26CreativeID%3D${CREATIVE_ID}%26PlacementID%3D${ADV_ID}%26EventType%3DClick%26rand%3D${CACHEBUSTER}%26RedirectURL%3Dhttp%253A%252F%252Fwww.howardhousereviews.com%252F2012%252F09%252Fhair-removal-at-home-with-the-remington-ilight-second-treatment.html" target="_blank" >I did my legs and bikini area for my first IPL treatment. Did I notice any difference?</a></h2>
<p class="byline">(Howard House Reviews)</p>
</div>
<div class="sharing-container">
<div style="float: left; margin-left: 16px;">
<div class="facebook network" id="facebook-stats" style="display:none; height: 29px;">
<img src="//d1e01kjrzanzaj.cloudfront.net/img/facebook2.png"><div class="stat"><span id="num-facebook-shares" style="font-weight: bold;" >745 likes</span></div>
<div class="clear"></div>
</div>
</div>
<div style="float: right; margin-right: 16px;">
<div class="twitter network last" id="twitter-stats" style="display:none; height: 29px;">
<img src="//d1e01kjrzanzaj.cloudfront.net/img/twitter2.png"><div class="stat"><span id="num-twitter-shares" style="font-weight: bold;" >1,123 tweets</span></div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<img width="300" src="http://ampcdn.onespot.com/images/1877189143218425085.jpeg" alt="Title Here" style="z-index: 1;">
</div>
<a target="_blank" href="${CLICK_URL}http%3A%2F%2Faperture.displaymarketplace.com%2Faudmeasure.gif%3FliveconclientID%3D4840429412721%26CreativeID%3D${CREATIVE_ID}%26PlacementID%3D${ADV_ID}%26EventType%3DClick%26rand%3D${CACHEBUSTER}%26RedirectURL%3Dhttp%253A%252F%252Fwww.howardhousereviews.com%252F2012%252F09%252Fhair-removal-at-home-with-the-remington-ilight-second-treatment.html" style="display: block; width: 300px; height: 250px; z-index: 99999; position: absolute; top: 0; left: 0;"></a>
<script src="//d1e01kjrzanzaj.cloudfront.net/javascripts/share_stats.1.3.min.js" type="text/javascript"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment