API tools faq
paste
Advertisement
flamzfox

Enchanted Eden Home

flamzfox
Dec 24th, 2013
1,166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.11 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:800px;font-family:'Tahoma';line-height:95%;text-align:justify;">
  2.  
  3. <div style="float:left;padding:8px;background-color:#f8f8f8;">
  4.  
  5.     <div style="float:left;width:784px;">
  6.         <div style="float:left;width:385px;">
  7.             <div style="float:left;width:385px;height:456px;">
  8.                 <img src="http://i.imgur.com/V6ftsjK.png" style="float:left;padding:3px;margin:-3px;width:385px;height:456px;">
  9.             </div>
  10.         </div>
  11.  
  12.         <div style="float:left;margin-left:8px;width:391px;height:456px;">
  13.             <div style="float:left;width:391px;height:78px;background-color:#b4cf7b;color:#ffffff;">
  14.                 <div style="float:left;width:94px;height:26px;line-height:13px;text-align:right;font-size:13px;text-transform:uppercase;margin-top:48px;">
  15.                     graphic shop<br/>
  16.                     since 2013
  17.                 </div>
  18.                 <div style="float:right;width:293px;font-family:'Pacifico';font-size:45px;height:46px;line-height:46px;margin-top:28px;">
  19.                     enchanted eden
  20.                 </div>
  21.             </div>
  22.             <div style="float:left;margin-top:4px;width:391px;height:250px;background-color:#d46782;color:#ececec;font-size:13px;line-height:12px;">
  23.                 <div style="float:left;margin:8px;height:234px;width:375px;overflow:hidden;">
  24.                     <div style="float:left;;height:234px;width:375px;overflow:auto;padding-right:12px;">
  25.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuere tincidunt urna. Nullam ut fermentum nunc, ut ultrices ante. Morbi accumsan vel dolor sit amet placerat. Praesent posuere nisl sit amet nisl placerat auctor. Praesent sit amet eros lectus. Etiam auctor gravida orci. Aliquam tristique accumsan rhoncus.</p>
  26.                         <p>Nam non vehicula lorem, convallis ornare quam. Integer eget nisi in diam placerat tincidunt ut a nibh. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida.
  27.                         </p>
  28.                         <p>Nam non vehicula lorem, convallis ornare quam. Integer eget nisi in diam placerat tincidunt ut a nibh. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor ligula, ac sodales turpis rhoncusus. Pellentesque molestie ipsum vel mauris convallis dapibus. Quisque at odio nec sapien condimentum rhoncus.
  29.                         </p>
  30.                         <p>Nam non vehicula lorem, convallis ornare quam. Integer eget nisi in diam placerat tincidunt ut a nibh. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida.
  31.                         </p>
  32.                         <p>Nam non vehicula lorem, convallis ornare quam. Integer eget nisi in diam placerat tincidunt ut a nibh. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor ligula, ac sodales turpis rhoncusus. Pellentesque molestie ipsum vel mauris convallis dapibus. Quisque at odio nec sapien condimentum rhoncus.
  33.                         </p>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.             <div style="float:left;margin-top:4px;width:391px;height:120px;text-align:center;line-height:38px;color:#b4cf7b;font-size:14px;">
  38.                 <div style="float:left;height:38px;width:391px;">
  39.                     <div style="float:left;height:38px;width:194px;background-color:#ffffff;">
  40.                         <div style="float:left;background-color:#b4cf7b;height:38px;width:10px;">&nbsp;</div>
  41.                         <div style="float:left;margin-left:4px;width:180px;height:38px;">
  42.                             <a href="#" style="color:#b4cf7b;">shop home</a>
  43.                         </div>
  44.                     </div>
  45.                     <div style="float:left;margin-left:3px;height:38px;width:194px;background-color:#ffffff;">
  46.                         <div style="float:left;background-color:#b4cf7b;height:38px;width:10px;">&nbsp;</div>
  47.                         <div style="float:left;margin-left:4px;width:180px;height:38px;">
  48.                             <a href="#" style="color:#b4cf7b;">staff infomation</a>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.                 <div style="float:left;height:38px;width:391px;margin-top:3px;">
  53.                     <div style="float:left;height:38px;width:194px;background-color:#ffffff;">
  54.                         <div style="float:left;background-color:#b4cf7b;height:38px;width:10px;">&nbsp;</div>
  55.                         <div style="float:left;margin-left:4px;width:180px;height:38px;">
  56.                             <a href="#" style="color:#b4cf7b;">request form</a>
  57.                         </div>
  58.                     </div>
  59.                     <div style="float:left;margin-left:3px;height:38px;width:194px;background-color:#ffffff;">
  60.                         <div style="float:left;background-color:#b4cf7b;height:38px;width:10px;">&nbsp;</div>
  61.                         <div style="float:left;margin-left:4px;width:180px;height:38px;">
  62.                             <a href="#" style="color:#b4cf7b;">staff application</a>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.                 <div style="float:left;height:38px;width:391px;margin-top:3px;">
  67.                     <div style="float:left;height:38px;width:194px;background-color:#ffffff;">
  68.                         <div style="float:left;background-color:#b4cf7b;height:38px;width:10px;">&nbsp;</div>
  69.                         <div style="float:left;margin-left:4px;width:180px;height:38px;">
  70.                             <a href="#" style="color:#b4cf7b;">extra link</a>
  71.                         </div>
  72.                     </div>
  73.                     <div style="float:left;margin-left:3px;height:38px;width:194px;background-color:#ffffff;">
  74.                         <div style="float:left;background-color:#b4cf7b;height:38px;width:10px;">&nbsp;</div>
  75.                         <div style="float:left;margin-left:4px;width:180px;height:38px;">
  76.                             <a title="Coded by flamzfox at Cerulean Themes" href="http://www.asianfanfics.com/story/view/576337" style="color:#b4cf7b;">layout credit</a>
  77.                         </div>
  78.                     </div>
  79.                 </div>
  80.             </div>
  81.         </div>
  82.     </div>
  83.  
  84.     <div style="float:left;width:784px;margin-top:8px;">
  85.         <div style="float:left;width:385px;">
  86.             <div style="float:left;width:385px;height:97px;">
  87.                 <div style="float:left;width:285px;height:97px;">
  88.                     <div style="float:left;width:285px;height:46.5px;background-color:#ffffff;">
  89.                         <div style="float:left;width:46.5px;height:46.5px;background-color:#d46782;text-align:center;color:#ffffff;line-height:46.5px;font-size:14px;">
  90.                             12/22
  91.                         </div>
  92.                         <div style="float:left;margin-left:4px;width:234.5px;height:46.5px;font-size:11px;line-height:10px;color:#d46782;">
  93.                             <div style="float:left;margin:4px;width:226.5px;height:38.5px;overflow:hidden;">
  94.                                 <div style="float:left;width:226.5px;height:38.5px;overflow:auto;padding-right:12px;">
  95.                                     Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor. <br/><br/>
  96.                                     Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor.
  97.                                 </div>
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                     <div style="float:left;margin-top:4px;width:285px;height:46.5px;background-color:#ffffff;">
  102.                         <div style="float:left;width:46.5px;height:46.5px;background-color:#d46782;text-align:center;color:#ffffff;line-height:46.5px;font-size:14px;">
  103.                             12/22
  104.                         </div>
  105.                         <div style="float:left;margin-left:4px;width:234.5px;height:46.5px;font-size:11px;line-height:10px;color:#d46782;">
  106.                             <div style="float:left;margin:4px;width:226.5px;height:38.5px;overflow:hidden;">
  107.                                 <div style="float:left;width:226.5px;height:38.5px;overflow:auto;padding-right:12px;">
  108.                                     Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor. <br/><br/>
  109.                                     Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor. Etiam dictum porta mollis. Quisque sodales venenatis tempus. Mauris gravida tempor.
  110.                                 </div>
  111.                             </div>
  112.                         </div>
  113.                     </div>
  114.                 </div>
  115.                 <div style="float:left;width:96px;margin-left:4px;height:97px;background-color:#ffffff;color:#b4cf7b;letter-spacing:4px;font-size:16px;line-height:21.25px;">
  116.                     <div style="float:left;padding:6px;text-align:center;">
  117.                         <div style="width:84px;">
  118.                             <span style="color:#d46782;">open</span><br/>
  119.                             busy<br/>
  120.                             closed<br/>
  121.                             hiring 
  122.                         </div>
  123.                     </div>
  124.                 </div>
  125.             </div>
  126.             <div style="float:left;width:385px;height:150px;margin-top:8px;">
  127.                 <div style="float:left;width:385px;height:150px;">
  128.                     <img src="http://i.imgur.com/NkcxY0i.png" style="float:left;padding:3px;margin:-3px;width:385px;height:150px;">
  129.                 </div>
  130.             </div>
  131.         </div>
  132.  
  133.         <div style="float:left;margin-left:8px;width:391px;height:247px;">
  134.             <div style="float:left;width:193px;height:247px;">
  135.                 <div style="float:left;width:193px;height:229px;background-color:#ececec;">
  136.                     <div style="float:left;padding:4px;">
  137.                         <img src="http://i.imgur.com/622bi51.gif" style="width:185px;height:221px;float:left;padding:3px;margin:-3px;">
  138.                     </div> 
  139.                 </div>
  140.                 <div style="float:left;width:193px;height:26px;line-height:26px;color:#ffffff;background-color:#d46782;text-align:center;font-size:14px;letter-spacing:2px;">
  141.                     featured poster
  142.                 </div>
  143.             </div>
  144.             <div style="float:left;margin-left:5px;width:193px;height:247px;">
  145.                 <div style="float:left;width:193px;height:229px;background-color:#ececec;">
  146.                     <div style="float:left;padding:4px;">
  147.                         <img src="http://i.imgur.com/D9Bx4J5.png" style="width:185px;height:221px;float:left;padding:3px;margin:-3px;">
  148.                     </div> 
  149.                 </div>
  150.                 <div style="float:left;width:193px;height:26px;line-height:26px;color:#ffffff;background-color:#d46782;text-align:center;font-size:14px;letter-spacing:2px;">
  151.                     latest poster
  152.                 </div>
  153.             </div>
  154.         </div>
  155.     </div>
  156.  
  157.     <div style="float:left;width:784px;margin-top:8px;background-color:#ececec;color:#8C8C8C;font-size:14px;line-height:13px;">
  158.         <div style="float:left;padding:18px;">
  159.             <div style="float:left;width:367px;">
  160.                 <div style="float:left;width:367px;height:20px;line-height:20px;font-size:22px;color:#d46782;">request rules</div>
  161.                 <div style="float:left;width:367px;margin-top:5px;">
  162.                     1. Etiam dictum porta mollis. Quisque sodales venenatis tempus.<br/>
  163.                     2. Pellentesque molestie ipsum vel mauris convallis dapibus. Quisque at odio nec sapien condimentum rhoncus.<br/>
  164.                     3. Praesent sit amet eros lectus. Etiam auctor gravida orci.<br/>
  165.                     4. Nemo enim ipsam voluptatem quia voluptas.
  166.                 </div>
  167.             </div>
  168.             <div style="float:left;width:367px;text-align:right;">
  169.                 <div style="float:left;width:367px;height:20px;line-height:20px;font-size:22px;color:#d46782;">request status</div>
  170.                 <div style="float:left;width:367px;margin-top:5px;">
  171.                     requester : <a href="#" style="color:#8C8C8C;">story title</a> : designer : status<br/>
  172.                     requester : <a href="#" style="color:#8C8C8C;">story title</a> : designer : status<br/>
  173.                     requester : <a href="#" style="color:#8C8C8C;">story title</a> : designer : status<br/>
  174.                     requester : <a href="#" style="color:#8C8C8C;">story title</a> : designer : status<br/>
  175.                     requester : <a href="#" style="color:#8C8C8C;">story title</a> : designer : status<br/>
  176.                     requester : <a href="#" style="color:#8C8C8C;">story title</a> : designer : status
  177.                 </div>
  178.             </div>
  179.         </div>
  180.     </div>
  181.  
  182.     <div style="float:left;width:784px;margin-top:8px;color:#ffffff;font-size:12px;line-height:20px;text-align:center;">
  183.         <div style="float:left;width:784px;height:20px;">
  184.             <div style="float:left;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  185.             <div style="float:left;margin-left:4px;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  186.             <div style="float:left;margin-left:4px;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  187.             <div style="float:left;margin-left:4px;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  188.         </div>
  189.         <div style="float:left;margin-top:4px;width:784px;height:20px;">
  190.             <div style="float:left;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  191.             <div style="float:left;margin-left:4px;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  192.             <div style="float:left;margin-left:4px;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  193.             <div style="float:left;margin-left:4px;width:193px;height:20px;background-color:#b4cf7b"><a href="#" style="color:#ffffff;">affiliate name</a></div>
  194.         </div>
  195.     </div>
  196.  
  197. </div>
  198.  
  199.  
  200.  
  201.  
  202. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!