API tools faq
paste
Advertisement
flamzfox

Elusive Star [Shop] Home

flamzfox
Jan 3rd, 2014
676
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 11.37 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:800px;text-align:justify;font-family:'Arial';line-height:95%;color:#47a2dc;text-transform:uppercase;">
  2.  
  3.     <div style="float:left;width:800px;height:85px;line-height:85px;background-color:#000000;font-size:12px;text-align:center;">
  4.         <a href="#" style="color:#47a2dc;">home</a>
  5.         <a href="#" style="color:#ffffff;margin-left:42px;">link one</a>
  6.         <a href="#" style="color:#ffffff;margin-left:42px;">link two</a>
  7.         <a href="#" style="color:#ffffff;margin-left:42px;">link three</a>
  8.         <a href="#" style="color:#ffffff;margin-left:42px;">link four</a>
  9.     </div>
  10.  
  11.     <div style="float:left;width:800px;height:450px;">
  12.         <div style="float:left;width:800px;height:450px;">
  13.             <img src="http://i.imgur.com/usn4rNL.png" style="float:left;width:400px;height:450px;padding:3px;margin:-3px;">
  14.             <img src="http://i.imgur.com/GSLVvKU.png" style="float:left;width:400px;height:450px;padding:3px;margin:-3px;">
  15.         </div>
  16.         <div style="float:left;width:800px;height:125px;margin-top:-125px;">
  17.             <img src="http://i.imgur.com/W8Nw7QJ.png" style="float:left;width:400px;height:125px;padding:3px;margin:-3px;">
  18.             <img src="http://i.imgur.com/W8Nw7QJ.png" style="float:left;width:400px;height:125px;padding:3px;margin:-3px;">
  19.         </div>
  20.         <div style="float:left;width:800px;height:125px;margin-top:-125px;">
  21.             <div style="float:left;padding:38px;height:49px;width:724px;line-height:49px;">
  22.                 <div style="float:left;font-size:60px;letter-spacing:-3px;">
  23.                     the elusive star
  24.                 </div>
  25.                 <div style="float:right;height:49px;width:150px;font-weight:bold;">
  26.                     <div style="float:left;height:38px;width:150px;background-color:#47a2dc;color:#ffffff;line-height:38px;font-size:11px;text-align:center;">
  27.                         open
  28.                     </div>
  29.                     <div style="float:left;height:8px;line-height:8px;margin-top:3px;width:150px;text-align:center;color:#474747;font-size:8px;">last updated january 1st, 2014</div>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </div>
  34.  
  35.     <div style="float:left;width:800px;background-color:#f4f4f4;">
  36.         <div style="float:left;padding:15px;">
  37.             <div style="float:left;width:770px;">
  38.                 <div style="float:left;width:236px;border-right:solid 15px #f4f4f4;">
  39.                     <div style="float:left;padding:10px;background-color:#ffffff;">
  40.                         <div style="float:left;width:216px;color:#919191;font-size:9px;line-height:10px;">
  41.                             <div style="float:right;width:216px;height:14px;line-height:14px;font-size:16px;color:#47a2dc;font-weight:bold;margin-bottom:5px;">about us</div>
  42.  
  43.                             <p>tiam venenatis justo ligula, sed mollis metus varius eu. Proin eget malesuada massa, ut rhoncus velit. Nunc vestibulum fermentum gravida. Mauris scelerisque, sapien at lacinia ultricies, odio diam tristique est, a ultricies felis sem vitae orci. Fusce sit amet tempor felis.</p>
  44.  
  45.                             <p>Nascetur ridiculus mus. Suspendisse condimentum massa cursus nibh pretium, tempus volutpat velit posuere. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur quam est, mollis a metus in, bibendum mollis ligula. Quisque ac dui massa.</p>
  46.                         </div>
  47.                         <div style="float:left;margin-top:10px;width:216px;">
  48.                             <div style="float:right;width:216px;height:14px;line-height:14px;font-size:16px;color:#47a2dc;font-weight:bold;margin-bottom:5px;">staff [hover]</div>
  49.                             <div style="float:left;width:216px;">
  50.                                 <a href="#"><img src="https://24.media.tumblr.com/7e0422c11821da86b1821ae562366a76/tumblr_myn8tdIBKf1s7746do5_500.gif" style="float:left;width:216px;height:56px;padding:3px;margin:-3px;" title="STAFF NAME [STATUS]: SHORT DESCRIPTION"></a>
  51.                                 <a href="#"><img src="https://24.media.tumblr.com/3c9dedf89eb340577a85639532947a80/tumblr_myn8tdIBKf1s7746do6_500.gif" style="float:left;width:216px;height:56px;padding:3px;margin:-3px;" title="STAFF NAME [STATUS]: SHORT DESCRIPTION"></a>
  52.                                 <a href="#"><img src="https://24.media.tumblr.com/249ec02d0fb79093b7735dc8d15b0f69/tumblr_myn8tdIBKf1s7746do7_500.gif" style="float:left;width:216px;height:56px;padding:3px;margin:-3px;" title="STAFF NAME [STATUS]: SHORT DESCRIPTION"></a>
  53.                                 <a href="#"><img src="https://24.media.tumblr.com/fbdc8e7b4905bb090a64492293c27bbe/tumblr_myn8tdIBKf1s7746do8_500.gif" style="float:left;width:216px;height:56px;padding:3px;margin:-3px;" title="STAFF NAME [STATUS]: SHORT DESCRIPTION"></a>
  54.                             </div>
  55.                         </div>
  56.  
  57.                         <div style="float:left;margin-top:15px;border-top:solid 10px #f4f4f4;width:246px;margin-left:-15px;">
  58.                             <div style="float:left;margin-top:15px;margin-left:15px;width:216px;">
  59.                                 <img src="http://i.imgur.com/QBd4AXD.png" style="float:left;width:216px;height:110px;padding:3px;margin:-3px;">
  60.                             </div>
  61.                         </div>
  62.                     </div>
  63.  
  64.                     <div style="float:left;margin-top:10px;width:246px;font-size:9px;letter-spacing:2.5px;">
  65.                         <div style="float:left;width:246px;">
  66.                             <div style="float:left;background-color:#47a2dc;color:#ffffff;width:246px;height:25px;text-align:center;line-height:25px;">
  67.                                 <a href="#" style="color:#ffffff;">affilate name</a>
  68.                             </div>
  69.                             <div style="float:left;margin-top:2px;background-color:#47a2dc;color:#ffffff;width:246px;height:25px;text-align:center;line-height:25px;">
  70.                                 <a href="#" style="color:#ffffff;">affilate name</a>
  71.                             </div>
  72.                             <div style="float:left;margin-top:2px;background-color:#47a2dc;color:#ffffff;width:246px;height:25px;text-align:center;line-height:25px;">
  73.                                 <a href="#" style="color:#ffffff;">affilate name</a>
  74.                             </div>
  75.                             <div style="float:left;margin-top:2px;background-color:#47a2dc;color:#ffffff;width:246px;height:25px;text-align:center;line-height:25px;">
  76.                                 <a href="#" style="color:#ffffff;">affilate name</a>
  77.                             </div>
  78.                             <div style="float:left;margin-top:2px;background-color:#47a2dc;color:#ffffff;width:246px;height:25px;text-align:center;line-height:25px;">
  79.                                 <a href="#" style="color:#ffffff;">affilate name</a>
  80.                             </div>
  81.                             <div style="float:left;margin-top:2px;background-color:#47a2dc;color:#ffffff;width:246px;height:25px;text-align:center;line-height:25px;">
  82.                                 <a href="#" style="color:#ffffff;">affilate name</a>
  83.                             </div>
  84.                         </div>
  85.                     </div>
  86.  
  87.                 </div>
  88.                 <div style="float:left;margin-left:-15px;border-left:solid 15px #f4f4f4;background-color:#ffffff;width:519px;">
  89.                     <div style="float:left;width:519px;background-color:#e8e8e8;border-bottom:solid 10px #f4f4f4;">
  90.                         <div style="float:left;padding:15px;font-size:9px;line-height:10px;color:#474747;">
  91.                             <strong><em>december 21</em></strong> | Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis.
  92.                         </div>
  93.                     </div>
  94.                     <div style="float:left;width:519px;background-color:#ffffff;">
  95.                         <div style="float:left;padding:15px;font-size:11px;line-height:12px;color:#919191;">
  96.                             <div style="text-align:left;float:left;width:489px;height:14px;line-height:14px;font-size:16px;color:#47a2dc;font-weight:bold;margin-bottom:5px;">rules and guidelines</div>
  97.                             <p><strong><span style="color:#47a2dc;">01. </span></strong>Etiam venenatis justo ligula, sed mollis metus varius eu. Proin eget malesuada massa, ut rhoncus velit. <strong><span style="color:#47a2dc;">02. </span></strong>Nunc vestibulum fermentum gravida. Mauris scelerisque, a ultricies felis sem vitae orci. <strong><span style="color:#47a2dc;">03. </span></strong>Fusce sit amet tempor felis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. <strong><span style="color:#47a2dc;">04. </span></strong>Vestibulum condimentum tincidunt convallis penatibus et magnis dis parturient montes, nascetur ridiculus mus. <strong><span style="color:#47a2dc;">05. </span></strong>Suspendisse condimentum massa cursus nibh pretium, tempus volutpat velit posuere.</p>
  98.  
  99.                             <div style="float:left;width:489px;margin-top:15px;">
  100.                                 <div style="float:left;width:242px;font-size:10px;">
  101.                                     <div style="text-align:left;float:left;width:242px;height:14px;line-height:14px;font-size:16px;color:#47a2dc;font-weight:bold;margin-bottom:5px;">request status</div>
  102.                                     <p>
  103.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  104.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  105.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  106.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  107.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  108.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  109.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  110.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  111.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  112.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  113.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status<br/>
  114.                                         <a href="#" style="color:#47a2dc;">requester</a> | designer | status
  115.                                     </p>
  116.                                 </div>
  117.                                 <div style="float:right;width:242px;font-size:10px;">
  118.                                     <div style="text-align:left;float:left;width:242px;height:14px;line-height:14px;font-size:16px;color:#47a2dc;font-weight:bold;margin-bottom:5px;">blacklist</div>
  119.                                     <p>
  120.                                         <a href="#" style="color:#47a2dc;">username</a> | reason for blacklisting<br/>
  121.                                         <a href="#" style="color:#47a2dc;">username</a> | reason for blacklisting<br/>
  122.                                         <a href="#" style="color:#47a2dc;">username</a> | reason for blacklisting
  123.                                     </p>
  124.                                     <div style="float:left;margin-top:15px;background-color:#47a2dc;color:#ffffff;width:242px;height:36px;text-align:center;line-height:36px;">
  125.                                         <a href="#" style="color:#ffffff;">request form</a>
  126.                                     </div> 
  127.                                     <div style="float:left;margin-top:5px;background-color:#47a2dc;color:#ffffff;width:242px;height:36px;text-align:center;line-height:36px;">
  128.                                         <a href="#" style="color:#ffffff;">hiring form</a>
  129.                                     </div> 
  130.                                 </div>
  131.                             </div> 
  132.  
  133.                             <div style="float:left;width:489px;margin-top:15px;">
  134.                                 <iframe class="imgur-album" width="100%" height="350" frameborder="0" src="http://imgur.com/a/cEVUz/embed"></iframe>
  135.                             </div>
  136.  
  137.                             <div style="float:left;margin-top:10px;width:489px;height:64px;">
  138.                                 <div style="float:left;height:64px;width:417px;">
  139.                                     <iframe width="100%" height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/123966357&color=000000&&show_artwork=false"></iframe>
  140.                                 </div>
  141.                                 <div style="float:right;height:64px;width:64px;color:#ffffff;font-size:9px;text-align:center;background-color:#000000;">
  142.                                     <div style="float:left;width:64px;height:24px;line-height:12px;margin-top:20px;font-weight:bold;">
  143.                                         <em>featured<br/>
  144.                                         song</em>
  145.                                     </div>
  146.                                 </div>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.             </div> 
  152.         </div>
  153.     </div>
  154.  
  155.     <div style="float:left;width:800px;height:85px;line-height:85px;background-color:#000000;font-size:9px;text-align:center;color:#ffffff;">
  156.         layout designed and coded by flamzfox at <a href="http://www.asianfanfics.com/story/view/576337" style="color:#ffffff;font-weight:bold;">Cerulean Themes</a>
  157.     </div>
  158.  
  159. </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!