Skip to content

Instantly share code, notes, and snippets.

@0xjmp
Last active August 29, 2015 14:15
Show Gist options
  • Save 0xjmp/cf0146fc3e7174e576b2 to your computer and use it in GitHub Desktop.
Save 0xjmp/cf0146fc3e7174e576b2 to your computer and use it in GitHub Desktop.
<!doctype html>
<head>
<script>
GUMGUM = {
byId: function(uid){ return document.getElementById(uid) },
loadImg: function(url) { console.log('Loaded img:', url); },
loadScript: function(url) { console.log('Loaded script:', url); }
}
</script>
</head>
<body>
<!-- 28661 -->
<style>
*{padding:0;margin:0;background:transparent none;border:none;font-size:0;}
html, body{height:100%}
</style>
<span id="GG54de68bed9f56_CONTAINER" style="position:fixed;bottom:0;left:0;right:0;width:100%">
<!--min-height:80px-->
<div id="GG54de68bed9f56_BODY">
<script type="text/json" id="GG54de68bed9f56_JSON">{"title":"Words With Friends","description":"Expand Your Vocabulary","rating":5,"clickUrl":"//gumgum.com/ad/click/kxr_0-275385_1-275440_2-275454_3-275419_4-278239_5-278241_6-278242_7-278244_c-1418.275419_i-i.1.1423861950.8504.100098.82455_au-2_pc-US_pp-iOS_pd-iphone_ui-d99936de-d955-4e95-bac0-2badb79abb29","iconUrl":"//assets.kixer.com/zynga/new_words_with_friends_545e8b5da6626.png","impressionUrl":"//gumgum.com/ad/view/v.1_i.1.1423861950.8504.100098.82455_s.770_a.448_t.275385-275440-275419-278239-278241-278242-278244-275454_au.2-2-2-2-2-2-2-2"}</script>
<style>
#GG54de68bed9f56_CONTAINER * {margin:0;padding:0;position:static;outline:0;background:transparent none;border:none;overflow:visible;visibility:visible;filter:alpha(opacity=100);opacity:1;box-sizing:content-box;-moz-box-sizing:content-box;text-decoration:none;font:normal 12px/1 arial;text-shadow:none;box-shadow:none;color:#000;text-align:left;vertical-align:top;float:none;max-width:none;max-height:none}
#GG54de68bed9f56_CONTAINER {
_CLEARCSS;
height: 80px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#GG54de68bed9f56_BODY {
height: 80px;
background: #fff;
border-bottom: 1px solid black;
}
#GG54de68bed9f56_CONTENT {
height: 46px;
padding: 4px 0;
text-align: left;
}
#GG54de68bed9f56_IMAGE {
float: left;
width: 46px;
height: 46px;
padding: 0 10px;
}
#GG54de68bed9f56_TEXT {
float: left;
max-width: calc(100% - 11em);
white-space: nowrap;
overflow: hidden;
padding-bottom:5px;
}
#GG54de68bed9f56_TITLE {
display: block;
font: bold 14px/16px arial;
color: #4d4d4d;
}
#GG54de68bed9f56_DESCR {
display: block;
font: normal 10px/14px arial;
color: #6a6a6a;
}
#GG54de68bed9f56_TITLE,
#GG54de68bed9f56_DESCR {
text-overflow: ellipsis;
overflow: hidden;
}
#GG54de68bed9f56_BUTTON {
display: inline-block;
margin-top: 4px;
border: 1px solid #2f70b7;
padding: 3px 6px;
border-radius: 3px;
cursor: pointer;
font: bold 14px/1 arial;
color: #fff;
text-decoration: none;
background: #197aec;
background: -moz-linear-gradient(top, #197aec 0%, #0561d0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#197aec), color-stop(100%,#0561d0));
background: -webkit-linear-gradient(top, #197aec 0%,#0561d0 100%);
background: -o-linear-gradient(top, #197aec 0%,#0561d0 100%);
background: -ms-linear-gradient(top, #197aec 0%,#0561d0 100%);
background: linear-gradient(to bottom, #197aec 0%,#0561d0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#197aec', endColorstr='#0561d0',GradientType=0 );
}
#GG54de68bed9f56_BUTTON:hover {
background: #0561d0;
color:#eee;
}
.GG54de68bed9f56_STARS, .GG54de68bed9f56_STARS * {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAeCAYAAABt5kPUAAAEo0lEQVR42tWXW2wUVRiAIYUEUhKSFhIVlocuBgKJgN3e6G5RvCBVoDUSoOViRNnFRy8xJmrFy5s+ybLb1oSgT4IRTGzRRATUgATwgoIaL4kmmnB7osnyxPjN5tf83cycM5yN7XSTL3P2P+c7/7nMnNmdZPr0F/KtsNDQxOZnBgq751XhdxSLxbpq/EKhMD4+8mHoc03Own2Jv9XFZdBTcM9Apiq/uCcz5vmRaxC9geKeIy7JB4v5Obge137HjWsG33+2Gp8NxB/j/CTt9CdPByMs5EyH5DvAg58dB/+q+Edcfcbv7OO652fx3hbZo6Neh+SHfVe4y8E/57uy+7c7LN5/PnNx8hmD2adyBWyDO2mc4roYmin/7YvSwSd0kOT8SEM75ZXEnuQ6n+9tlHtgGTT5MXiAcgk84V1i87h20H455VWUc1wTcA/l9bDU96VdL3hq897814c2ymu4Pvrt12dSJl/G7lP2yT3K/+bs6bJPu0Bf9TEqP5tZ9v3FS8FF8G6Sk7L4LSQoOfgHxe/WcT1pja6T+rzneVO1rz3KlV7lVfnBOS3x/KjHVDW0kdN3Lz8nphH7MKJ/HborXk6zcU/aFkG4AulKn5j4iuD+DL5xs+RKfp7AoHPuPipHaBS2ez9yyyYM58Rm08LR/+cMdIbhnH3Gsuv7pen/4jM38cPAtwzgwRDxGhOvj3DQ5kJ2/teIB/XrAW554cfY13ec+Hb5JcOtn4nwlh7UiTXUJSPkH4Yg9xKbVxvhLW3x3fNzPNXa5O+VNAynVAcFk+sPjjaXlX8Izqvvz1sWPqna3oD34U+1GRstj12SdoE+WH3yu/tULlHyLhU/ILHfLQu/Tk00Jws6nUkdl/hRi59VA++SCc2hfEH63GfzaTfKJ3fZB+Xb89OPym/xRc5Lo5aAuu0ysIcNj8yQ/CVLBvi7wIOU5Yfp1aA/4/7AwRssvHWr5Ye1s0+9m48wWSa42HBbr6X+8ZBHtt73uc4yDG4LbAqpWyh+jcHfyRg6x9PnxsCP8Cnta2qBBYYmNj8NiSr8DNRNSB9xGF6sIvkXsMXRnQKnIT3hfKQa8OBTx+S3iV9w9JvEf3rC+UirRR6BmQ7+E+L/5Dj4V9TmTSwfaQA8ocflkVf+Cgf/O+XPj6VPRQdshWXQCIugCf5S8sfQAO2wHO6GnZCEVtgESyElsVVQUv47kIAMtMH9kIW5sBIegSXiJ6AHPMUbym+Fh2AbNI6nP0k6uAjeTXJCFr8ZSg7+B+J3gefAbpg6nn7wY2oni6LdaXAoonsduir82XAion8F2uPi607uhRGDeAHmGs6JXkvi4zDD4D9l8d+TpvHzpYPOEPEa1Ec4aLMh/i8RD+rXwhY+1r7ILxhWPh3B7zf4DRH8oRD3EtTG1hf5nBKG4Cv1PW9xa+Gyan8QflDfn7P4DartDTgAf6jYhlj6It+hGvap+H6J/WZJvlb5WYlNh2MS+8zi71ADX6f+qZyX+N7Y+vL69qA5oO4xqes2+B+FPZ7EXpa6RssP06tQF1C3V/xbYucTnAx9sMjQ+RrYHlJXLws0y+Bvho0hdQvErzH4OVgdF/8fxkfLIFKKQPYAAAAASUVORK5CYII=') !important;
}
.GG54de68bed9f56_STARS {
display: block !important;
position: relative !important;
width: 79px !important;
height: 15px !important;
background-position: left top !important;
}
.GG54de68bed9f56_STARS span {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 15px !important;
background-position: left bottom !important;
z-index: 1 !important;
}
#GG54de68bed9f56_AD_ICON {
position: absolute;
top: 10px; right: 30px;
width: 24px; height: 10px;
background-image: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQEBAQECAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAKABgDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACAMJ/8QALxAAAAYBAQMKBwAAAAAAAAAAAgMEBQYHATQAERIICRMzNjc4OWNkMjVSU1RhZf/EABYBAQEBAAAAAAAAAAAAAAAAAAABA//gumgum.com/2gAMAwEAAhEDEQA/ANxq9JpC1WS7L05WNprZHbEftx6jcuhE7lcli8eqMpNJljFEa8Yok2PLcpPb39NjGQrUwOEnId+7GSzRGaNKwIlgQOlI/cdgxlmsmRpoW0MjOwtmXGw3FeUlt2XIz1vQMruz5UCdIfB8dDgY1GBJDBm9GcoxgO/YqlRvs7pG5+T0fVU/lL7MpTaDdGHxuSyop8j1gx5yURYhWQjjjY7OQTYmpA4uACBrywLwmJBHYyHBeMhaTVE5ziHiXe/L80SDt/3n6THb/wDr/b9Dh2RRFT5+wEyfTk+WnpDeo03x56r2f1/vZ0H7zaXiJD4BfkT13T97GhH2P9f872XHtZpeVe3/2Q==') !important;
}
#GG54de68bed9f56_FREE {
position: absolute;
bottom: 0; right: 0;
width: 40px; height: 40px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAS1BMVEU3vHr///gumgum.com////2+/hLwYU3vHptypiW17Pj9OrF59R8zqJdxY/t9/HZ8OOJ0qrP7Nu648yu38Sj27wbuF+zAAAACHRSTlMAAKQDSPj3pWr8CS4AAADuSURBVHhejdFZbsMwDEXRKp0eB8mz2/2vtFRSATYUOnzfB7gA+Rbb+y3qJOok6iTqJOok6iTqJOok6iTqJOok4ByY2u5O1YVnR7MLz450cuHZKe0ubE5mbNWyOrB1t5EAc4XYgYcuNi7I5j47eHTZJD3cRwebg5plbc77R41am4fx0vGoJqFcsF65ilaTQ0G+drRjqfylUym0rEqXbvoF8oAZ+OHr7pIBDDLS667Jiu4u+Y4XbdJceupkQ5nq7TLyv0tPnXDBIzs1l3rX5MyGmjPYuyYLH1zq3EGuB5c8Z/Lkkuds/p27fZnr9h10f8kMGhGpEPSCAAAAAElFTkSuQmCC') !important;
}
#GG54de68bed9f56_LINK {
display: block;
position: absolute;
top: 0; left: 0;
width: 100%;
height: 80px;
z-index: 100;
}
</style>
<div id="GG54de68bed9f56_CONTENT">
<a id="GG54de68bed9f56_LINK" href="// " target="_new">
</a>
<img id="GG54de68bed9f56_IMAGE" src="//c.gumgum.com/images/pixel.gif">
<div id="GG54de68bed9f56_TEXT">
<span id="GG54de68bed9f56_TITLE">
</span>
<span id="GG54de68bed9f56_DESCR">
</span>
<span class="GG54de68bed9f56_STARS">
<span id="GG54de68bed9f56_STARS">
</span>
</span>
<a id="GG54de68bed9f56_BUTTON">Download</a>
</div>
</div>
<div id="GG54de68bed9f56_AD_ICON">
</div>
<div id="GG54de68bed9f56_FREE">
</div>
<img src="//c.gumgum.com/ads/com/gumgum/close/RS_23x23.png" style="position:absolute;z-index:101;top:5px;right:5px;width:20px;height:20px;cursor:pointer" onclick="top.GUMGUM.bodyEl.className=top.GUMGUM.bodyEl.className.replace(' gumgum-top-unit','');top.GUMGUM['GG54de68bed9f56'].closeAd()">
<img src="//c.gumgum.com/images/pixel.gif?GG54de68bed9f56" style="display:none!important" onload="
(function(G, J, U, I, b, j){
G.bodyEl.className += ' gumgum-top-unit';
G[U].el.className = '_', b = function(s){ return G.byId(U+'_'+s) }, j = top[J].parse(b(J)[I]);
b('IMAGE').src = j.iconUrl;
b('TITLE')[I] = j.title;
b('DESCR')[I] = j.description;
b('STARS').style.width = (j.rating*16)+'px';
b('LINK').onclick = function(evt) {
G.loadImg('//gumgum.com/ad/click/enc/nfS4ELuGKhHjw35bUn6LiqhA9iP6mu-bTlqWHIpRpZ28NPXb8xIvogHe1DGGlhDUlFuNWKDp6YTrQW4WUCSR6uU2ADd1sdsWk01OEPU-DS1-2aDj5uTna_xGrU07kUFmzQuJ61-a0wdarfzlSxY4U0MiQN1XbBPM2_B2UKZRY_s');
top.open(j.clickUrl);
return (event?!(event.cancelBubble=true):(evt.stopPropagation?evt.stopPropagation():false));
}
G.loadImg(j.impressionUrl, b('BODY'), null, true);
})(top.GUMGUM, 'JSON', 'GG54de68bed9f56', 'innerHTML')">
</div>
</span>
<script>
GUMGUM.bodyEl = document.body;
GUMGUM['GG54de68bed9f56'] = {
el: GUMGUM.byId('GG54de68bed9f56_CONTAINER')
};
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment