safeframe/examples/IAB_RisingStars/AdFiles/adContentTemplates/sidekickAd.html

SafeFrame provides a consistent JS API to include 3rd party content

<!--
THIS IS EMBEDDED AS scripted content .
Source here is provided as a mechanism to make the ad more readable.
Actual source is translated into Javascript string and placed in "portraitAdBootstrap.js" file.
-->
<style>
#adBase{
 top : 0px;
 left : 0px;
 width: 300px;
 height: 1050px;
}

#adModule1Collapsed{
 clear : both;
  float : right;
 position : relative;
  width : 270px;
  height : 460px;
 cursor : pointer;
  margin-right : 15px;
  margin-left : 15px;
  margin-bottom : 15px;
  margin-top : 0px;
  background-image: url(https://s3-us-west-2.amazonaws.com/safeframe/examples/IAB_RisingStars/AdFiles/ad460.png);
}

.expandedAd{
  display : none;
  position : absolute;
  width : 700px;
  height : 700px;
  left: 310px;
  top: 0;
  vertical-align: top;
  background-image: url(https://s3-us-west-2.amazonaws.com/safeframe/examples/IAB_RisingStars/AdFiles/ad_700x700.png);
}
.closeBtn{
	position: relative;
	width: 102px;
	height: 32px;
	left: 16px;
	top: 32px;
	cursor: pointer;
}

.inlineblock{
	display:inline-block;
}
</style>

<div class='adwrapper'>
	<div id='mainAd' class='inlineblock'>
	<img onclick='expandAd()' src='https://s3-us-west-2.amazonaws.com/safeframe/examples/IAB_RisingStars/AdFiles/ad_300x250.png' />
	</div>
	
	<div id='expandedAd' class='expandedAd'>
	<div class='closeBtn' onclick='collapseAd()'></div>
	</div>
</div>

<script src="https://s3-us-west-2.amazonaws.com/safeframe/examples/IAB_RisingStars/AdFiles/sidekickBehavior.js"></script>