Skip to content

Instantly share code, notes, and snippets.

@shadybones
Created January 23, 2014 20:48
Show Gist options
  • Save shadybones/8586457 to your computer and use it in GitHub Desktop.
Save shadybones/8586457 to your computer and use it in GitHub Desktop.
From the original tag on the ticket, you can get here by adding <script src="https://rawgithub.com/mopub/mopub-android-sdk/master/mopub-sdk/etc/mraid.js"></script> script element before the image element. Then after the pages loads, call: mraidbridge.fireReadyEvent(); mraidbridge.fireChangeEvent({"viewable":true});
<html><body style="min-height: 50px; margin: 0px; padding: 0px; width: 100%; height: 100%;">
<div class="celtra-ad-v3">
<div style="overflow: hidden; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: auto; right: auto;">
<div id="celtra-banner" class=" celtra-creative-unit celtra-view appeared" style="background-color: rgb(255, 255, 255); overflow: hidden; position: absolute; width: 320px; height: 50px; left: 50%; margin-left: -160px; right: auto; top: 50%; margin-top: -25px; bottom: auto; background-position: initial initial; background-repeat: initial initial;">
<div class="celtra-screen-container" style="position: absolute; width: 100%; height: 100%;">
<div class="celtra-screen-holder" style="width: 100%; height: 100%;">
<div id="celtra-object-2" class=" celtra-screen celtra-screen-object-container celtra-view" style="width: 320px; height: 50px; overflow: hidden; display: none; z-index: -1;"></div>
<div id="celtra-object-2" class=" celtra-screen celtra-screen-object-container celtra-view" style="width: 320px; height: 50px; overflow: hidden; z-index: -1; display: block;"></div>
<div id="celtra-object-3" class=" celtra-screen celtra-screen-object-container celtra-view" style="width: 320px; height: 50px; overflow: hidden; display: block;">
<div id="celtra-object-8" class=" celtra-hotspot celtra-screen-object celtra-view touchable" style="position: absolute; -webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 50%; left: -87px; top: -25px; width: 480px; height: 103px; z-index: 10209; opacity: 1; display: block;"></div><div id="celtra-object-535" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(32px, -7px, 0px) rotate(0deg) scale(0.5, 0.5074626865671642); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 256px; height: 67px; z-index: 10202; opacity: 0; display: block;"><img src="http://cache.celtra.com/api/blobs/55161f6c4063dc6120161945598e4eb48cdeb06a4b6e3eda2df6983ca7df540c/Chrome-logo-banner-%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
<div id="celtra-object-541" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(297px, -14px, 0px) rotate(0deg) scale(0.5747126436781609, 0.9444444444444444); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 174px; height: 90px; z-index: 10203; opacity: 1; display: block;"><img src="http://cache.celtra.com/api/blobs/6d5a5853ea5d7c5b1af84e9618d9c2a6ec6390f43318b5cdc13c94c01aa49875/white%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div><div id="celtra-object-545" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(275px, -11px, 0px) rotate(0deg) scale(0.501577287066246, 0.5064935064935064); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 317px; height: 77px; z-index: 10204; opacity: 0; display: block;"><img src="http://cache.celtra.com/api/blobs/c1873839bc586d245d137ef12d032dfe0f9b34e57c05162611611692858d8614/Frame-1-banner-%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div><div id="celtra-object-552" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(201px, 46px, 0px) rotate(0deg) scale(0.5, 0.5); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 144px; height: 112px; z-index: 10205; opacity: 1; display: block;"><img src="http://cache.celtra.com/api/blobs/137bfc885d777792d58abf12433a571ee65512acd5f8e1a98382acf82728e9ce/desktop-banner-%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div><div id="celtra-object-555" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(224px, 47px, 0px) rotate(0deg) scale(0.5053763440860215, 0.5); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 93px; height: 130px; z-index: 10206; opacity: 1; display: block;"><img src="http://cache.celtra.com/api/blobs/2c6d4113cea5af4ac2d5ea99357ba05a13a387125de8238e8b94ae2b6673b3b0/Smartphone-banner-%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div><div id="celtra-object-558" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(198px, 46px, 0px) rotate(0deg) scale(0.5, 0.5); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 142px; height: 114px; z-index: 10207; opacity: 1; display: block;"><img src="http://cache.celtra.com/api/blobs/a018f7b8d37c7477ffcd8d656c224f7b58007b73a8b93f9cabc496deb60fde7e/tablet-banner-%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div><div id="celtra-object-590" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(-5px, -1px, 0px) rotate(0deg) scale(0.5, 0.5); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 330px; height: 58px; z-index: 10201; opacity: 1; display: block;"><img src="http://cache.celtra.com/api/blobs/59a9bc162abd2e7f206523bdc76d836709bd0f1d90bad3cf6685e1ca5306ead5/Tap-for-more-banner-%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div><div id="celtra-object-611" class=" celtra-picture celtra-screen-object celtra-view" style="position: absolute; -webkit-transform: translate3d(-160px, -25px, 0px) rotate(0deg) scale(0.5, 0.5); -webkit-transform-origin: 50% 50%; left: 0px; top: 0px; width: 640px; height: 100px; z-index: 10208; opacity: 1; display: block;"><img src="http://cache.celtra.com/api/blobs/46aa7fad27bf75dcb52b2b0a1184e18f627b60675c14b1b78266c75e4f8731c7/background%402x.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
</div></div></div></div></div></div></div>
<span id="te-clearads-js-adfonic_ad_1"> <script type="text/javascript" src="http://choices.truste.com/ca?sid=0&pid=adfonic01&aid=adfonicweve01&cid=d.odin-1%3D72480a41484ca56035598750e32f1b08bcffdcb0&c=adfonic_ad_1&w=320&h=50&plc=tr"> </script></span>
<div id="viewport" style="position: absolute; width: 100%; height: 100%; overflow: hidden;">
<div style="overflow: hidden; display: none;"></div></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment