API tools faq
paste
Advertisement
flamzfox

Coffee Stains [Home]

flamzfox
Jan 31st, 2015
819
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.83 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:500px;height:695px;font-family:Arial;text-align:justify;color:#bbbbbb;font-size:10px;line-height:11px;">
  2.  
  3.     <img src="https://lh3.googleusercontent.com/-E95afJLPZjE/VMxCie5hX6I/AAAAAAAAAuo/q5QUlgB-5Mc/w500-h695-no/Untitled-2.png" style="float:left;margin:0;padding:0;width:500px;height:695px;border-radius:0;">
  4.  
  5.     <div style="float:left;width:500px;height:340px;margin-top:-415px;">
  6.         <div style="float:left;width:500px;height:70px;background-color:#ffffff;text-transform:uppercase;">
  7.             <div style="float:left;margin:20px 15px;height:30px;width:150px;color:#b16c52;">
  8.                 <div style="font-size:18px;font-weight:600;letter-spacing:-2px;line-height:20px;width:150px;">coffee stains</div>
  9.                 <div style="font-size:10px;letter-spacing:3px;line-height:10px;width:150px;">aff roleplay</div>
  10.             </div>
  11.             <div style="float:left;height:30px;width:305px;margin-top:20px;color:#ffffff;background-color:#b16c52;text-align:center;font-size:7px;line-height:30px;">
  12.                 <a href="#" style="color:#ffffff;">link one</a>
  13.                 <a href="#" style="color:#ffffff;margin-left:15px;">link two</a>
  14.                 <a href="#" style="color:#ffffff;margin-left:15px;">link three</a>
  15.                 <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#ffffff;margin-left:15px;">credits</a>
  16.             </div>
  17.         </div>
  18.         <div style="float:left;margin:15px 15px 0 15px;width:470px;height:255px;background-color:#ffffff;">
  19.             <div style="float:left;width:470px;height:205px;margin-top:25px;overflow:hidden;">
  20.                 <div style="float:left;width:470px;height:205px;padding-right:12px;overflow:auto;">
  21.                     <div style="float:left;width:420px;height:205px;margin-left:25px;">
  22.                         <div style="float:left;width:420px;">
  23.                             <div style="float:left;width:200px;">
  24.                                 <div style="float:left;width:200px;height:24px;text-align:right;">
  25.                                     <div style="float:left;font-size:18px;height:15px;line-height:15px;font-weight:600;text-transform:uppercase;width:200px;color:#b16c52;letter-spacing:-2px;">about us</div>
  26.                                     <div style="float:left;font-size:8px;height:9px;line-height:9px;text-transform:uppercase;width:200px;font-style:italic;">cappuccino or latte</div>
  27.                                 </div>
  28.                                 <div style="float:left;width:200px;margin-top:15px;">
  29.                                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
  30.                                     Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  31.                                     <div style="float:left;margin-top:22px;width:200px;height:40px;line-height:40px;color:#ffffff;text-align:center;font-size:16px;font-weight:900px;">
  32.                                         <div style="float:left;margin-left:30px;height:40px;width:40px;border-radius:40px;background-color:#b16c52;" title="50 MALES">&#9794;</div>
  33.                                         <div style="float:left;margin-left:10px;height:40px;width:40px;border-radius:40px;background-color:#b16c52;" title="50 FEMALES">&#9792;</div>
  34.                                         <div style="float:left;margin-left:10px;height:40px;width:40px;border-radius:40px;background-color:#b16c52;" title="NOW PLAYING - COFFEE SHOP">
  35.                                             <div style="float:left;height:30px;width:25px;overflow:hidden;margin:5px 8.5px;">
  36.                                                 <div style="float:left;height:30px;width:25px;margin-left:-20px;margin-top:-18px;">
  37.                                                     <iframe height="90" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/98791365&amp;color=b17851&amp;;show_artwork=false" width="250"></iframe>
  38.                                                 </div>
  39.                                             </div>
  40.                                         </div>
  41.                                     </div>
  42.                                 </div>
  43.                             </div>
  44.                             <div style="float:left;margin-left:20px;width:200px;">
  45.                                 <div style="float:left;width:200px;height:24px;text-align:left;">
  46.                                     <div style="float:left;font-size:18px;height:15px;line-height:15px;font-weight:600;text-transform:uppercase;width:200px;color:#b16c52;letter-spacing:-2px;">how to join</div>
  47.                                     <div style="float:left;font-size:8px;height:9px;line-height:9px;text-transform:uppercase;width:200px;font-style:italic;">it's always coffee time</div>
  48.                                 </div>
  49.                                 <div style="float:left;width:200px;margin-top:15px;">
  50.                                     <span style="text-transform:uppercase;color:#b16c52;font-size:8px;font-weight:600;">#1. Thou shalt drink only cappuccino, caffe latte, or macchiato.</span><br/>
  51.                                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/><br/>
  52.                                     <span style="text-transform:uppercase;color:#b16c52;font-size:8px;font-weight:600;">#2. Thou shalt not muck around with coffee.</span><br/>
  53.                                     Consectetur ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  54.                                     <br/><br/>
  55.                                     <span style="text-transform:uppercase;color:#b16c52;font-size:8px;font-weight:600;">#3. Thou shalt not use the word espresso.</span><br/>
  56.                                     Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  57.                                 </div>
  58.                             </div>
  59.                         </div>
  60.                         <div style="float:left;width:420px;margin-top:25px;">
  61.                             <div style="float:left;width:420px;height:24px;text-align:center;">
  62.                                 <div style="float:left;font-size:18px;height:15px;line-height:15px;font-weight:600;text-transform:uppercase;width:420px;color:#b16c52;letter-spacing:-2px;">roleplay admins</div>
  63.                                 <div style="float:left;font-size:8px;height:9px;line-height:9px;text-transform:uppercase;width:420px;font-style:italic;">your lovely baristas</div>
  64.                             </div>
  65.                             <div style="float:left;margin-top:15px;width:420px;">
  66.                                 <div style="float:left;height:30px;width:10px;margin-top:18px;overflow:hidden;">
  67.                                     <div style="float:left;width:0;height:0;border-top:15px solid transparent;border-right:10px solid #bbb;border-bottom:15px solid transparent;"></div>
  68.                                     <div style="float:left;width:0;height:0;border-top:15px solid transparent;border-right:10px solid #fff;border-bottom:15px solid transparent;margin:-30px 0 0 1px;"></div>
  69.                                 </div>
  70.                                 <a href="#" title="Admin 1"><img src="http://40.media.tumblr.com/5e34e67e77fbbb095af302f4404ca51a/tumblr_nizu48T7SG1r0couto1_250.png" style="float:left;margin:0 0 0 15px;padding:0;width:66px;height:66px;border-radius:66px;"></a>
  71.                                 <a href="#" title="Admin 2"><img src="http://41.media.tumblr.com/675abaa0805ead789bba9728f3a6d742/tumblr_nixnip5DYe1r0couto3_250.jpg" style="float:left;margin:0 0 0 10px;padding:0;width:66px;height:66px;border-radius:66px;"></a>
  72.                                 <a href="#" title="Admin 3"><img src="http://36.media.tumblr.com/08c751456c95a28646c5a5e9bb519ae4/tumblr_niwjk4AtKB1r0couto6_250.jpg" style="float:left;margin:0 0 0 10px;padding:0;width:66px;height:66px;border-radius:66px;"></a>
  73.                                 <a href="#" title="Admin 4"><img src="http://36.media.tumblr.com/511677aee9fe628ca3cc684823f48b7e/tumblr_niwkpgpobK1r0couto7_250.jpg" style="float:left;margin:0 0 0 10px;padding:0;width:66px;height:66px;border-radius:66px;"></a>
  74.                                 <a href="#" title="Admin 5"><img src="http://40.media.tumblr.com/ef2c1494e119f6974ae96ebeb1ba02a2/tumblr_niwbp2cWI81r0couto7_250.jpg" style="float:left;margin:0 0 0 10px;padding:0;width:66px;height:66px;border-radius:66px;"></a>
  75.                                 <div style="float:left;height:30px;width:10px;margin-top:18px;margin-left:15px;overflow:hidden;">
  76.                                     <div style="width:0;height:0;border-top:15px solid transparent;border-left:10px solid #bbb;border-bottom:15px solid transparent;"></div>
  77.                                     <div style="width:0;height:0;border-top:15px solid transparent;border-left:10px solid #fff;border-bottom:15px solid transparent;margin:-30px 0 0 -1px;"></div>
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </div>
  86.  
  87. </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!