CPAGRIP URL/File Locker – Yellow Minimal Theme

Hey guys! Today we are giving this simple yellow minimal theme for cpagrip’s url/file locker.

The template is neat and simple. I guarantee that you will like to use this.

You can use this on any landing page you want using a simple iframe code. See this sample code below:

<iframe src="http://your-cpagrip-locker-link-here.com" style="border:0px;width:100%;max-width:600px;height:200px;overflow:hidden"></iframe>

 

HOW TO APPLY THEME

To use this template, you need to create a new url/file locker on the monetization tools. Then next on the “advanced” tab insert this codes :

Code for Custom CSS:

body{background:none;overflow:hidden;}
.link_a {
        display: block;
        background: -webkit-linear-gradient(#ffd34c, #fcb326) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffd34c, #fcb326) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffd34c, #fcb326) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffd34c, #fcb326) !important; /* Standard syntax (must be last) */
        background-color: #fcb326 !important;
        font-weight: 700;
        font-size: 14px !important;
        color: #303030;
        text-align: center;
        text-transform: uppercase;
        padding: 1.5%;
        text-decoration: none;
        border-radius: 5px;
        border: 1px solid #ffd34c;
        width: 100%;
        cursor: pointer;
}
.link_a img {
        vertical-align: middle;
        margin-left: 1%;
        margin-top: -3px;
}
.link_a:hover {
        background: -webkit-linear-gradient(#fcb326, #ffd34c) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fcb326, #ffd34c) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fcb326, #ffd34c) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fcb326, #ffd34c) !important; /* Standard syntax (must be last) */
}
.dl_button {
        display: block;
        background: -webkit-linear-gradient(#ffd34c, #fcb326); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffd34c, #fcb326); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffd34c, #fcb326); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffd34c, #fcb326); /* Standard syntax (must be last) */
        background-color: #fcb326;
        font-weight: 700;
        font-size: 30px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        padding: 1.5%;
        padding-top: 2%;
        text-decoration: none;
        border-radius: 3px;
        border: 1px solid #ffd34c;
        width: 85%;
        margin-top: 25px;
}
.dl_button:hover {
        background: -webkit-linear-gradient(#fcb326, #ffd34c); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fcb326, #ffd34c); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fcb326, #ffd34c); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fcb326, #ffd34c); /* Standard syntax (must be last) */
}

Then on the Custom HTML part:

<b></b>

If you are a bit confused, you can see the images below as reference. Click image to enlarge

Cpagrip Template - Minimal Yellow

Cpagrip Template - Minimal Yellow 2