getfiles temlpate cpagrip

css:

1. body {
2. background-image: url("/assets/images/light_grain.png")
3. }
4.  
5. .dl_button {
6. background-color: #ff6600;
7. border-color: #fffffff"
8. }
9.  
10. .dl_button:hover {
11. background-color: #ff9900;
12. border-color: #ffffff;
13. }
14.  
15. .head_bar{
16.  background: #ff6600;
17.  box-shadow: 5px 5px 5px #888888;
18. }
19.  
20. .head_holder{
21.  max-width:900px;
22.  margin: 0 auto;
23.  font-size:25px;
24.  color:white;
25.  padding:12px;
26. }
27.  
28. .content{
29.  max-width:900px;
30.  margin: 20px auto 5px;
31. background-color: #F5F5F5;
32.     border: 1px solid #E3E3E3;
33.     border-radius: 4px 4px 4px 4px;
34.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
35.  padding:20px;
36. }
37. .content1{
38.  max-width:900px;
39.  margin: 20px auto 5px;
40. background-color: #ff6600;
41.     border: 1px solid #E3E3E3;
42.     border-radius: 8px 8px 8px 8px;
43.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
44.  padding:0px;
45. }
46. .offerlst{
47.  background-color: white;
48.  border: 1px solid grey;
49.  border-radius: 4px 4px 4px 4px;
50.  box-shadow: 1px 1px 2px grey;
51.     margin-bottom: 20px;
52.     min-height: 20px;
53.     padding: 20px;
54. }
55. #left-table{
56.  float:left;
57. }
58. #right-table{
59.  float:right;
60. }
61. .progress{
62.  margin-bottom: 0px;
63. }
64. .waitingScan{
65.  font-size:10px;
66. }
67. .progress-bar{
68.  padding: 1px 0 0 3px;
69. }
70. .foundNothing{
71.  padding: 5px;
72. }

Html :

1. <div class="head_bar">
2.         <div class="head_holder">
3.                 <span class="glyphicon glyphicon-fire"></span> GetFiles.Com
4.         </div>
5. </div>
6.  
7. <div class="content1" style="text-align: center;">
8. <h4><span style="color: #ffffff;"> Download this file on high speed! 100% Virus Safe - Protection.</span></h4>
9. </div>
10. <div class="content">
11.         <div style="padding:20px;">
12.                 <table width="100%">
13.                         <tr valign="top">
14.                                 <td width="400"><span style="margin-right:30px; font-size: 50px; float:left;" class=""></span>
15.                                 <div id="txtheader">
16.                                         {%header_text%}<p><a href="http://imgur.com/mf8NvMh"><img style="display: block; margin-left: auto; margin-right: auto;" title="source: imgur.com" src="http://i.imgur.com/mf8NvMh.png" alt="" /></a></p>
17.                                 </div>
18.                                 <br/>
19.                                 <div class="offerlst">
20.                                         {%offers%}
21.                                 </div>
22.                                 <div id="smallTitle">
23.                                         {%anchor_text%}
24.                                 </div></td>
25.  
26.                                 <td width="20">
27.  
28.                                 <td>
29. <a href="http://imgur.com/iRr4iVA"><img src="http://i.imgur.com/iRr4iVA.png" title="source: imgur.com" /></a><a href="http://imgur.com/m9EKyja"><img src="http://i.imgur.com/m9EKyja.png" title="source: imgur.com" /></a>
30.                                 <div class="offerlst">
31.  
32.                                         <div style="font-weight:bold; font-size:20px;">
33.                                                 <i class="glyphicon glyphicon-hand-up"></i> Step 1: <span style="font-size:15px; font-weight:normal;"><strong>Click "Begin Download"</strong> - View available offers in your region.</span>
34.                                         </div>
35.  
36.                                 </div>
37.                                 <div class="offerlst">
38.                                         <div style="font-weight:bold; font-size:20px;">
39.                                                 <i class="glyphicon glyphicon-tasks"></i> Step 2: <span style="font-size:15px; font-weight:normal;"><strong>Unlock the Download!</strong> - Your download will be unlocked upon valid participation in the offer of your choice.</span>
40.                                         </div>
41.                                 </div>
42.                                 <div class="offerlst">
43.                                         <div style="font-weight:bold; font-size:20px;">
44.                                                 <i class="glyphicon glyphicon-ok"></i> Step 3: <span style="font-size:15px; font-weight:normal;"><strong>Done!</strong> - Your file will start to download!</span>
45.                                         </div>
46.                                 </div></td>
47.                         </tr>
48.                 </table>
49.         </div>
50. </div>
51. <div class="content1" style="text-align: center;">
52. <h5><span style="color: #ffffff;">Terms of Service | DMCA | Report file</span></h5>
53. </div>
54.