CPAGRIP URL/File Locker – Facebook Locker Template


body {
  margin: 10px;
  background: #303131;
  padding: 10px;
  overflow-x: hidden;

#container {
  background: #fff;
  max-width: 600px;
  min-height: 300px;
  margin: 5% auto;
  border: 0px solid #ddd;
  box-shadow: 0px 1px 5px #000;

.dl_button {
  display: none;

.btn, .btn-danger, .btn-large:disabled {
  background: #ccc !important;
  border: 0px;

.btn, .btn-danger, .btn-large:hover {
  cursor: not-allowed;

.link_a:link {
  background: #ddd;
  border: 0px;
  font-size: 14px;
  padding: 15px 20px;
  text-decoration: underline;
  border-radius: 10px;
  max-width: 400px;
  color: #475897;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  margin-bottom: 10px;

.offer_help_text {
  display: none;

.offr {
  padding: 20px;
  min-height: 300px;



<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1"></meta>
    <div id="container">
        <div style="background:#475890;padding:20px;color:#fff;">
            <img style="position:relative;margin-top:-40px;float:right;left:40px;width:80px;padding:10px;" src=""></img>
            <div style="clear:both"></div>
                    <h1 style="padding:0x;">Premium Content</h1>
        <div style="background:#39497C;padding:10px;color:#fff;margin:0px;">
                <p>Complete 1 of the offers to unlock the content. 
                    <br/> Unlocking will allow access to the premium content.
        <div style="padding:20px;min-height:100px">
            <center> {%offers%} 
                <img src="" style="width:25px;"/>
                <br/>Waiting for Completion... 
                <div style="clear:both"></div>
        <div style="background:#E1E1E1;padding:10px;color:#fff">
                <button class="btn btn-danger btn-large">Offer Completed 
                    <i class="glyphicon glyphicon-pencil" disabled="disabled"></i>
        <link rel="stylesheet" href="" type="text/css">
$( document ).ready(function() {