Yellow Minimal Theme for CPAGRIP

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:

1. <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:

1. body{background:none;overflow:hidden;}
2. .link_a {
3. display: block;
4. background: -webkit-linear-gradient(#ffd34c, #fcb326) !important; /* For Safari 5.1 to 6.0 */
5. background: -o-linear-gradient(#ffd34c, #fcb326) !important; /* For Opera 11.1 to 12.0 */
6. background: -moz-linear-gradient(#ffd34c, #fcb326) !important; /* For Firefox 3.6 to 15 */
7. background: linear-gradient(#ffd34c, #fcb326) !important; /* Standard syntax (must be last) */
8. background-color: #fcb326 !important;
9. font-weight: 700;
10. font-size: 14px !important;
11. color: #303030;
12. text-align: center;
13. text-transform: uppercase;
14. padding: 1.5%;
15. text-decoration: none;
16. border-radius: 5px;
17. border: 1px solid #ffd34c;
18. width: 100%;
19. cursor: pointer;
20. }
21. .link_a img {
22. vertical-align: middle;
23. margin-left: 1%;
24. margin-top: -3px;
25. }
26. .link_a:hover {
27. background: -webkit-linear-gradient(#fcb326, #ffd34c) !important; /* For Safari 5.1 to 6.0 */
28. background: -o-linear-gradient(#fcb326, #ffd34c) !important; /* For Opera 11.1 to 12.0 */
29. background: -moz-linear-gradient(#fcb326, #ffd34c) !important; /* For Firefox 3.6 to 15 */
30. background: linear-gradient(#fcb326, #ffd34c) !important; /* Standard syntax (must be last) */
31. }
32. .dl_button {
33. display: block;
34. background: -webkit-linear-gradient(#ffd34c, #fcb326); /* For Safari 5.1 to 6.0 */
35. background: -o-linear-gradient(#ffd34c, #fcb326); /* For Opera 11.1 to 12.0 */
36. background: -moz-linear-gradient(#ffd34c, #fcb326); /* For Firefox 3.6 to 15 */
37. background: linear-gradient(#ffd34c, #fcb326); /* Standard syntax (must be last) */
38. background-color: #fcb326;
39. font-weight: 700;
40. font-size: 30px;
41. color: #ffffff;
42. text-align: center;
43. text-transform: uppercase;
44. padding: 1.5%;
45. padding-top: 2%;
46. text-decoration: none;
47. border-radius: 3px;
48. border: 1px solid #ffd34c;
49. width: 85%;
50. margin-top: 25px;
51. }
52. .dl_button:hover {
53. background: -webkit-linear-gradient(#fcb326, #ffd34c); /* For Safari 5.1 to 6.0 */
54. background: -o-linear-gradient(#fcb326, #ffd34c); /* For Opera 11.1 to 12.0 */
55. background: -moz-linear-gradient(#fcb326, #ffd34c); /* For Firefox 3.6 to 15 */
56. background: linear-gradient(#fcb326, #ffd34c); /* Standard syntax (must be last) */
57. }

Then on the Custom HTML part:

1. <b></b>

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