Skip to content

Instantly share code, notes, and snippets.

@inftksg
Last active June 19, 2023 16:25
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 inftksg/562b8db155bd8eaf7d7a073009599ba6 to your computer and use it in GitHub Desktop.
Save inftksg/562b8db155bd8eaf7d7a073009599ba6 to your computer and use it in GitHub Desktop.
<div style="width:500px;margin:auto;">
<div style="font-family:Verdana;font-size:10px;line-height:125%;text-align:justify;color:#fff;">
<div style="width:500px;height:280px;float:left;"><img alt="" src="https://i.imgur.com/OCwYUdN.gif" style="width:500px;height:280px;" /></div>
<div style="width:500px;height:286px;float:left;overflow:hidden;margin-top:-280px;">
<div style="width:500px;height:297px;float:left;overflow:auto;">
<div style="width:500px;height:280px;float:left;opacity:0.7;color:#999999;">
<div style="margin-top:150px;font-family:Georgia;text-transform:uppercase;font-size:50px;margin-left:50px;line-height:35px;">GRAY</div>
<div style="font-family:'Century Gothic', Verdana;text-transform:uppercase;font-size:20px;margin:5px 0px 0px 65px;line-height:16px;letter-spacing:15px;"><span title="Artist - Song Title">▶</span><span title="Relationship Status">&hearts;</span><span title="Mood">☂</span><span title="Thoughts">☁</span></div>
</div>
<div style="width:400px;height:180px;float:left;margin:-230px 0px 0px 500px;background:#3d3d3d;opacity:0.7;">
<div style="margin:15px 0 0 15px;float:left;width:370px;height:150px;overflow:hidden;">
<div style="float:left;width:387px;height:150px;overflow:auto;">
<div style="width:370px;float:left;">
<div style="text-transform:uppercase;text-align:right;font-family:'Courier New';font-size:16px;padding:0px 15px;line-height:100%;border-bottom:solid 1px;margin-bottom:5px;">Call Me Gray</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi ante, rutrum sit amet nunc eget, consectetur interdum mauris. Curabitur vel justo at diam convallis aliquet. Aliquam ullamcorper magna sed justo elementum porttitor. In vitae lectus metus.</div>
<div>&nbsp;</div>
<div>Mauris sodales vestibulum posuere. Donec diam nisl, commodo ac ullamcorper et, scelerisque sit amet massa. Aenean dictum risus a dui fermentum sollicitudin. Nullam tincidunt tempus mi, vel consequat nunc ultrices non. Phasellus sed bibendum mi, nec tincidunt enim.</div>
<div>&nbsp;</div>
<div>Proin libero eros, sodales a leo in, congue malesuada tellus. Phasellus sed ipsum id purus iaculis hendrerit. Vestibulum ut mi vitae ipsum rutrum eleifend. Duis imperdiet, quam eu congue varius, turpis enim congue nulla, in volutpat felis nulla vel nisl. Aenean interdum faucibus ante vitae mollis.</div>
<div>&nbsp;</div>
<div>Etiam eget lacus nibh. Sed faucibus dui in auctor aliquet. Ut viverra purus augue, in sollicitudin nunc mollis in. Sed at ante at massa efficitur tempor nec a nunc. Suspendisse consectetur tellus nibh, a dapibus sem porta sed. Proin in nisi pretium, fringilla quam quis, porttitor libero.</div>
<div>&nbsp;</div>
<div>Curabitur quis laoreet arcu. Aliquam venenatis ornare tortor mattis dignissim. Quisque porttitor mi id sem commodo blandit. In accumsan, ligula ac viverra rhoncus, sem diam interdum nisl, id aliquam justo tortor aliquet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
</div>
</div>
<div style="width:400px;height:180px;float:left;margin:-230px 0px 0px 1000px;background:#3d3d3d;opacity:0.7;">
<div style="margin:15px 0 0 15px;float:left;width:370px;height:150px;overflow:hidden;">
<div style="float:left;width:387px;height:150px;overflow:auto;">
<div style="width:370px;float:left;">
<div style="text-transform:uppercase;text-align:right;font-family:'Courier New';font-size:16px;padding:0px 15px;line-height:100%;border-bottom:solid 1px;margin-bottom:5px;">We Could Fall In Love</div>
<div><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:100px;height:100px;float:left;margin-right:5px;" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi ante, rutrum sit amet nunc eget, consectetur interdum mauris. Curabitur vel justo at diam convallis aliquet. Aliquam ullamcorper magna sed justo elementum porttitor. In vitae lectus metus.</div>
<div>&nbsp;</div>
<div>Mauris sodales vestibulum posuere. Donec diam nisl, commodo ac ullamcorper et, scelerisque sit amet massa. Aenean dictum risus a dui fermentum sollicitudin. Nullam tincidunt tempus mi, vel consequat nunc ultrices non. Phasellus sed bibendum mi, nec tincidunt enim.</div>
<div>&nbsp;</div>
<div>Proin libero eros, sodales a leo in, congue malesuada tellus. Phasellus sed ipsum id purus iaculis hendrerit. Vestibulum ut mi vitae ipsum rutrum eleifend. Duis imperdiet, quam eu congue varius, turpis enim congue nulla, in volutpat felis nulla vel nisl. Aenean interdum faucibus ante vitae mollis.</div>
<div>&nbsp;</div>
<div>Etiam eget lacus nibh. Sed faucibus dui in auctor aliquet. Ut viverra purus augue, in sollicitudin nunc mollis in. Sed at ante at massa efficitur tempor nec a nunc. Suspendisse consectetur tellus nibh, a dapibus sem porta sed. Proin in nisi pretium, fringilla quam quis, porttitor libero.</div>
<div>&nbsp;</div>
<div>Curabitur quis laoreet arcu. Aliquam venenatis ornare tortor mattis dignissim. Quisque porttitor mi id sem commodo blandit. In accumsan, ligula ac viverra rhoncus, sem diam interdum nisl, id aliquam justo tortor aliquet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
</div>
</div>
<div style="width:400px;height:180px;float:left;margin:-230px 0px 0px 1500px;background:#3d3d3d;opacity:0.7;">
<div style="margin:15px 0 0 15px;float:left;width:370px;height:150px;overflow:hidden;">
<div style="float:left;width:387px;height:150px;overflow:auto;">
<div style="width:370px;float:left;">
<div style="text-transform:uppercase;text-align:right;font-family:'Courier New';font-size:16px;padding:0px 15px;line-height:100%;border-bottom:solid 1px;margin-bottom:5px;">Extra</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi ante, rutrum sit amet nunc eget, consectetur interdum mauris. Curabitur vel justo at diam convallis aliquet. Aliquam ullamcorper magna sed justo elementum porttitor. In vitae lectus metus.</div>
<div>&nbsp;</div>
<div>Mauris sodales vestibulum posuere. Donec diam nisl, commodo ac ullamcorper et, scelerisque sit amet massa. Aenean dictum risus a dui fermentum sollicitudin. Nullam tincidunt tempus mi, vel consequat nunc ultrices non. Phasellus sed bibendum mi, nec tincidunt enim.</div>
<div>&nbsp;</div>
<div>Proin libero eros, sodales a leo in, congue malesuada tellus. Phasellus sed ipsum id purus iaculis hendrerit. Vestibulum ut mi vitae ipsum rutrum eleifend. Duis imperdiet, quam eu congue varius, turpis enim congue nulla, in volutpat felis nulla vel nisl. Aenean interdum faucibus ante vitae mollis.</div>
<div>&nbsp;</div>
<div>Etiam eget lacus nibh. Sed faucibus dui in auctor aliquet. Ut viverra purus augue, in sollicitudin nunc mollis in. Sed at ante at massa efficitur tempor nec a nunc. Suspendisse consectetur tellus nibh, a dapibus sem porta sed. Proin in nisi pretium, fringilla quam quis, porttitor libero.</div>
<div>&nbsp;</div>
<div>Curabitur quis laoreet arcu. Aliquam venenatis ornare tortor mattis dignissim. Quisque porttitor mi id sem commodo blandit. In accumsan, ligula ac viverra rhoncus, sem diam interdum nisl, id aliquam justo tortor aliquet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
</div>
</div>
<div style="width:400px;height:180px;float:left;margin:-230px 0px 0px 2000px;background:#3d3d3d;opacity:0.7;">
<div style="margin:15px 0 0 15px;float:left;width:370px;height:150px;overflow:hidden;">
<div style="float:left;width:387px;height:150px;overflow:auto;">
<div style="width:370px;float:left;">
<div style="text-transform:uppercase;text-align:right;font-family:'Courier New';font-size:16px;padding:0px 15px;line-height:100%;border-bottom:solid 1px;margin-bottom:5px;">People I Can Tolerate</div>
<div style="text-align:center;height:74px;"><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /></div>
<div style="text-align:center;height:74px;"><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:74px;height:74px;" /></div>
</div>
</div>
</div>
</div>
<div style="width:50px;height:180px;float:left;margin:-230px 0 0 2400px;">&nbsp;</div>
</div>
</div>
<div style="float:right;font-size:8px;text-transform:uppercase;letter-spacing:1px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/17856/" style="color:#999999;" title="翼 • TSUBASA © 2016 All Rights Reserved">Credits</a></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment