API tools faq
paste
Advertisement
flamzfox

Chilled Cadence

flamzfox
Dec 22nd, 2014
1,079
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.94 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:510px;height:700px;font-family:Arial;text-align:justify;color:#c7c3c8;font-size:10px;line-height:10px;">
  2.     <div style="float:left;width:500px;height:700px;">
  3.         <img src="https://lh4.googleusercontent.com/-zOubmtJNO34/VJb1-mUSYbI/AAAAAAAAAmo/UTYTnHy8e68/w500-h700-no/Untitled-2.png" style="float:left;margin:0;padding:0;width:500px;height:700px;border-radius:0;">
  4.     </div>
  5.     <div style="float:left;width:510px;height:700px;margin-top:-700px;overflow:hidden;">
  6.         <div style="float:left;width:510px;height:700px;padding-right:12px;overflow:auto;">
  7.             <div style="float:left;width:275px;height:130px;border:solid 2px #ffffff;margin:380px 0 0 110.5px;">
  8.                 <div style="float:left;margin:5px;width:265px;height:120px;background-color:#ffffff;">
  9.                     <div style="float:left;margin:30px;width:205px;height:60px;">
  10.                         <div style="float:left;width:205px;height:18px;text-align:center;color:#d1bfd7;font-family:Times New Roman;text-transform:uppercase;line-height:18px;font-size:17px;">
  11.                             Chilled Cadence
  12.                         </div>
  13.                         <div style="float:left;margin-top:5px;height:37px;width:205px;overflow:hidden;">
  14.                             <div style="float:left;width:223px;height:37px;overflow:auto;">
  15.                                 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.<br/><br/>
  16.  
  17.                                 Pendisse nunc condimentum massa cursus nibh pretium mollis a metus magnis mollis a metus magnis, tempus volutpat velit posuere.
  18.                             </div>
  19.                         </div>
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.             <div style="float:left;margin-top:186px;width:500px;height:700px;background-color:#d1bfd7;opacity:0.9;">
  24.                 &nbsp;
  25.             </div>
  26.             <div style="float:left;margin:-655px 0 0 40px;width:415px;height:610px;opacity:0.99;">
  27.                 <div style="float:left;width:415px;height:100px;">
  28.                     <div style="float:left;width:5px;height:100px;text-transform:uppercase;color:#ffffff;text-align:center;">
  29.                         r<br/>u<br/>l<br/>e<br/>s
  30.                     </div>
  31.                     <div style="float:left;width:395px;margin-left:15px;height:100px;background-color:#ffffff;">
  32.                         <div style="float:left;margin:10px;width:375px;height:80px;overflow:hidden;">
  33.                             <div style="float:left;width:375px;height:80px;overflow:auto;padding-right:12px;">
  34.                                 Etiam venenatis justo ligula, sed mollis metus varius eu. Proin eget malesuada massa, ut rhoncus velit. Nunc vestibulum fermentum gravida. <br/><br/>
  35.                                 Mauris scelerisque, sapien at lacinia ultricies, odio diam tristique est, a ultricies felis sem vitae orci. Fusce sit amet tempor felis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
  36.                                 Pendisse nunc condimentum massa cursus nibh pretium mollis a metus magnis mollis a metus magnis, tempus volutpat velit posuere.
  37.                                 <div style="float:left;margin:11px 0 0 20px;width:323px;border-left:solid 2px #d1bfd7;padding-left:10px;">
  38.                                     Mauris scelerisque, sapien at lacinia ultricies, odio diam tristique est, a ultricies felis sem vitae orci. Fusce sit amet tempor felis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  39.                                 </div>
  40.                             </div>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.                 <div style="float:left;margin-top:10px;width:215px;height:120px;">
  45.                     <div style="float:left;width:5px;height:120px;text-transform:uppercase;color:#ffffff;text-align:center;">
  46.                         L<br/>i<br/>n<br/>k<br/>s
  47.                     </div>
  48.                     <div style="float:left;width:195px;margin-left:15px;height:120px;background-color:#ffffff;letter-spacing:2px;text-transform:uppercase;font-size:7px;">
  49.                         <div style="float:left;margin:10px;width:175px;height:100px;">
  50.                             <div style="float:left;text-align:center;height:22.75px;line-height:22.75px;width:175px;background-color:#d1bfd7;">
  51.                                 <a href="#" style="color:#ffffff;">link one</a>
  52.                             </div>
  53.                             <div style="float:left;text-align:center;height:22.75px;line-height:22.75px;width:175px;background-color:#d1bfd7;margin-top:3px;">
  54.                                 <a href="#" style="color:#ffffff;">link two</a>
  55.                             </div>
  56.                             <div style="float:left;text-align:center;height:22.75px;line-height:22.75px;width:175px;background-color:#d1bfd7;margin-top:3px;">
  57.                                 <a href="#" style="color:#ffffff;">link three</a>
  58.                             </div>
  59.                             <div style="float:left;text-align:center;height:22.75px;line-height:22.75px;width:175px;background-color:#d1bfd7;margin-top:3px;">
  60.                                 <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#ffffff;">layout credit</a>
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.                 <div style="float:left;margin:10px 0 0 10px;width:190px;height:120px;">
  66.                     <iframe width="190" height="120" src="//www.youtube.com/embed/alZ9hvgfIk4" frameborder="0" allowfullscreen></iframe>
  67.                 </div>
  68.                 <div style="float:left;margin-top:20px;width:415px;height:75px;">
  69.                     <div style="float:left;border:solid 1px #ffffff;height:73px;width:73px;border-radius:73px;margin-left:20px;">
  70.                         <a href="#" title="ADMIN 1">
  71.                             <img src="http://36.media.tumblr.com/9d4c7d11f75eb2325b4d288f1b23c3a6/tumblr_ngxtebDh1S1r0couto3_250.png" style="float:left;margin:3px;padding:0;width:67px;height:67px;border-radius:67px;">
  72.                         </a>
  73.                     </div>
  74.                     <div style="float:left;border:solid 1px #ffffff;height:73px;width:73px;border-radius:73px;margin-left:5px;">
  75.                         <a href="#" title="ADMIN 2">
  76.                             <img src="http://40.media.tumblr.com/88b830613a4fcfd4412bf7225e4e53e1/tumblr_ngwptpUu7u1r0couto2_250.jpg" style="float:left;margin:3px;padding:0;width:67px;height:67px;border-radius:67px;">
  77.                         </a>
  78.                     </div>
  79.                     <div style="float:left;border:solid 1px #ffffff;height:73px;width:73px;border-radius:73px;margin-left:5px;">
  80.                         <a href="#" title="ADMIN 3">
  81.                             <img src="http://36.media.tumblr.com/e0ff88387e2ef322bf99d2cc0046f395/tumblr_ngwkhn4oAV1r0couto3_250.jpg" style="float:left;margin:3px;padding:0;width:67px;height:67px;border-radius:67px;">
  82.                         </a>
  83.                     </div>
  84.                     <div style="float:left;border:solid 1px #ffffff;height:73px;width:73px;border-radius:73px;margin-left:5px;">
  85.                         <a href="#" title="ADMIN 4">
  86.                             <img src="http://40.media.tumblr.com/d040ea07bc3be382f40ea467e5f51971/tumblr_ngwbt6WAzd1r0couto6_250.jpg" style="float:left;margin:3px;padding:0;width:67px;height:67px;border-radius:67px;">
  87.                         </a>
  88.                     </div>
  89.                     <div style="float:left;border:solid 1px #ffffff;height:73px;width:73px;border-radius:73px;margin-left:5px;">
  90.                         <a href="#" title="ADMIN 5">
  91.                             <img src="http://36.media.tumblr.com/7a066d8c031309ee875e0464f985dd44/tumblr_ngui10Ea7z1r0couto4_250.jpg" style="float:left;margin:3px;padding:0;width:67px;height:67px;border-radius:67px;">
  92.                         </a>
  93.                     </div>
  94.                 </div>
  95.                 <div style="float:left;width:415px;margin-top:20px;height:127.5px;">
  96.                     <div style="float:left;width:5px;height:127.5px;text-transform:uppercase;color:#ffffff;text-align:center;">
  97.                         t<br/>h<br/>e<br/><br/>g<br/>i<br/>r<br/>l<br/>s
  98.                     </div>
  99.                     <div style="float:left;width:395px;margin-left:15px;height:127.5px;background-color:#ffffff;">
  100.                         <div style="float:left;margin:10px;width:375px;height:107.5px;overflow:hidden;">
  101.                             <div style="float:left;width:387px;height:107.5px;overflow:auto;">
  102.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  103.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  104.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  105.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  106.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  107.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  108.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.                 <div style="float:left;width:415px;margin-top:10px;height:127.5px;">
  114.                     <div style="float:left;width:5px;height:127.5px;text-transform:uppercase;color:#ffffff;text-align:center;">
  115.                         t<br/>h<br/>e<br/><br/>b<br/>o<br/>y<br/>s
  116.                     </div>
  117.                     <div style="float:left;width:395px;margin-left:15px;height:127.5px;background-color:#ffffff;">
  118.                         <div style="float:left;margin:10px;width:375px;height:107.5px;overflow:hidden;">
  119.                             <div style="float:left;width:387px;height:107.5px;overflow:auto;">
  120.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  121.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  122.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  123.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  124.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  125.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member<br/><br/>
  126.                                 <span style="color:#d1bfd7;text-transform:uppercase;">group name.</span><br/> member, member, member, member
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.     </div>
  134. </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!