Skip to content

Instantly share code, notes, and snippets.

@ajtroxell
Created June 14, 2013 18:33
Show Gist options
  • Save ajtroxell/5784168 to your computer and use it in GitHub Desktop.
Save ajtroxell/5784168 to your computer and use it in GitHub Desktop.
.pin {margin:0 0 15px 0;}
.pin_pop {background-color: #8CB13E; height: 110%; width: 100%; top: -10px; left: 0px; position: absolute; color:#fff;z-index:999;}
<div id="pin" style="display:none;">
<div id="pin_pop">
<div style="width:320px;height:320px;margin-top:5px">
<img src="logo.gif" style="max-width:100%;">
</div>
<div style="height:110px;position:relative;width:210px">
<div style="font-size:20px;line-height:30px;margin-left:10px;text-align:right">
<span>Tap here <b>...</b></span><br><span>Select '<b>pin to start</b>'</span><br /><span style="font-size:80%;color:#fff;text-decoration:underline;"><a onclick="document.getElementById('pin').style.display='none';return false;">click here to close</a></span>
</div>
<div style="height:100px;position:absolute;right:-105px;top:16px;width:100px">
<img src="arrow.gif" alt="arrow" height="100%" width="100%">
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment