Advertisement
flamzfox

A Simple Catastrophe [Masterlist]

Mar 20th, 2015
859
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.15 KB | None | 0 0
  1. <div style="margin:auto;width:680px;font-family:Arial;text-align:justify;color:#29292a;font-size:9px;line-height:10px;">
  2.     <div style="float:left;width:560px;padding:60px;background-color:#efefef;">
  3.         <div style="float:left;width:560px;height:200px;">
  4.             <img src="https://lh4.googleusercontent.com/9JwXb16y59AlP_De4Vxvwz-LneI1SCE_jAPsO5j6Xzk=w560-h200-no" style="float:left;margin:0;padding:0;width:560px;height:200px;border-radius:0;">
  5.             <div style="float:left;width:560px;height:200px;margin-top:-200px;">
  6.                 <div style="float:left;width:230px;height:60px;margin-left:165px;">
  7.                     <div style="float:left;width:2px;height:60px;background-color:#29292a;"></div>
  8.                     <div style="float:left;margin-left:226px;width:2px;height:60px;background-color:#29292a;"></div>
  9.                 </div> 
  10.                 <div style="float:left;width:230px;height:80px;margin-left:165px;background-color:#29292a;color:#ffffff;text-align:center;text-transform:uppercase;">
  11.                     <div style="float:left;width:230px;height:30px;margin-top:25px;font-family:'helvetica neue';">
  12.                         <span style="font-size:16px;line-height:20px;">catastrophe</span><br/>
  13.                         <span style="font-size:8px;line-height:10px;">an aff roleplay</span>
  14.                     </div>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.  
  19.         <div style="float:left;width:560px;margin-top:18px;">
  20.             <div style="float:left;width:160px;">
  21.                 <div style="float:left;width:130px;background-color:#ffffff;padding:15px;">
  22.                     <div style="float:left;width:130px;text-align:center;font-size:14px;font-weight:900;text-transform:uppercase;margin-bottom:10px;">
  23.                         updates
  24.                     </div>
  25.                     Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante. Vestibulum in dolor varius, consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  26.                     <div style="float:left;margin-top:10px;width:130px;font-weight:600;line-height:10px;text-transform:uppercase;text-align:right;">
  27.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;">
  28.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">first link</a>
  29.                         </div>
  30.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  31.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">second link</a>
  32.                         </div>
  33.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  34.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">third link</a>
  35.                         </div>
  36.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  37.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">fourth link</a>
  38.                         </div>
  39.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  40.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">fifth link</a>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.                 <div style="float:left;width:130px;background-color:#ffffff;padding:15px;text-align:center;font-size:8px;text-transform:uppercase;margin-top:10px;font-weight:600;">
  45.                     layout &copy; <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#29292a;font-weight:900;">cerulean tm</a>
  46.                 </div>
  47.             </div>
  48.             <div style="float:left;width:360px;margin-left:10px;background-color:#ffffff;padding:15px;">
  49.                 <div style="float:left;width:165px;height:25px;margin:0 0 0 -15px;background-color:#89141c;padding:10px;color:#ffffff;font-weight:900;text-transform:uppercase;text-align:left;">
  50.                     <span style="font-size:14px;line-height:16px;">the masterlist</span><br/>
  51.                     <span style="font-size:8px;line-height:9px;font-weight:600;">add a tagline here</span>
  52.                 </div>
  53.                 <div style="float:left;width:360px;margin-top:45px;text-align:center;font-weight:900;text-transform:uppercase;">
  54.                     <span style="font-size:14px;line-height:16px;">the boys</span><br/>
  55.                     <span style="font-size:8px;line-height:9px;font-weight:600;color:#89141c;">add a tagline here</span>
  56.                 </div>
  57.                 <div style="float:left;width:360px;margin-top:20px;text-align:center;text-transform:uppercase;font-size:8px;">
  58.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  59.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  60.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  61.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  62.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  63.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  64.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member
  65.                 </div>
  66.                 <div style="float:left;width:360px;margin-top:45px;text-align:center;font-weight:900;text-transform:uppercase;">
  67.                     <span style="font-size:14px;line-height:16px;">the girls</span><br/>
  68.                     <span style="font-size:8px;line-height:9px;font-weight:600;color:#89141c;">add a tagline here</span>
  69.                 </div>
  70.                 <div style="float:left;width:360px;margin-top:20px;text-align:center;text-transform:uppercase;font-size:8px;">
  71.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  72.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  73.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  74.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  75.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  76.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member<br/>
  77.                     <span style="color:#89141c;font-weight:600;">group name. </span> member, member, member, member
  78.                 </div>
  79.                 <div style="float:left;width:360px;margin-top:45px;text-align:center;font-weight:900;text-transform:uppercase;">
  80.                     <span style="font-size:14px;line-height:16px;">featured members</span><br/>
  81.                     <span style="font-size:8px;line-height:9px;font-weight:600;color:#89141c;">add a tagline here</span>
  82.                 </div>
  83.                 <div style="float:left;width:360px;margin-top:20px;">
  84.                     <a href="#" title="MEMBER 1">
  85.                         <img src="http://41.media.tumblr.com/d634c040d93f85f67f56d1f307e786fd/tumblr_nla4265b7O1r0couto8_250.jpg" style="float:left;margin:0;padding:0;width:68px;height:68px;border-radius:68px;">
  86.                     </a>
  87.                     <a href="#" title="MEMBER 2">
  88.                         <img src="http://40.media.tumblr.com/6af73d842bb7c3f52afc84478a328c17/tumblr_nl9wkwJ2Wg1r0couto6_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  89.                     </a>
  90.                     <a href="#" title="MEMBER 3">
  91.                         <img src="http://41.media.tumblr.com/adceb6470974e721dc0886f4c0430418/tumblr_nl7dyv81Il1r0couto3_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  92.                     </a>
  93.                     <a href="#" title="MEMBER 4">
  94.                         <img src="http://40.media.tumblr.com/d4a98636828a6adcf4e86b5dafddcef0/tumblr_nl8m585QAY1r0couto5_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  95.                     </a>
  96.                     <a href="#" title="MEMBER 5">
  97.                         <img src="http://41.media.tumblr.com/a111f7090e21e226e51e23c07e49bbed/tumblr_nl9ngavihi1r0couto5_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  98.                     </a>
  99.                 </div>
  100.                 <div style="float:left;width:165px;height:25px;margin:45px 0 0 -15px;background-color:#89141c;padding:10px;color:#ffffff;font-weight:900;text-transform:uppercase;text-align:left;">
  101.                     <span style="font-size:14px;line-height:16px;">the couplelist</span><br/>
  102.                     <span style="font-size:8px;line-height:9px;font-weight:600;">add a tagline here</span>
  103.                 </div>
  104.                 <div style="float:left;width:360px;margin-top:20px;text-align:center;text-transform:uppercase;font-size:8px;">
  105.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  106.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  107.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  108.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  109.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  110.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  111.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  112.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  113.                     name <span style="color:#89141c;font-weight:600;">&hearts;</span> name (status since mm/dd/yyyy)<br/>
  114.                 </div>
  115.             </div>
  116.         </div>
  117.     </div>
  118.  
  119. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement