Cpagrip Locker Template

css:

body { background-image: url("/assets/images/light_grain.png") } .dl_button { background-color: #1e5799; border-color: #428bce; } .dl_button:hover { background-color: #428bca; border-color: #428bce; } .head_bar{ background: #1e5799; box-shadow: 5px 5px 5px #888888; } .head_holder{ max-width:900px; margin: 0 auto; font-size:25px; color:white; padding:5px; } .content{ max-width:900px; margin: 20px auto 5px; background-color: #F5F5F5; border: 1px solid #E3E3E3; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; padding:20px; } .offerlst{ background-color: white; border: 1px solid grey; border-radius: 4px 4px 4px 4px; box-shadow: 1px 1px 2px grey; margin-bottom: 20px; min-height: 20px; padding: 20px; }


HTML:

<div class="head_bar"> <div class="head_holder"> <a href="http://imgur.com/GHEure8"><img src="http://i.imgur.com/GHEure8.png" title="Hosted by imgur.com" /></a></span> Dice Download </div> </div> <div class="content"> <div style="padding:20px;"> <table width="100%"> <tr valign="top"> <td width="400"> <span style="margin-right:30px; font-size: 50px; float:left;" <a href="http://imgur.com/V2bys7i"><img src="http://i.imgur.com/V2bys7i.png" title="Hosted by imgur.com" /></a></span> <div id="txtheader">{%header_text%}</div> <br/> <div class="offerlst">{%offers%}</div> <div id="smallTitle">{%anchor_text%}</div> <a href="http://imgur.com/5Vkd1cd"><img src="http://i.imgur.com/5Vkd1cd.png" title="Hosted by imgur.com" /></a> </td> <td width="20"></td> <td> <div class="offerlst"> <div style="font-weight:bold; font-size:20px;"><a href="http://imgur.com/62JfWfT"><img src="http://i.imgur.com/62JfWfT.png" title="Hosted by imgur.com" /></a></i> Step 1: <span style="font-size:15px; font-weight:normal;"> <strong>Click "Begin Download"</strong> - View available offers in your region.</span> </div> </div> <div class="offerlst"> <div style="font-weight:bold; font-size:20px;"><a href="http://imgur.com/Zt2EOgc"><img src="http://i.imgur.com/Zt2EOgc.png" title="Hosted by imgur.com" /></a></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> </div> </div> <div class="offerlst"> <div style="font-weight:bold; font-size:20px;"><a href="http://imgur.com/Bc73KUv"><img src="http://i.imgur.com/Bc73KUv.png" title="Hosted by imgur.com" /></a></i> Step 3: <span style="font-size:15px; font-weight:normal;"><strong>Done!</strong> - Your file will start to download!</span></div> </div> </td> </tr> </table> </div> </div>