API tools faq
paste
Advertisement
flamzfox

AllKpop Template

flamzfox
Dec 28th, 2013
4,010
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.50 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:700px;font-family:'Helvetica';text-align:justify;">
  2.  
  3. <div style="float:left;width:700px;background-color:#f7f3f3;">
  4.  
  5. <div style="float:left;width:700px;height:40px;border-bottom:solid 1px #000000;">
  6.     <img src="http://i.imgur.com/HLUUcov.png" style="width:700px;height:40px;float:left;padding:3px;margin:-3px;">
  7. </div>
  8. <div style="float:left;width:700px;height:27px;background-color:#000000;line-height:27px;text-align:right;font-size:12px;font-weight:bold;color:#ffffff;text-transform:uppercase;font-family:'Helvetica';">
  9.     <span style="color:#ca0000;">news</span>&nbsp;&nbsp;&nbsp;
  10.     <a title="Coded by flamzfox at Cerulean Themes" href="http://www.asianfanfics.com/story/view/576337" style="color:#ffffff">credit</a>&nbsp;&nbsp;&nbsp;
  11.     features&nbsp;&nbsp;&nbsp;
  12.     memes&nbsp;&nbsp;&nbsp;
  13.     photos&nbsp;&nbsp;&nbsp;
  14.     shop&nbsp;&nbsp;&nbsp;
  15.     forums&nbsp;&nbsp;&nbsp;
  16. </div>
  17.  
  18. <div style="float:left;padding:20px;font-family:'Helvetica';">
  19.     <div style="float:left;width:660px;font-size:25px;color:#5ac8f1;line-height:25px;margin-top:20px;font-weight:bold;">
  20.         SM Entertainment just revealed comeback date early in 2014 for SHINee!
  21.     </div>
  22.     <div style="float:left;width:660px;font-size:12px;color:#cdc2c5;line-height:11px;">
  23.         December 25, 2013 @ 11:08 am
  24.     </div>
  25.     <div style="float:left;width:660px;height:230px;margin-top:15px;">
  26.         <img src="http://i.imgur.com/ZurmZdY.png" style="width:660px;height:230px;float:left;padding:3px;margin:-3px;">
  27.     </div>
  28.     <div style="float:left;width:660px;height:34px;line-height:22px;font-size:11px;background-color:#5ac8f1;">
  29.         <div style="float:left;padding:6px 6px 6px 6px;">
  30.             <img src="http://i.imgur.com/zdVJmyT.png" style="width:21px;height:22px;float:left;padding:3px;margin:-3px;">
  31.             <div style="float:left;margin-left:6px;height:22px;">
  32.                 <em>by</em>
  33.                 <span style="color:#ffffff;"><strong>admin</strong></span>
  34.             </div>
  35.         </div>
  36.     </div>
  37.     <div style="float:left;width:660px;height:30px;line-height:30px;font-size:25px;text-transform:uppercase;color:#cdc2c5;margin-top:36px;font-weight:bold;">
  38.         scrap, share & like
  39.     </div>
  40.     <div style="float:left;width:660px;height:67px;text-transform:uppercase;background-color:#ffffff;color:#000000;">
  41.         <div style="float:left;padding:15px;">
  42.             <div style="float:left;width:630px;height:37px;">
  43.                 <div style="float:left;height:37px;text-align:center;width:67px;">
  44.                     <div style="float:left;color:#ca0000;width:67px;font-size:28px;line-height:29px;">
  45.                         <strong>2299</strong>
  46.                     </div>
  47.                     <div style="float:left;font-size:8px;width:67px;line-height:8px;">
  48.                         shares
  49.                     </div>
  50.                 </div>
  51.                 <div style="float:left;margin-left:15px;width:225px;height:33px;margin-top:2px;">
  52.                     <img src="http://i.imgur.com/qg7iJvC.png" style="width:225px;height:33px;float:right;padding:3px;margin:-3px;">
  53.                 </div>
  54.                 <div style="float:left;margin-left:15px;width:71px;height:33px;margin-top:2px;">
  55.                     <img src="http://i.imgur.com/GpYXxaV.png" style="width:71px;height:33px;float:right;padding:3px;margin:-3px;">
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </div>
  60.  
  61.     <div style="float:left;margin-top:19px;background-color:#ffffff;color:#000000;font-size:13px;line-height:16px;width:660px;">
  62.         <div style="float:left;padding:20px;">
  63.             <p>
  64.                 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.
  65.             </p>
  66.             <p>
  67.                 <span style="font-weight:bold;">SEE ALSO: <a href="#" style="color:#ca0000;">SM Town planning release of new rookie group!</a></span>
  68.             </p>
  69.             <p>
  70.                 Nunc urna arcu, suscipit vel urna ut, posuere tincidunt urna. 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. 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.
  71.             </p>
  72.             <p>
  73.                 Nam sollicitudin felis nec egestas vestibulum. Mauris ante felis, pretium eget elit a, mattis eleifend diam. Aenean quam nisi, laoreet a dapibus et, auctor vitae tellus. Pellentesque non felis et lectus vestibulum luctus id id lectus. In ut quam lacus. Fusce tincidunt, nunc vel dictum egestas, nisl risus venenatis purus, sed semper justo arcu vitae leo. Vestibulum ac velit sapien. Nullam pharetra risus vel eleifend gravida. Phasellus id massa tempus, eleifend odio nec, tincidunt lacus. Phasellus eu elit euismod, consectetur quam ut, euismod leo. Etiam sodales nunc ut dolor pretium feugiat.
  74.             </p>
  75.             <p>
  76.                 Fusce vulputate, justo quis adipiscing egestas, justo tellus feugiat massa, quis aliquet enim mauris in leo. Aenean ac magna vel quam viverra tempor. Maecenas adipiscing odio dolor, ut elementum arcu hendrerit ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis est pretium nibh aliquet faucibus in et nunc. Vivamus venenatis faucibus leo, ut rutrum mi volutpat id. Aenean lacinia justo id massa fermentum, sed fermentum quam ultrices. Nullam risus neque, gravida quis hendrerit quis, aliquet id nisi.
  77.             </p>
  78.             <div style="float:left;width:620px;height:30px;line-height:30px;font-size:25px;text-transform:uppercase;color:#cdc2c5;margin-top:36px;font-weight:bold;">
  79.                 tags
  80.             </div>
  81.             <div style="float:left;width:620px;color:#ffffff;font-weight:bold;line-height:16px;font-size:14px;">
  82.                 <div style="float:left;background-color:#b0b0b0;height:26px;">
  83.                     <div style="float:left;padding:5px;">
  84.                         SHINee
  85.                     </div>
  86.                 </div>
  87.                 <div style="float:left;margin-left:2px;background-color:#b0b0b0;height:26px;">
  88.                     <div style="float:left;padding:5px;">
  89.                         SM Entertainment
  90.                     </div>
  91.                 </div>
  92.                 <div style="float:left;margin-left:2px;background-color:#b0b0b0;height:26px;">
  93.                     <div style="float:left;padding:5px;">
  94.                         Comeback
  95.                     </div>
  96.                 </div>
  97.                 <div style="float:left;margin-left:2px;background-color:#b0b0b0;height:26px;">
  98.                     <div style="float:left;padding:5px;">
  99.                         Press Statement
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </div>
  105.  
  106.     <div style="float:left;width:660px;height:50px;line-height:50px;font-size:50px;text-transform:uppercase;color:#cdc2c5;margin-top:36px;font-weight:bold;">
  107.         comments
  108.     </div>
  109.     <div style="float:left;width:660px;height:16px;line-height:16px;font-size:19px;color:#000000;font-weight:bold;">
  110.         There are 206 comments
  111.     </div>
  112.     <div style="float:left;width:660px;height:172px;margin-top:19px;">
  113.         <img src="http://i.imgur.com/5rIeMMp.png" style="width:660px;height:172px;float:left;padding:3px;margin:-3px;">
  114.     </div>
  115.     <div style="float:left;width:660px;height:30px;margin-top:36px;line-height:30px;">
  116.         <div style="float:left;height:30px;width:70px;color:#959595;font-weight:bold;font-size:17px;">
  117.             Sort by:
  118.         </div>
  119.         <div style="float:left;margin-left:5px;height:28px;width:130px;border:solid 1px #cccccc;background-color:#ebebeb;font-size:17px;line-height:20px;color:#555555;">
  120.             <div style="float:left;padding:4px;">
  121.                 Newest First
  122.             </div>
  123.         </div>
  124.         <div style="float:left;width:5px;height:7px;margin-left:-10px;margin-top:12px;">
  125.             <div style="float:right;width:0px;height:0px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #555555;">&nbsp;</div>
  126.         </div> 
  127.     </div>
  128.     <div style="float:left;width:660px;margin-top:36px;">
  129.         <div style="float:left;width:660px;border-bottom:dotted 1px #555555;">
  130.             <div style="float:left;width:50px;height:50px;">
  131.                 <img src="http://static2.allkpop.com/img/avatar2.png" style="width:50px;height:50px;float:left;padding:3px;margin:-3px;">
  132.             </div>
  133.             <div style="float:left;margin-left:8px;width:602px;">
  134.                 <div style="float:left;height:14px;width:602px;line-height:14px;font-size:16px;">
  135.                     <span style="color:#ca0000;"><strong>username</strong></span><span style="font-size:11px;color:#555555">&nbsp;&#183;&nbsp;Posted December 27, 2013 @ 10:33 am</span>
  136.                 </div>
  137.                 <div style="float:left;margin-top:12px;width:602px;color:#000000;font-size:13px;line-height:16px;">
  138.                     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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  139.                 </div>
  140.                 <div style="float:left;margin-top:12px;width:602px;color:#555555;font-size:11px;line-height:10px;">
  141.                     Reply&nbsp;&#183;&nbsp;Report&nbsp;&#183;&nbsp;Share
  142.                 </div>
  143.             </div>
  144.             <div style="float:left;width:360px;height:25px;">&nbsp;</div>
  145.         </div>
  146.         <div style="float:left;width:660px;margin-top:25px;border-bottom:dotted 1px #555555;">
  147.             <div style="float:left;width:50px;height:50px;">
  148.                 <img src="http://static2.allkpop.com/img/avatar2.png" style="width:50px;height:50px;float:left;padding:3px;margin:-3px;">
  149.             </div>
  150.             <div style="float:left;margin-left:8px;width:602px;">
  151.                 <div style="float:left;height:14px;width:602px;line-height:14px;font-size:16px;">
  152.                     <span style="color:#ca0000;"><strong>username</strong></span><span style="font-size:11px;color:#555555">&nbsp;&#183;&nbsp;Posted December 27, 2013 @ 10:33 am</span>
  153.                 </div>
  154.                 <div style="float:left;margin-top:12px;width:602px;color:#000000;font-size:13px;line-height:16px;">
  155.                     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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  156.                 </div>
  157.                 <div style="float:left;margin-top:12px;width:602px;color:#555555;font-size:11px;line-height:10px;">
  158.                     Reply&nbsp;&#183;&nbsp;Report&nbsp;&#183;&nbsp;Share
  159.                 </div>
  160.             </div>
  161.             <div style="float:left;width:360px;height:25px;">&nbsp;</div>
  162.         </div>
  163.         <div style="float:left;width:660px;margin-top:25px;border-bottom:dotted 1px #555555;">
  164.             <div style="float:left;width:50px;height:50px;">
  165.                 <img src="http://static2.allkpop.com/img/avatar2.png" style="width:50px;height:50px;float:left;padding:3px;margin:-3px;">
  166.             </div>
  167.             <div style="float:left;margin-left:8px;width:602px;">
  168.                 <div style="float:left;height:14px;width:602px;line-height:14px;font-size:16px;">
  169.                     <span style="color:#ca0000;"><strong>username</strong></span><span style="font-size:11px;color:#555555">&nbsp;&#183;&nbsp;Posted December 27, 2013 @ 10:33 am</span>
  170.                 </div>
  171.                 <div style="float:left;margin-top:12px;width:602px;color:#000000;font-size:13px;line-height:16px;">
  172.                     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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  173.                 </div>
  174.                 <div style="float:left;margin-top:12px;width:602px;color:#555555;font-size:11px;line-height:10px;">
  175.                     Reply&nbsp;&#183;&nbsp;Report&nbsp;&#183;&nbsp;Share
  176.                 </div>
  177.             </div>
  178.             <div style="float:left;width:360px;height:25px;">&nbsp;</div>
  179.         </div>
  180.         <div style="float:left;width:660px;margin-top:25px;">
  181.             <div style="float:left;width:50px;height:50px;">
  182.                 <img src="http://static2.allkpop.com/img/avatar2.png" style="width:50px;height:50px;float:left;padding:3px;margin:-3px;">
  183.             </div>
  184.             <div style="float:left;margin-left:8px;width:602px;">
  185.                 <div style="float:left;height:14px;width:602px;line-height:14px;font-size:16px;">
  186.                     <span style="color:#ca0000;"><strong>username</strong></span><span style="font-size:11px;color:#555555">&nbsp;&#183;&nbsp;Posted December 27, 2013 @ 10:33 am</span>
  187.                 </div>
  188.                 <div style="float:left;margin-top:12px;width:602px;color:#000000;font-size:13px;line-height:16px;">
  189.                     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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  190.                 </div>
  191.                 <div style="float:left;margin-top:12px;width:602px;color:#555555;font-size:11px;line-height:10px;">
  192.                     Reply&nbsp;&#183;&nbsp;Report&nbsp;&#183;&nbsp;Share
  193.                 </div>
  194.             </div>
  195.             <div style="float:left;width:360px;height:25px;">&nbsp;</div>
  196.         </div>
  197.     </div> 
  198.  
  199.     <div style="float:left;width:660px;margin-top:36px;height:36px;background-color:#ca0000;font-weight:bold;color:#ffffff;line-height:36px;text-align:center;cont-size:13px;">
  200.         more
  201.     </div> 
  202.  
  203. </div>
  204.  
  205. </div> 
  206.  
  207. </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!