Skip to content

Instantly share code, notes, and snippets.

@pinkwhales

pinkwhales/01 - FOREWORD Secret

Last active May 28, 2017 06:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pinkwhales/0b4268a32b8c476c48c64e606abb6d13 to your computer and use it in GitHub Desktop.
Save pinkwhales/0b4268a32b8c476c48c64e606abb6d13 to your computer and use it in GitHub Desktop.
Download ZIP
CRAZY IN LOVE
Raw
01 - FOREWORD
<div style="width:700px;height:770px;margin:10px 0px 0px 60px;padding:50px;background-color:#fcfcfc;">
<div style="width:700px;height:250px;border:1px solid #ff8989;">
<div style="width:410px;height:210px;padding:20px;font-family:verdana;font-size:5px;color:#bababa;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:10px;">
<div style="margin:90px 0px 0px 0px;font-family:Helvetica;font-size:40px;color:#ff8989;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:20px;"><strong><i>crazy in love</i></strong></div>
<div>&nbsp;</div>
<div>when you leave, i&#39;m begging you not to go</div>
</div>
<div style="width:250px;height:250px;margin:-250px 0px 0px 450px;font-family:verdana;font-size:5px;color:#bababa;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:10px;">
<div style="width:230px;height:225px;overflow:hidden;">
<div style="width:230px;height:225px;overflow:hidden;">
<div style="width:247px;height:225px;overflow:auto;">
<div style="width:200px;padding:15px;">
<div style="border-bottom:1px dotted #ff8989;padding:2px;">open &amp; accepting</div>
<div style="margin:2px 0px 0px 0px;border-bottom:1px dotted #ff8989;padding:2px;">established : 010101</div>
<div style="margin:2px 0px 0px 0px;border-bottom:1px dotted #ff8989;padding:2px;">population : 005 qt pies!</div>
<div>&nbsp;</div>
<div style="text-align:justify;">
<div>welcome to our rp! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim. Suspendisse est mi, tristique at rhoncus sed, posuere quis ante. Fusce facilisis justo ut massa rutrum viverra. Cras ut felis sit amet lorem varius faucibus pellentesque pharetra neque. Integer commodo sagittis erat non ultrices.</div>
<div>&nbsp;</div>
<div>update #1&nbsp;: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim. Suspendisse est mi, tristique at rhoncus sed, posuere quis ante. Fusce facilisis justo ut massa rutrum viverra. Cras ut felis sit amet lorem varius faucibus pellentesque pharetra neque. Integer commodo sagittis erat non ultrices.</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:250px;height:15px;margin-top:5px;">▽</div>
</div>
</div>
<div style="width:350px;height:150px;margin:20px 0px 0px 175px;font-family:verdana;font-size:5px;color:#bababa;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:10px;overflow:hidden;">
<div style="margin:0px 0px 0px 0px;font-family:Helvetica;font-size:14px;color:#ff8989;text-transform:uppercase;letter-spacing:2px;line-height:20px;"><strong>our newest family members!</strong></div>
<div>&nbsp;</div>
<div><img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:70px;height:70px;" />&nbsp; &nbsp; &nbsp; &nbsp; <img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:70px;height:70px;" /></div>
<div>&nbsp;</div>
<div>please welcome our two newest members! we hope you guys enjoy your stay here! welcome to the family. &lt;3</div>
</div>
<div style="width:218px;height:198px;margin:10px 0px 0px 0px;border:1px solid #ff8989;overflow:hidden;font-family:verdana;font-size:5px;color:#bababa;text-align:justify;text-transform:uppercase;letter-spacing:1px;line-height:10px;">
<div style="width:218px;height:183px;overflow:hidden;">
<div style="width:235px;height:183px;overflow: auto;">
<div style="width:188px;padding:15px;">
<div style="padding:3px;background-color:#ff8989;font-family:Helvetica;font-size:12px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:20px;"><strong>rules</strong></div>
<div>&nbsp;</div>
<div>001 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>003 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>004 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>005 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
</div>
</div>
</div>
<div style="width:218px;height:15px;margin-top:0px;text-align:center;">▽</div>
</div>
<div style="width:218px;height:198px;margin:-200px 0px 0px 240px;border:1px solid #ff8989;overflow:hidden;font-family:verdana;font-size:5px;color:#bababa;text-align:justify;text-transform:uppercase;letter-spacing:1px;line-height:10px;">
<div style="width:218px;height:183px;overflow:hidden;">
<div style="width:235px;height:183px;overflow:auto;">
<div style="width:188px;padding:15px;">
<div style="padding:3px;background-color:#ff8989;font-family:Helvetica;font-size:12px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:20px;"><strong>our process</strong></div>
<div>&nbsp;</div>
<div>001 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>003 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>004 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>005 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
</div>
</div>
</div>
<div style="width:218px;height:15px;margin-top:0px;text-align:center;">▽</div>
</div>
<div style="width:218px;height:198px;margin:-200px 0px 0px 480px;border:1px solid #ff8989;overflow:hidden;font-family:verdana;font-size:5px;color:#bababa;text-align:justify;text-transform:uppercase;letter-spacing:1px;line-height:10px;">
<div style="width:218px;height:183px;overflow:hidden;">
<div style="width:235px;height:183px;overflow:auto;">
<div style="width:188px;padding:15px;">
<div style="padding:3px;background-color:#ff8989;font-family:Helvetica;font-size:12px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:20px;"><strong>how to join</strong></div>
<div>&nbsp;</div>
<div>001 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>003 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>004 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
<div>&nbsp;</div>
<div>005 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet mi at ligula molestie vulputate ac dictum enim.</div>
</div>
</div>
</div>
<div style="width:218px;height:15px;margin-top:0px;text-align:center;">▽</div>
</div>
<div style="width:700px;height:150px;margin:40px 0px 0px 0px;text-align:center;word-spacing:30px;line-height:10px;overflow:hidden;"><img alt="" src="http://68.media.tumblr.com/6789344d50baf3eefafbf48e7f1e1854/tumblr_o5pz28q8lh1sgq5kyo2_500.png" style="border-radius:100px;height:100px;width:100px;" />&nbsp;<img alt="" src="http://68.media.tumblr.com/37ce6435041b0878da4bd1830c20c610/tumblr_o5pz28q8lh1sgq5kyo1_500.png" style="border-radius:100px;height:100px;width:100px;" />&nbsp;<img alt="" src="http://68.media.tumblr.com/420b588523aa0181100c171d7dbd3b89/tumblr_o5pz28q8lh1sgq5kyo3_500.png" style="border-radius:100px;height:100px;width:100px;" />&nbsp;<img alt="" src="http://68.media.tumblr.com/0340f22c55c33b49149690f69688424a/tumblr_o5pz28q8lh1sgq5kyo5_500.png" style="border-radius:100px;height:100px;width:100px;" /></div>
<div style="width:700px;height:10px;margin-top:-30px;color:#bababa;line-height:10px;text-align:center;font-family:verdana;font-size:4px;letter-spacing:5px;"><a href="http://www.asianfanfics.com/story/view/1215378/" style="color:#dbdbdb;">DELINEATE</a></div>
</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
Raw
02 - MASTERLIST
<div style="width:700px;height:460px;margin:10px 0px 0px 60px;padding:50px;background-color:#fcfcfc;font-family:verdana;font-size:5px;color:#bababa;text-transform:uppercase;letter-spacing:1px;line-height:10px;">
<div style="font-family:Helvetica;font-size:40px;color:#ff8989;text-align:center;letter-spacing:2px;line-height:20px;"><strong>masterlist</strong></div>
<div>&nbsp;</div>
<div style="text-align:center;">reserve today! please have a peek at our wishlist as well!
<div style="width:160px;height:210px;padding:20px;margin:10px 0px 0px 140px;border:1px solid #ff8989;overflow:hidden;">
<div style="width:160px;height:210px;overflow:hidden;">
<div style="width:177px;height:210px;overflow:auto;">
<div style="width:160px;">
<div style="width:160px;height:210px;background-color:#ff8989;">
<div style="width:160px;height:210px;overflow:hidden;">
<div style="margin-top:80px;font-family:Helvetica;font-size:14px;color:#fff;text-align:center;letter-spacing:1px;line-height:14px;"><strong>females</strong></div>
<div style="color:#fff;font-size:5px;">
<div>currently: 15</div>
<div>&nbsp;</div>
<div>▽</div>
</div>
</div>
</div>
</div>
<div style="width:160px;height:205px;">
<div style="text-align:center;margin-top:10px;"><strong>admin</strong> <i>reserved</i> taken</div>
<div>&nbsp;</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:160px;height:210px;padding:20px;margin:-252px 0px 0px 360px;border:1px solid #ff8989;overflow:hidden;">
<div style="width:160px;height:210px;overflow:hidden;">
<div style="width:177px;height:210px;overflow:auto;">
<div style="width:160px;">
<div style="width:160px;height:210px;background-color:#ff8989;">
<div style="width:160px;height:210px;overflow:hidden;">
<div style="margin-top:80px;font-family:Helvetica;font-size:14px;color:#fff;text-align:center;letter-spacing:1px;line-height:14px;"><strong>males</strong></div>
<div style="color:#fff;font-size:5px;text-align:center;">
<div>currently: 15</div>
<div>&nbsp;</div>
<div>▽</div>
</div>
</div>
</div>
</div>
<div style="width:160px;height:205px;margin-top:10px;">
<div style="text-align:center;"><strong>admin</strong> <i>reserved</i> taken</div>
<div>&nbsp;</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
<div>group : name name name name</div>
</div>
</div>
</div>
</div>
<div style="width:380px;height:110px;padding:20px;margin:15px 0px 0px 140px;border:1px solid #ff8989;overflow:hidden;">
<div style="width:380px;height:110px;overflow:hidden;">
<div style="width:397px;height:110px;overflow:auto;">
<div style="width:380px;">
<div style="width:380px;height:110px;overflow:hidden;background-color:#ff8989;">
<div style="margin-top:40px;font-family:Helvetica;font-size:14px;color:#fff;text-align:center;letter-spacing:1px;line-height:14px;"><strong>wishlist</strong></div>
<div style="color:#fff;font-size:5px;text-align:center;">
<div>please fulfill our wishes!</div>
<div>&nbsp;</div>
<div>▽</div>
</div>
</div>
<div style="width:380px;height:120px;margin-top:10px;">
<div>name : name name name name</div>
<div>name : name name name name</div>
<div>name : name name name name</div>
<div>name : name name name name</div>
<div>name : name name name name</div>
<div>name : name name name name</div>
<div>name : name name name name</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:700px;height:10px;margin-top:15px;color:#bababa;line-height:10px;text-align:center;font-family:verdana;font-size:4px;letter-spacing:5px;"><a href="http://www.asianfanfics.com/story/view/1215378/" style="color:#dbdbdb;">DELINEATE</a></div>
</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
Raw
03 - COUPLES
<div style="width:700px;height:420px;margin:10px 0px 0px 60px;padding:50px;background-color:#fcfcfc;font-family:verdana;font-size:5px;color:#bababa;text-transform:uppercase;text-align:center;letter-spacing:1px;line-height:10px;">
<div style="font-family:Helvetica;font-size:40px;color:#ff8989;text-align:center;letter-spacing:2px;line-height:20px;"><strong>couples</strong></div>
<div>&nbsp;</div>
<div style="text-align:center;">our qt little loveirds. &lt;3&nbsp;</div>
<div style="width:160px;height:310px;padding:20px;margin:15px 0px 0px 140px;border:1px solid #ff8989;overflow:hidden;">
<div style="width:160px;height:310px;overflow:hidden;">
<div style="width:177px;height:310px;overflow:auto;">
<div style="width:160px;">
<div style="width:160px;height:310px;background-color:#ff8989;">
<div style="width:160px;height:310px;overflow:hidden;">
<div style="margin-top:130px;font-family:Helvetica;font-size:14px;color:#fff;text-align:center;letter-spacing:1px;line-height:14px;"><strong>lovebirds</strong></div>
<div style="color:#fff;font-size:5px;">
<div style="text-align:center;">we hope that you last long!</div>
<div>&nbsp;</div>
<div style="text-align:center;">▽</div>
</div>
</div>
</div>
<div style="width:160px;height:310px;">
<div>&nbsp;</div>
<div><img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;height:50px;width:50px;" />&nbsp; &nbsp;<img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" /></div>
<div>name x name</div>
<div>010101</div>
<div>&nbsp;</div>
<div><img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;height:50px;width:50px;" />&nbsp; &nbsp;<img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" /></div>
<div>name x name</div>
<div>010101</div>
<div>&nbsp;</div>
<div><img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;height:50px;width:50px;" />&nbsp; &nbsp;<img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" /></div>
<div>name x name</div>
<div>010101</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:200px;height:350px;margin:-352px 0px 0px 360px;text-align:center;">
<div style="padding:5px;background-color:#ff8989;font-family:Helvetica;font-size:11px;color:#fff;text-align:center;letter-spacing:1px;line-height:14px;"><strong>featured couple</strong></div>
<div>&nbsp;</div>
<div>voted by our very own members!</div>
<div>&nbsp;</div>
<div><img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" />&nbsp; &nbsp; <img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" /></div>
<div style="margin-top:5px;">name x name</div>
<div style="text-align:justify;">
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis nisi orci, nec dignissim mauris aliquet quis. Nunc malesuada ac quam vitae blandit. Sed in lacus ut libero molestie vehicula ac.</div>
</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div style="padding:5px;background-color:#ff8989;font-family:Helvetica;font-size:11px;color:#fff;text-align:center;letter-spacing:1px;line-height:14px;"><strong>newest couple</strong></div>
<div>&nbsp;</div>
<div>we hope that you last long!</div>
<div>&nbsp;</div>
<div><img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" />&nbsp; &nbsp; <img alt="" src="http://68.media.tumblr.com/f0caba6308fde53b7cfaacdfe74c41ed/tumblr_o5pz28q8lh1sgq5kyo4_500.png" style="border-radius:100px;width:50px;height:50px;" /></div>
<div style="margin-top:5px;">name x name</div>
<div>since 010101</div>
</div>
<div style="width:700px;height:10px;margin-top:25px;color:#bababa;line-height:10px;text-align:center;font-family:verdana;font-size:4px;letter-spacing:5px;"><a href="http://www.asianfanfics.com/story/view/1215378/" style="color:#dbdbdb;">DELINEATE</a></div>
</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment