API tools faq
paste
Advertisement
flamzfox

Sakura Addiction

flamzfox
Oct 28th, 2013
530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.33 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:753px;height:800px;text-align:justify;font-family:Calibri;line-height:15px;">
  2.     <div style="float:left;background-color:#000000;height:92px;width:753px;">
  3.         <div style="padding-left:15px;padding-right:15px;color:#dbdbdb;text-transform:uppercase;text-align:right;font-size:55px;line-height:92px;">
  4.             <strong>Hibari Kyoya</strong>
  5.         </div>
  6.     </div>
  7.     <div style="float:left;background-color:#222222;height:40px;width:753px;">
  8.         <div style="padding-left:15px;padding-right:15px;color:#e6e6e6;text-transform:uppercase;text-align:right;font-size:11px;line-height:40px;">
  9.             <div style="float:left;width:175px;">
  10.                 <div style="float:left;">
  11.                     <strong>Navigational Sidebar</strong>
  12.                 </div>
  13.                 <div style="width:0px;height:0px;float:left;margin-left:14.5px;margin-top:17px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #e6e6e6;">
  14.                     &nbsp;</div>
  15.             </div>
  16.             <div style="float:right;width:328px;text-align:right;">
  17.                 <div style="float:right;width:135px;">
  18.                     <strong>Personal Information</strong>
  19.                 </div>
  20.                 <div style="float:right;margin-right:28.6px;margin-top:1px;height:10px;width:10px;" title="Last Updated: October 28th">
  21.                     <img src="http://i.imgur.com/qcS9HzT.png">
  22.                 </div>
  23.                 <div style="float:right;margin-right:28.6px;margin-top:1px;height:10px;width:10px;" title="Status: In love with life and all of you guys.">
  24.                     <img src="http://i.imgur.com/KkHlsVr.png">
  25.                 </div>
  26.                 <div style="float:right;margin-right:28.6px;margin-top:1px;height:10px;width:10px;" title="In Love With: Hibari Kyoya">
  27.                     <img src="http://i.imgur.com/xu7kKGN.png">
  28.                 </div>
  29.                 <div style="float:right;margin-right:28.6px;margin-top:1px;height:10px;width:10px;" title="Listening To: KHR OST">
  30.                     <img src="http://i.imgur.com/GwQcx1x.png">
  31.                 </div>
  32.                 <div style="float:right;margin-right:28.6px;margin-top:1px;height:10px;width:10px;" title="Mood: Neutral">
  33.                     <img src="http://i.imgur.com/mSYRxkS.png">
  34.                 </div>
  35.             </div>
  36.         </div>
  37.     </div>
  38.     <div style="width:753px;height:668px;float:left;background-color:#dbdbdb;">
  39.         <div style="width:753px;height:668px;float:left;">
  40.             <img src="http://i.imgur.com/YKkgKgE.png" style="width:412px;height:666px;float:left;margin-top:2px;">
  41.         </div>
  42.         <div style="width:753px;height:668px;float:left;margin-top:-668px;">
  43.             <div style="padding-left:15px;padding-right:15px;">
  44.                 <div style="float:left;width:175px;text-align:center;">
  45.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;">
  46.                         <a href="#" style="color:#222222;font-size:11px;text-transform:uppercase;">link 1</a>
  47.                     </div>
  48.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;">
  49.                         <a href="#" style="color:#222222;font-size:11px;text-transform:uppercase;">link 2</a>
  50.                     </div>
  51.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;">
  52.                         <a href="#" style="color:#222222;font-size:11px;text-transform:uppercase;">link 3</a>
  53.                     </div>
  54.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;">
  55.                         <a href="#" style="color:#222222;font-size:11px;text-transform:uppercase;">link 4</a>
  56.                     </div>
  57.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;">
  58.                         <a href="#" style="color:#222222;font-size:11px;text-transform:uppercase;">link 5</a>
  59.                     </div>
  60.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;">
  61.                         <a href="#" style="color:#222222;font-size:11px;text-transform:uppercase;">link 6</a>
  62.                     </div>
  63.                     <div style="float:left;background-color:#ae5757;width:175px;height:25px;line-height:25px;margin-top:10px;">
  64.                         <a href="http://www.asianfanfics.com/story/view/576337" title="coded and designed by flamzfox at Cerulean Themes"style="color:#222222;font-size:11px;text-transform:uppercase;">layout credit</a>
  65.                     </div>
  66.                 </div>
  67.  
  68.                 <div style="float:right;width:328px;margin-top:18px;">
  69.                     <div style="width:328px;float:left;height:60px;">
  70.                         <div style="float:left;width:60px;height:60px;">
  71.                             <a href="#" title="friend number one">
  72.                                 <img src="http://i.imgur.com/pzVyOo5.png" style="border:solid 5px #adce67;width:50px;height:50px;">
  73.                             </a>
  74.                         </div>
  75.  
  76.                         <div style="float:left;width:60px;height:60px;margin-left:7px;">
  77.                             <a href="#" title="friend number two">
  78.                                 <img src="http://i.imgur.com/pzVyOo5.png" style="border:solid 5px #adce67;width:50px;height:50px;">
  79.                             </a>
  80.                         </div>
  81.  
  82.                         <div style="float:left;width:60px;height:60px;margin-left:7px;">
  83.                             <a href="#" title="friend number three">
  84.                                 <img src="http://i.imgur.com/pzVyOo5.png" style="border:solid 5px #adce67;width:50px;height:50px;">
  85.                             </a>
  86.                         </div>
  87.  
  88.                         <div style="float:left;width:60px;height:60px;margin-left:7px;">
  89.                             <a href="#" title="friend number four">
  90.                                 <img src="http://i.imgur.com/pzVyOo5.png" style="border:solid 5px #adce67;width:50px;height:50px;">
  91.                             </a>
  92.                         </div>
  93.  
  94.                         <div style="float:left;width:60px;height:60px;margin-left:7px;">
  95.                             <a href="#" title="friend number five">
  96.                                 <img src="http://i.imgur.com/pzVyOo5.png" style="border:solid 5px #adce67;width:50px;height:50px;">
  97.                             </a>
  98.                         </div>
  99.                     </div>
  100.  
  101.                     <div style="width:328px;float:left;height:55px;margin-top:10px;color:#000000;font-size:11.5px;line-height:13px;">
  102.                         <strong><span style="color:#ae5757;">name.</span> Hibari Kyoya
  103.                         <span style="color:#ae5757;">date of birth.</span> November 26th, 1989
  104.                         <span style="color:#ae5757;">motto.</span> "I'll bite you to death."
  105.                         <span style="color:#ae5757;">hobbies.</span> attacking anything that moves</strong>
  106.                     </div>
  107.  
  108.                     <div style="width:290px;margin-left:38px;float:left;height:64px;margin-top:10px;">
  109.                         <div style="float:left;height:64px;width:59px;">
  110.                             <iframe height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/32187215&amp;color=ae5757&amp;;show_artwork=false" width="59"></iframe>
  111.                         </div>
  112.                         <div style="float:left;margin-left:10px;margin-top:18.25px;">
  113.                             <div style="height:12.5px;line-height:12.5px;color:#000000;font-size:13px;"><strong>now playing</strong></div>
  114.                             <div style="color:#adce67;font-size:20px;height:15px;line-height:15px;"><strong>Sakura Addiction</strong></div>
  115.                         </div>
  116.                     </div> 
  117.  
  118.                     <div style="width:328px;float:left;height:69px;margin-top:38px;color:#000000;font-size:11.5px;line-height:13px;"><strong>
  119.                         <div style="float:left;width:228px;height:55px;margin-top:14px;">
  120.                             <div style="float:left;width:33px;height:33px;">
  121.                                 <img src="http://i.imgur.com/JWQ1Tr4.png" style="float:left;width:10px;height:8px;margin-left:11.5px;margin-top:12.5px;">
  122.                             </div>
  123.                             <div style="float:left;margin-top:4px;width:195px;height:11px;line-height:11px;">With a cold heart,</div>
  124.                             <div style="float:left;margin-top:-4px;width:195px;height:22px;line-height:22px;font-size:22px;">I'm searching for the</div>
  125.                             <div style="text-align:right;float:left;width:114px;height:11px;line-height:11px;">when the flowers fall,</div>
  126.                             <div style="text-align:right;float:left;margin-top:11px;margin-left:-114px;width:114px;height:11px;line-height:11px;">and I close my eyes.</div>
  127.                             <div style="float:left;height:22px;line-height:22px;width:112px;color:#ae5757;font-size:31.4px;margin-left:2px;margin-top:-2px;">moment</div></strong>
  128.                         </div>
  129.  
  130.                         <div style="float:left;margin-left:13.5px;background-color:#ae5757;width:4px;height:69px;">&nbsp;</div>
  131.                         <div style="float:left;margin-left:13.5px;background-color:#ae5757;color:#dbdbdb;line-height:69px;text-align:center;width:69px;height:69px;font-size:45px;">27</div>
  132.                     </div>
  133.  
  134.                     <div style="height:336px;width:328px;float:left;margin-top:8px;background-color:#e6e6e6;color:#222222;font-size:11.5px;line-height:13px;">
  135.                         <div style="padding:7px;">
  136.                             <div style="width:310px;height:33px;float:left;background-color:#dbdbdb;color:#adce67;text-transform:uppercase;font-size:18px;line-height:33px;">
  137.                                 <div style="padding-left:7px;padding-right:7px;">
  138.                                     <strong>Let us conquer this world.</strong>
  139.                                 </div>
  140.                             </div>
  141.  
  142.                             <div style="height:256px;width:310px;float:left;">
  143.                                 <div style="margin:7px;height:242px;width:296px;overflow:auto;padding-right:8px;">
  144.                                     <p>Nam gravida sapien a purus rhoncus auctor. In quis est massa. Donec a mauris quis turpis semper condimentum ut ut erat. Maecenas commodo tempor nulla, eu sodales quam tempor consectetur. Aliquam pellentesque adipiscing lacus nec molestie. Pellentesque dignissim quam ut felis aliquam lobortis. Sed mattis consectetur velit id auctor. Cras rutrum varius lacus.</p>
  145.                                     <p>Nam gravida sapien a purus rhoncus auctor. In quis est massa. Donec a mauris quis turpis semper condimentum ut ut erat. Maecenas commodo tempor nulla, eu sodales quam tempor consectetur. Aliquam pellentesque adipiscing lacus nec molestie. Pellentesque dignissim quam ut felis aliquam lobortis. Sed mattis consectetur velit id auctor. Cras rutrum varius lacus.</p>
  146.                                     <p>Nam gravida sapien a purus rhoncus auctor. In quis est massa. Donec a mauris quis turpis semper condimentum ut ut erat. Maecenas commodo tempor nulla, eu sodales quam tempor consectetur. Aliquam pellentesque adipiscing lacus nec molestie. Pellentesque dignissim quam ut felis aliquam lobortis. Sed mattis consectetur velit id auctor. Cras rutrum varius lacus.</p>
  147.                                     <p>Nam gravida sapien a purus rhoncus auctor. In quis est massa. Donec a mauris quis turpis semper condimentum ut ut erat. Maecenas commodo tempor nulla, eu sodales quam tempor consectetur. Aliquam pellentesque adipiscing lacus nec molestie. Pellentesque dignissim quam ut felis aliquam lobortis. Sed mattis consectetur velit id auctor. Cras rutrum varius lacus.</p>
  148.                                 </div>
  149.                             </div>
  150.  
  151.                             <div style="width:310px;height:33px;float:left;background-color:#222222;color:#dbdbdb;text-transform:uppercase;font-size:13px;line-height:33px;">
  152.                                 <div style="padding-left:7px;padding-right:7px;">
  153.                                     <strong>Take my hand, let us fight for the world of us.</strong>
  154.                                 </div>
  155.                             </div>
  156.  
  157.                         </div>
  158.                     </div>
  159.  
  160.                 </div>
  161.             </div> 
  162.         </div>
  163.     </div>
  164. </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!