API tools faq
paste
Advertisement
jaeilhun07

Empathy - Masterpost (Home)

jaeilhun07
Dec 18th, 2015
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 32.32 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto; padding:0px 25px 0px 0px; width:600px; background-color:#f1f1f1; border-left:solid 25px #3abf92;">
  2.     <div id="heading" style="padding-left:25; width:575px; height:100px;">
  3.         <div style="float:left; width:475px; height:100px;">
  4.             <div style="margin-top:25px; margin-left:25px; width:450px; height:35px; text-align:left; text-transform:lowercase; font-family:trebuchet ms; font-size:35px; line-height:35px; color:#3abf92">
  5.                 <b>masterpost</b><em>title</em>
  6.             </div>
  7.             <div id="subtitle" style="margin-top:5px; margin-left:25px; width:450px; height:35px; text-align:left; text-transform:lowercase; font-family:trebuchet ms; font-size:15px; line-height:15px; color:#285153">
  8.                 <b>user</b><em>name</em>
  9.             </div>
  10.         </div>
  11.         <div style="float:right; padding:10px; width:55px; height:80px; background-color:#3abf92;">
  12.             <div style="float:right; margin-top:40px; padding:5px; border:solid 5px #fff; width:20px; height:20px; font-weight:bold; text-align:center; font-size:20px; line-height:20px; color:#fff;">
  13.                 <a href="#" style="color:#fff; text-decoration:none;" title="My Stories Library">+</a>
  14.             </div>
  15.         </div>
  16.     </div>
  17.     <div style="margin-top:20px; width:600px; height:20px; text-align:right; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92">
  18.         <div style="float:left; width:200px; height:20px; background-color:#3abf92">
  19.        
  20.         </div>
  21.         <div style="float:left; width:400px; height:20px; ">
  22.             <div style="float:left; padding:5px 10px; width:auto; height:10px; background-color:#3abf92;">
  23.                 <a href="#" style="color:#fff; text-decoration:none;" title="Home">Home</a>
  24.             </div>
  25.             <div style="float:left; padding:5px; margin-left:10px; width:auto; height:10px; ">
  26.                 <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  27.             </div>
  28.             <div style="float:left; padding:5px; margin-left:15px;  width:auto; height:10px; ">
  29.                 <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  30.             </div>
  31.             <div style="float:left; padding:5px; margin-left:15px;  width:auto; height:10px; ">
  32.                 <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  33.             </div>
  34.             <div style="float:left; padding:5px; margin-left:15px;  width:auto; height:10px; ">
  35.                 <a href="#" style="color:#3abf92; text-decoration:none;" title="Link Title">Link Here</a>
  36.             </div>
  37.             <div style="float:left; padding:2.5px; margin-left:15px; width:auto; height:15px; ">
  38.                 <img src="https://40.media.tumblr.com/f07a3ee0b8c09ecf7a9e78f7a5b30050/tumblr_nzjznfXvrt1u79fdvo1_75sq.png" style="width:15px; height:15px;">
  39.                 <img src="https://40.media.tumblr.com/c22cd9a3e83d9678690ae9a1521959aa/tumblr_nzjznfXvrt1u79fdvo3_75sq.png" style="width:15px; height:15px;">
  40.                 <img src="https://41.media.tumblr.com/70864d280c5a5df382922942588558e6/tumblr_nzjznfXvrt1u79fdvo2_75sq.png" style="width:15px; height:15px;">
  41.  
  42.             </div>
  43.         </div>
  44.     </div>
  45.     <div style="width:600px;">
  46.         <div style="padding:25px; width:550px; height:200px; background-color:#fff; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  47.             <div style="width:550px; height:20px; text-align:left; font-family:trebuchet ms; font-size:20px; line-height:20px; color:#285153;">
  48.                 About the Author
  49.             </div>
  50.             <div style="margin-top:10px; width:550px; height:170px;">
  51.                 <div style="float:left; width:170px; height:170px;">
  52.                     <img src="https://40.media.tumblr.com/79eedb78ebad3fdd86cbb8ac0712841f/tumblr_nzjznfXvrt1u79fdvo5_250.jpg" style="width:170px; height:170px;">
  53.                 </div>
  54.                 <div style="float:right; width:370px; height:170px;">
  55.                     <div style="float:left; margin-top:9px; width:370px; height:160px; border-top:solid 1px #3abf92;">
  56.                         <div style="float:left; margin-top:10px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  57.                             author's<br>full name
  58.                         </div>
  59.                         <div style="float:left; margin-top:10px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  60.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  61.                         <div style="float:left; width:370px; height:auto">
  62.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  63.  
  64.                         </div>
  65.                         </div>
  66.                         </div>
  67.                     </div>
  68.                     <div style="float:left; margin-top:-170px; padding:5px; width:auto; height:10px; background-color:#fff; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  69.                         since 2015
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.         <div style="width:600px; height:20px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff">
  75.             <div style="float:right; padding:5px 10px; width:auto; height:10px;">
  76.                 stories library
  77.             </div>
  78.         </div>
  79.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  80.             <div style="float:left; padding:20px; width:160px; height:210px;">
  81.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  82.                     <img src="https://40.media.tumblr.com/8374933a4210e611026ba39be7399f21/tumblr_nzjzlymoB81u79fdvo1_250.jpg" style="width:150px; height:200px;">
  83.                 </div>
  84.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  85.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  86.                 </div>
  87.             </div>
  88.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  89.                 <div style="float:left; width:360px; height:210px;">
  90.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  91.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  92.                             two-line fanfic<br>title
  93.                         </div>
  94.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  95.                             status
  96.                         </div>
  97.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  98.                             Genre Tags
  99.                         </div>
  100.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  101.                             Starring Main Characters
  102.                         </div>
  103.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  104.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  105.                         <div style="float:left; width:370px; height:auto">
  106.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  107.  
  108.                         </div>
  109.                         </div>
  110.                         </div>
  111.                     </div>
  112.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  113.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  119.             <div style="float:left; padding:20px; width:160px; height:210px;">
  120.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  121.                     <img src="https://40.media.tumblr.com/0ff730e317c29313a874dd91b9b91743/tumblr_nzjzlymoB81u79fdvo3_250.jpg" style="width:150px; height:200px;">
  122.                 </div>
  123.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  124.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  125.                 </div>
  126.             </div>
  127.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  128.                 <div style="float:left; width:360px; height:210px;">
  129.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  130.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  131.                             two-line fanfic<br>title
  132.                         </div>
  133.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  134.                             status
  135.                         </div>
  136.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  137.                             Genre Tags
  138.                         </div>
  139.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  140.                             Starring Main Characters
  141.                         </div>
  142.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  143.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  144.                         <div style="float:left; width:370px; height:auto">
  145.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  146.  
  147.                         </div>
  148.                         </div>
  149.                         </div>
  150.                     </div>
  151.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  152.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  158.             <div style="float:left; padding:20px; width:160px; height:210px;">
  159.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  160.                     <img src="https://41.media.tumblr.com/1991bb87f744b5f4f14d84c606573264/tumblr_nzjzlymoB81u79fdvo4_250.jpg" style="width:150px; height:200px;">
  161.                 </div>
  162.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  163.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  164.                 </div>
  165.             </div>
  166.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  167.                 <div style="float:left; width:360px; height:210px;">
  168.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  169.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  170.                             two-line fanfic<br>title
  171.                         </div>
  172.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  173.                             status
  174.                         </div>
  175.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  176.                             Genre Tags
  177.                         </div>
  178.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  179.                             Starring Main Characters
  180.                         </div>
  181.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  182.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  183.                         <div style="float:left; width:370px; height:auto">
  184.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  185.  
  186.                         </div>
  187.                         </div>
  188.                         </div>
  189.                     </div>
  190.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  191.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.         </div>
  196.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  197.             <div style="float:left; padding:20px; width:160px; height:210px;">
  198.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  199.                     <img src="https://40.media.tumblr.com/a9eed63ff8c0c406a1bcc4b0a4a3a23a/tumblr_nzjzlymoB81u79fdvo5_250.jpg" style="width:150px; height:200px;">
  200.                 </div>
  201.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  202.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  203.                 </div>
  204.             </div>
  205.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  206.                 <div style="float:left; width:360px; height:210px;">
  207.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  208.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  209.                             two-line fanfic<br>title
  210.                         </div>
  211.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  212.                             status
  213.                         </div>
  214.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  215.                             Genre Tags
  216.                         </div>
  217.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  218.                             Starring Main Characters
  219.                         </div>
  220.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  221.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  222.                         <div style="float:left; width:370px; height:auto">
  223.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  224.  
  225.                         </div>
  226.                         </div>
  227.                         </div>
  228.                     </div>
  229.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  230.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  231.                     </div>
  232.                 </div>
  233.             </div>
  234.         </div>
  235.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  236.             <div style="float:left; padding:20px; width:160px; height:210px;">
  237.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  238.                     <img src="https://40.media.tumblr.com/e5b4851137c899863a72c1559cc15d86/tumblr_nzjzlymoB81u79fdvo6_250.jpg" style="width:150px; height:200px;">
  239.                 </div>
  240.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  241.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  242.                 </div>
  243.             </div>
  244.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  245.                 <div style="float:left; width:360px; height:210px;">
  246.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  247.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  248.                             two-line fanfic<br>title
  249.                         </div>
  250.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  251.                             status
  252.                         </div>
  253.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  254.                             Genre Tags
  255.                         </div>
  256.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  257.                             Starring Main Characters
  258.                         </div>
  259.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  260.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  261.                         <div style="float:left; width:370px; height:auto">
  262.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  263.  
  264.                         </div>
  265.                         </div>
  266.                         </div>
  267.                     </div>
  268.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  269.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  270.                     </div>
  271.                 </div>
  272.             </div>
  273.         </div>
  274.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  275.             <div style="float:left; padding:20px; width:160px; height:210px;">
  276.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  277.                     <img src="https://41.media.tumblr.com/7a4e275f033684124c6c5d1b4eff0ef7/tumblr_nzjzlymoB81u79fdvo7_250.jpg" style="width:150px; height:200px;">
  278.                 </div>
  279.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  280.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  281.                 </div>
  282.             </div>
  283.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  284.                 <div style="float:left; width:360px; height:210px;">
  285.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  286.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  287.                             two-line fanfic<br>title
  288.                         </div>
  289.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  290.                             status
  291.                         </div>
  292.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  293.                             Genre Tags
  294.                         </div>
  295.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  296.                             Starring Main Characters
  297.                         </div>
  298.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  299.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  300.                         <div style="float:left; width:370px; height:auto">
  301.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  302.  
  303.                         </div>
  304.                         </div>
  305.                         </div>
  306.                     </div>
  307.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  308.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  309.                     </div>
  310.                 </div>
  311.             </div>
  312.         </div>
  313.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  314.             <div style="float:left; padding:20px; width:160px; height:210px;">
  315.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  316.                     <img src="https://36.media.tumblr.com/7e8fc491713501f00e448481c691e0c4/tumblr_nzjzlymoB81u79fdvo8_250.jpg" style="width:150px; height:200px;">
  317.                 </div>
  318.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  319.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  320.                 </div>
  321.             </div>
  322.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  323.                 <div style="float:left; width:360px; height:210px;">
  324.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  325.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  326.                             two-line fanfic<br>title
  327.                         </div>
  328.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  329.                             status
  330.                         </div>
  331.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  332.                             Genre Tags
  333.                         </div>
  334.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  335.                             Starring Main Characters
  336.                         </div>
  337.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  338.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  339.                         <div style="float:left; width:370px; height:auto">
  340.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  341.  
  342.                         </div>
  343.                         </div>
  344.                         </div>
  345.                     </div>
  346.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  347.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  348.                     </div>
  349.                 </div>
  350.             </div>
  351.         </div>
  352.         <div style="width:600px; height:250px; border-bottom: solid 1px #3abf92;">
  353.             <div style="float:left; padding:20px; width:160px; height:210px;">
  354.                 <div style="float:left; width:150px; height:200px; border: solid 5px #3abf92;">
  355.                     <img src="https://41.media.tumblr.com/64d9fa32f4fb45961785d5ac59cd484a/tumblr_nzjzlymoB81u79fdvo9_250.jpg" style="width:150px; height:200px;">
  356.                 </div>
  357.                 <div style="float:left; padding:5px; margin-top:-20px; width:auto; height:10px; background-color:#3abf92; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  358.                     <a href="#" style="color:#fff; text-decoration:none;" title="View Full Image">View Full Image</a>
  359.                 </div>
  360.             </div>
  361.             <div style="float:left; padding:20px 20px 20px 10px; width:370px; height:210px; background-color:#fff;">
  362.                 <div style="float:left; width:360px; height:210px;">
  363.                     <div style="float:left; margin-top:9px; width:370px; height:200px; border-top:solid 1px #285153;">
  364.                         <div style="float:left; margin-top:15px; width:370px; height:50px;  text-align:left; font-family:trebuchet ms; font-size:25px; line-height:25px; color:#285153;">
  365.                             two-line fanfic<br>title
  366.                         </div>
  367.                         <div style="float:left; width:370px; height:12px; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:12px; line-height:12px; color:#3abf92;">
  368.                             status
  369.                         </div>
  370.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  371.                             Genre Tags
  372.                         </div>
  373.                         <div style="float:left; margin-top:3px; width:370px; height:10px; text-align:left; font-family:trebuchet ms; font-weight:bold; font-size:10px; line-height:10px; color:#285153;">
  374.                             Starring Main Characters
  375.                         </div>
  376.                         <div style="float:left; margin-top:5px; width:370px; height:90px; overflow:hidden; text-align:left; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#3abf92;">
  377.                         <div style="float:left; width:387px; height:90px; overflow:auto">
  378.                         <div style="float:left; width:370px; height:auto">
  379.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit...
  380.  
  381.                         </div>
  382.                         </div>
  383.                         </div>
  384.                     </div>
  385.                     <div style="float:left; margin-top:-210px; padding:5px; width:auto; height:10px; background-color:#285153; text-align:left; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; color:#fff;">
  386.                         <a href="#" style="color:#fff; text-decoration:none;" title="Read Full Story">read full story</a>
  387.                     </div>
  388.                 </div>
  389.             </div>
  390.         </div>
  391.     </div>
  392.     <div style="padding:5px 5px 5px 25px; width:575px; text-align:center; text-transform:uppercase; font-family:trebuchet ms; font-size:10px; line-height:10px; letter-spacing:1px; color:#aaaaaa">
  393.         <a href="http://www.asianfanfics.com/story/view/953539" style="color:#aaaaaa; text-decoration:none;" title="CXBR Themes by Jaeilhun07">cruxblader themes</a> 2015
  394.     </div>
  395. </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!